:root{--bg:#131722;--bg-soft:#171d2b;--card:#1c2333;--card-2:#212a3d;--border:#2b3550;--border-soft:#242e45;--text:#e7ebf4;--text-soft:#b7c1d6;--muted:#94a0b8;--accent:#4f7cff;--accent-2:#6b93ff;--good:#37c26b;--bad:#e5484d;--warn:#e9a13b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 400px at 50% -100px, #4f7cff14, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Manrope,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent-2);text-decoration:none}a:hover{color:#8fadff}button{font:inherit;cursor:pointer;border:0}.wordmark{letter-spacing:.04em;font-family:Unbounded,Manrope,sans-serif;font-weight:700}.card{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--border-soft);border-radius:14px;padding:18px}.btn{color:var(--text-soft);border:1px solid var(--border-soft);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:filter .12s,background .12s;display:inline-flex}.btn:hover{filter:brightness(1.15)}.btn.primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#fff;border-color:#0000}.btn.good{background:linear-gradient(180deg, #43cf79, var(--good));color:#0b2415;border-color:#0000}.chip{border:1px solid var(--border-soft);cursor:pointer;background:#ffffff0d;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.chip.on{border-color:var(--accent);background:#4f7cff33}.widget-title{letter-spacing:.1em;color:var(--muted);font-size:11.5px;font-weight:800}.ava{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.topbar{background:var(--bg-soft);border-bottom:1px solid var(--border-soft);z-index:50;align-items:center;gap:28px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar nav{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{color:var(--muted);white-space:nowrap;border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:600}.topbar nav a:hover{color:var(--text);background:#ffffff0d}.topbar nav a.on{background:var(--accent);color:#fff;font-weight:700}.layout{grid-template-columns:248px minmax(0,1fr) 312px;gap:24px;max-width:1440px;margin:0 auto;padding:24px 32px;display:grid}@media (width<=1100px){.layout{grid-template-columns:minmax(0,1fr) 300px}.left-rail{display:none}}@media (width<=820px){.layout{grid-template-columns:minmax(0,1fr);padding:14px}.right-rail{display:none}.topbar{gap:12px;padding:0 14px}}.rail{flex-direction:column;align-self:start;gap:16px;display:flex}.rail.sticky{position:sticky;top:88px}.navlist{flex-direction:column;gap:2px;padding:10px;display:flex}.navlist a{color:var(--text-soft);border-radius:9px;align-items:center;gap:11px;padding:9px 12px;font-weight:600;display:flex}.navlist a:hover{color:var(--text);background:#ffffff0a}.navlist a.on{color:#fff;background:#4f7cff24;font-weight:700}.navlist .cnt{color:#8fadff;background:#4f7cff29;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:800}.navlist .cnt.warn{color:#ffca7a;background:#e9a13b2e}.navlist hr{border:0;border-top:1px solid var(--border-soft);width:auto;margin:6px 10px}.feed{flex-direction:column;gap:16px;min-width:0;display:flex}.progress{background:#141a28;border-radius:99px;height:7px;overflow:hidden}.progress>div{border-radius:99px;height:100%}