:root{--bg:#000;--bg-elev:#16181c;--border:#2f3336;--text:#e7e9ea;--muted:#71767b;--accent:#1d9bf0;--accent-hover:#1a8cd8;--like:#f91880;--danger:#f4212e}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a,body,html{color:var(--text)}a{text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.app{display:grid;grid-template-columns:275px minmax(0,600px) 1fr;max-width:1200px;margin:0 auto;min-height:100vh}@media (max-width:900px){.app{grid-template-columns:70px minmax(0,1fr)}.sidebar-text{display:none}}@media (max-width:500px){.app{grid-template-columns:1fr}.nav{display:none}}.nav{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;padding:12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.nav .brand{font-size:28px;font-weight:900;padding:8px 12px}.nav a,.nav button{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:9999px;font-size:18px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left}.nav a:hover,.nav button:hover{background:hsla(200,7%,91%,.1);text-decoration:none}.nav .post-btn{background:var(--accent);color:#fff;font-weight:700;justify-content:center;margin-top:12px;padding:14px}.nav .post-btn:hover{background:var(--accent-hover)}.main{border-right:1px solid var(--border);min-height:100vh}.header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.65);padding:16px;font-weight:700;font-size:20px;z-index:10}.header,.header-tabs{border-bottom:1px solid var(--border)}.header-tabs{display:flex}.header-tabs a{flex:1 1;text-align:center;padding:16px;font-weight:600;color:var(--muted);position:relative}.header-tabs a.active{color:var(--text)}.header-tabs a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:56px;height:4px;background:var(--accent);border-radius:9999px}.compose{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.compose textarea{flex:1 1;background:transparent;border:none;resize:none;color:var(--text);font-size:20px;outline:none;min-height:56px;font-family:inherit}.compose-bar{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}.compose .post-btn{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:9999px;font-weight:700;cursor:pointer}.compose .post-btn:disabled{opacity:.5;cursor:not-allowed}.compose .icon-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:8px;border-radius:9999px;font-size:18px}.compose .icon-btn:hover{background:rgba(29,155,240,.1)}.tweet{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer}.tweet:hover{background:hsla(200,7%,91%,.03)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-elev);flex-shrink:0;object-fit:cover}.avatar.lg{width:134px;height:134px;border:4px solid var(--bg)}.tweet-body{flex:1 1;min-width:0}.tweet-head{display:flex;gap:4px;align-items:baseline}.tweet-name{font-weight:700}.tweet-handle,.tweet-time{color:var(--muted)}.tweet-content{margin:2px 0 8px;white-space:pre-wrap;word-wrap:break-word}.tweet-image{max-width:100%;border-radius:16px;border:1px solid var(--border);margin-top:8px}.tweet-actions{display:flex;justify-content:space-between;max-width:425px;margin-top:4px}.action-btn{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:9999px;font-size:13px}.action-btn:hover{color:var(--accent);background:rgba(29,155,240,.1)}.action-btn.like:hover,.action-btn.liked{color:var(--like)}.action-btn.liked:hover{background:rgba(249,24,128,.1)}.action-btn .ic{font-size:16px}.profile-banner{height:200px;background:var(--bg-elev)}.profile-info{padding:12px 16px;border-bottom:1px solid var(--border)}.profile-head{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-67px}.profile-name{font-size:22px;font-weight:800;margin:12px 0 0}.profile-handle{color:var(--muted);margin:4px 0 12px}.profile-bio{margin:12px 0}.profile-stats{display:flex;gap:20px;color:var(--muted)}.profile-stats b{color:var(--text)}.btn{background:var(--text);color:var(--bg);border:none;padding:8px 16px;border-radius:9999px;font-weight:700;cursor:pointer}.btn.outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.outline:hover{background:rgba(244,33,46,.1);border-color:rgba(244,33,46,.4);color:var(--danger)}.btn:hover{opacity:.92}.login-card{max-width:380px;margin:80px auto;padding:32px;text-align:center;background:var(--bg-elev);border-radius:16px}.login-card h1{font-size:32px;margin:0 0 16px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card .google{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#111;padding:12px 24px;border-radius:9999px;font-weight:600;text-decoration:none}.center{text-align:center;padding:40px;color:var(--muted)}.form-row{display:flex;flex-direction:column;gap:8px;margin:12px 0}.form-row label{font-size:13px;color:var(--muted)}.form-row input,.form-row textarea{background:transparent;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:16px;font-family:inherit}.form-row input:focus,.form-row textarea:focus{border-color:var(--accent);outline:none}.image-preview{position:relative;margin-top:8px}.image-preview img{max-width:100%;max-height:300px;border-radius:16px}.image-preview .remove{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer}.error-banner{background:rgba(244,33,46,.15);border-bottom:1px solid var(--danger);padding:12px 16px;color:var(--danger)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:12px 20px;border-radius:9999px;z-index:100}