*{box-sizing:border-box}
body{margin:0;background:#000;color:#e7e9ea;font-family:Arial,Helvetica,sans-serif}
a{color:#1d9bf0;text-decoration:none}
.layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:260px minmax(0,620px) 340px;gap:0;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:18px;border-right:1px solid #2f3336}
.logo{font-size:34px;font-weight:900;color:#fff;margin-bottom:20px}
.nav a{display:block;color:#e7e9ea;font-size:21px;padding:14px 16px;border-radius:999px;margin:4px 0}
.nav a:hover{background:#181818}
.post-btn{display:block;background:#1d9bf0;color:white;text-align:center;border-radius:999px;padding:15px;font-size:18px;font-weight:800;margin:16px 0}
.me-card{position:absolute;bottom:20px;left:16px;right:16px;display:flex;gap:10px;align-items:center;padding:12px;border-radius:999px}
.me-card:hover{background:#181818}
.main{border-right:1px solid #2f3336;min-height:100vh}
.top-title{position:sticky;top:0;background:#000c;backdrop-filter:blur(12px);z-index:5;padding:16px;border-bottom:1px solid #2f3336;font-size:22px;font-weight:900}
.compose{padding:16px;border-bottom:1px solid #2f3336;display:flex;gap:12px}
.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#333}
.avatar.big{width:132px;height:132px;border:4px solid #000}
.compose textarea{width:100%;background:transparent;color:#e7e9ea;border:0;resize:none;font-size:20px;min-height:90px;outline:0}
.compose-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2f3336;padding-top:12px}
.file{color:#1d9bf0}
.btn{border:0;background:#1d9bf0;color:white;font-weight:800;border-radius:999px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}
.btn.gray{background:#202327;color:#fff}.btn.red{background:#f4212e}
.tweet{padding:16px;border-bottom:1px solid #2f3336;display:flex;gap:12px}
.tweet:hover{background:#070707}
.tweet-body{flex:1;min-width:0}
.name{font-weight:900;color:white}.handle,.muted{color:#71767b}
.verified{background:#1d9bf0;color:white;border-radius:50%;font-size:11px;padding:1px 4px}
.media{width:100%;max-height:520px;object-fit:cover;border-radius:16px;border:1px solid #2f3336;margin-top:10px;background:#111}
.actions{display:flex;justify-content:space-between;max-width:430px;margin-top:12px;color:#71767b}
.actions a{color:#71767b}.actions a:hover{color:#1d9bf0}
.rightbar{position:sticky;top:0;height:100vh;padding:12px 18px}
.searchbox input{width:100%;background:#202327;color:#e7e9ea;border:0;border-radius:999px;padding:14px 18px;font-size:15px}
.panel{background:#16181c;border-radius:18px;margin-top:16px;overflow:hidden}
.panel h2{font-size:21px;margin:0;padding:16px}
.trend,.who{padding:14px 16px;border-top:1px solid #2f3336}
.trend:hover,.who:hover{background:#1d1f23}
.card{padding:16px;border-bottom:1px solid #2f3336}
.input,textarea{width:100%;background:#16181c;color:#e7e9ea;border:1px solid #2f3336;border-radius:8px;padding:12px;margin:6px 0;font:inherit}
.auth{max-width:430px;margin:50px auto;background:#000;border:1px solid #2f3336;border-radius:18px;padding:24px}
.cover{height:200px;background:linear-gradient(120deg,#1d9bf0,#7856ff)}
.profile-head{padding:0 16px 16px;border-bottom:1px solid #2f3336}
.profile-top{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-66px}
.people{display:grid;grid-template-columns:1fr;gap:0}
.msg-row{padding:10px 14px;border-radius:18px;margin:8px 0;max-width:75%}
.mine{background:#1d9bf0;margin-left:auto;color:white}.theirs{background:#202327}
.admin-table{width:100%;border-collapse:collapse}
.admin-table td,.admin-table th{border-bottom:1px solid #2f3336;padding:10px;text-align:left}
@media(max-width:1000px){.layout{grid-template-columns:80px minmax(0,1fr)}.rightbar{display:none}.nav span,.me-card div{display:none}.sidebar{padding:10px}.logo{text-align:center}}
@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;top:auto;height:auto;left:0;right:0;background:#000;z-index:20;border-right:0;border-top:1px solid #2f3336}.logo,.me-card,.post-btn{display:none}.nav{display:flex;justify-content:space-around}.nav a{font-size:0;padding:12px}.nav a b{font-size:24px}.main{border-right:0}.tweet{padding:12px}.top-title{top:0}}