:root{color-scheme:light;--bg: #0f1623;--bg-2: #121b2b;--panel: rgba(255, 255, 255, .05);--panel-strong: rgba(255, 255, 255, .1);--accent: #3e8ef7;--accent-2: #52d2d2;--accent-3: #7b91ff;--text: #eef3ff;--muted: rgba(238, 243, 255, .62);--line: rgba(255, 255, 255, .1);--good: #62d26f;--bad: #ff6b6b;--font-head: "Clash Display", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(900px 600px at 15% -10%,#1c2a44 0%,transparent 60%),radial-gradient(900px 700px at 90% 0%,#172a35 0%,transparent 60%),linear-gradient(180deg,var(--bg) 0%,#0b111c 100%);min-height:100vh}a{color:inherit;text-decoration:none}.app{max-width:980px;margin:0 auto;padding:20px 16px 56px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:12px}.menu-btn{width:34px;height:34px;border-radius:12px;background:#ffffff0f;border:1px solid var(--line);display:grid;place-items:center;gap:4px;padding:6px;cursor:pointer}.menu-btn span{display:block;width:16px;height:2px;background:var(--text);border-radius:999px;opacity:.9}.brand-mark{width:42px;height:42px;border-radius:14px;box-shadow:0 10px 22px #3e8ef759;display:block}.brand-title{font-family:var(--font-head);font-size:20px;letter-spacing:.4px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);font-size:12px;color:var(--muted)}.panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h3{font-family:var(--font-head);margin:0 0 10px;font-size:15px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.kpi{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-family:var(--font-head);font-size:20px;margin:8px 0 4px}.kpi .delta{font-size:12px}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.chart-card{height:240px}.post-list{display:grid;gap:10px}.post-item{border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:12px;background:#0c101b73;display:grid;gap:6px}.drawer .post-item.active{border-color:#3e8ef799;background:#3e8ef71f}.post-item .title{font-weight:600}.post-item .meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.compare-card{border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.footer{margin-top:32px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}@media (max-width: 600px){.app{padding:20px 16px 48px}.header{flex-direction:column;align-items:flex-start}}.section-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:12px}.tab.active{color:var(--text);border-color:#3e8ef799;background:#3e8ef71f}.section-stack{display:grid;gap:14px}.inline-row{display:flex;flex-wrap:wrap;gap:10px}.drawer{position:fixed;top:0;left:0;height:100vh;width:min(78vw,320px);background:linear-gradient(180deg,#111826,#0b111c);border-right:1px solid var(--line);box-shadow:18px 0 40px #00000059;padding:18px 14px;transform:translate(-100%);transition:transform .35s ease;z-index:30;display:grid;grid-template-rows:auto 1fr auto;gap:16px}.drawer.open{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a1299;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:20}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-title{font-family:var(--font-head);font-size:16px}.drawer-close{border:none;background:#ffffff14;color:var(--text);width:30px;height:30px;border-radius:10px;cursor:pointer}.drawer-section{display:grid;gap:8px}.drawer-item{padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line);font-size:13px}.drawer-item.muted{color:var(--muted)}.drawer .post-list{align-content:start}.drawer .post-item{min-height:68px}.drawer .post-item .meta{margin-top:4px}.empty-state{text-align:left}.empty-text{color:var(--muted);font-size:14px;line-height:1.4}.empty-hint{margin-top:10px;font-size:13px;color:var(--muted)}