:root{--bg-0: #07121a;--bg-1: #0f1f2a;--bg-2: #112736;--glass: rgba(12, 28, 38, .55);--glass-2: rgba(11, 23, 31, .72);--line: rgba(163, 219, 255, .18);--line-strong: rgba(255, 162, 92, .4);--text: #ecf7ff;--muted: #9eb9ca;--accent: #ff9a4a;--accent-2: #4bc2ff;--green: #48d6a5;font-family:Avenir Next,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 15% -10%,#1f435f 0%,transparent 60%),radial-gradient(1000px 600px at 90% -20%,#4f244f 0%,transparent 65%),linear-gradient(155deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));min-height:100vh}.app-shell{position:relative;max-width:1280px;margin:0 auto;padding:20px}.ambient{position:fixed;border-radius:999px;filter:blur(64px);pointer-events:none;opacity:.45;z-index:0}.ambient-a{top:80px;left:-80px;width:280px;height:280px;background:#2fa8ff}.ambient-b{bottom:80px;right:-70px;width:260px;height:260px;background:#ff9a4a}.glass{background:linear-gradient(170deg,#ffffff14,#ffffff08);border:1px solid var(--line);box-shadow:0 14px 36px #030a1059,inset 0 1px #ffffff14;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.header{position:sticky;top:16px;z-index:40;display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:18px;padding:14px 16px;margin-bottom:16px}.eyebrow{margin:0;letter-spacing:1.8px;font-size:11px;color:var(--muted)}h1{margin:2px 0 0;font-size:26px;line-height:1}.header-right{display:flex;flex-wrap:wrap;gap:8px}.status-pill{border-radius:999px;padding:8px 12px;font-size:12px;border:1px solid var(--line);background:#ffffff0d;color:var(--muted);letter-spacing:.2px}.status-pill.connected{border-color:#48d6a58c;background:#48d6a51f;color:#90f2cf}.status-pill.checking{border-color:#4bc2ff80;background:#4bc2ff1f;color:#aee7ff}.status-pill.disconnected{border-color:#ff797980;background:#ff797924;color:#ffb3b3}.chip,button,input,a.ghost{border:1px solid var(--line);background:#ffffff0a;color:var(--text);border-radius:12px;padding:10px 12px;transition:all .22s ease;font-size:14px}button{cursor:pointer}button:hover,a.ghost:hover,.chip:hover{transform:translateY(-1px);border-color:var(--line-strong)}.chip.active,button.active{background:linear-gradient(135deg,#ff9a4ae0,#ff7d2ce6);border-color:transparent;color:#fff}button.primary{background:linear-gradient(135deg,var(--accent),#ff7b2c);border-color:transparent;color:#fff;font-weight:600}button.primary:hover{box-shadow:0 8px 18px #ff8d3959}button.ghost,a.ghost{background:#ffffff08;color:var(--muted);text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.panel{border-radius:18px;padding:18px;position:relative;z-index:1}.center{text-align:center;margin-top:80px}.hero-enter{animation:floatIn .45s ease both}@keyframes floatIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.row{display:flex;gap:10px;align-items:center}.row.compact{margin-top:14px}.row.wrap{flex-wrap:wrap}input{background:#07101880}.row input:first-child{flex:1;min-width:220px}.error{color:#ff7979}.muted{color:var(--muted)}.small{font-size:12px}.loader-ring{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{display:grid;gap:14px;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.stat-card{border-radius:14px;padding:14px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:140px;height:140px;right:-70px;top:-70px;background:radial-gradient(circle,rgba(255,154,74,.24),transparent 70%)}.stat-card p{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.stat-card h3{margin:8px 0 5px;font-size:28px}.stat-card span{color:var(--muted);font-size:12px}.pop{animation:pop .38s ease both}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.tab-stack{display:grid;gap:12px}.fade-in{animation:floatIn .3s ease both}.profile-hero{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:start}.profile-hero img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.22)}.profile-hero h3{margin:0;font-size:24px}.top-right{position:absolute;top:12px;right:12px}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.panel-head h4{margin:0;font-size:16px}.panel-head span{color:var(--muted);font-size:12px}.chart-panel{min-height:240px}.spark-bars{height:190px;display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:6px;align-items:end}.spark-col{display:grid;grid-template-rows:1fr 1fr auto;align-items:end;gap:3px}.spark-like,.spark-comment{border-radius:5px;min-height:4px;transition:height .3s ease}.spark-like{background:linear-gradient(180deg,#7fd8ff,#34b4ff)}.spark-comment{background:linear-gradient(180deg,#ffc187,#ff9448)}.spark-col span{margin-top:3px;font-size:10px;color:var(--muted);text-align:center}.metric-list{display:grid;gap:8px}.metric-row{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:8px;font-size:13px}.metric-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.top-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.top-post-card{border-radius:12px;border:1px solid var(--line);background:var(--glass-2);overflow:hidden;transition:transform .22s ease}.top-post-card:hover{transform:translateY(-2px)}.top-post-card img{width:100%;height:130px;object-fit:cover}.top-post-card>div{padding:10px}.caption-grid{display:grid;gap:10px}.caption-card{border-radius:12px;border:1px solid var(--line);background:var(--glass-2);padding:12px;transition:border-color .2s ease,transform .2s ease}.caption-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tag-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-wrap span{padding:4px 8px;border-radius:999px;font-size:11px;color:#ffd3b0;background:#ff9a4a26;border:1px solid rgba(255,154,74,.4)}.masonry{columns:4 210px;column-gap:10px}.media{position:relative;break-inside:avoid;margin-bottom:10px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0003}.media img{width:100%;display:block;cursor:zoom-in;transition:transform .32s ease}.media:hover img{transform:scale(1.03)}.media-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.media-actions a,.media-actions button{border:1px solid rgba(255,255,255,.25);background:#00000080;color:#fff;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;text-decoration:none;padding:0}.inner-panel{border-radius:12px;padding:12px}.comment-stream{max-height:460px;overflow:auto;display:grid;gap:8px}.comment-card{border-radius:10px;border:1px solid var(--line);background:#07141c99;padding:10px}.comment-card p{margin:0}.comment-card p+p{margin-top:6px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:90}.modal-content{width:min(940px,95vw);border-radius:16px;overflow:hidden}.modal-content img{width:100%;max-height:70vh;object-fit:contain;background:#00000059}.modal-meta{padding:12px}.settings-modal{max-width:620px;padding:18px}.settings-modal h3{margin:0 0 6px}.settings-modal input{flex:1;min-width:260px}@media (max-width: 900px){.dual-grid{grid-template-columns:1fr}.masonry{columns:2 160px}}@media (max-width: 700px){.app-shell{padding:12px}.header{top:8px}.profile-hero{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.row{flex-wrap:wrap}.metric-row{grid-template-columns:90px 1fr 25px}}