:root{--bg:#0b1220;--panel:#101a2d;--line:#1e2a44;--text:#e6ecf8;--muted:#8ea0c0;--accent:#38bdf8;--good:#34d399;--bad:#f87171}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.wrap{max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero h1{letter-spacing:-.03em;margin:0;font-size:2.25rem}.hero .accent{color:var(--accent)}.tagline{color:var(--muted);margin:.25rem 0 0}.columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:2rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1rem 1.25rem}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .75rem;font-size:.95rem}.row{align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.muted{color:var(--muted)}.pos{color:var(--good)}.neg{color:var(--bad)}button{font:inherit;color:var(--text);background:var(--line);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.35rem .7rem}button:hover{border-color:var(--accent)}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:.35rem .55rem}form{gap:.5rem;margin-top:.75rem;display:flex}form input{flex:1}.footer{color:var(--muted);text-align:center;margin-top:2.5rem;font-size:.85rem}.footer a{color:var(--accent)}.streak{font-variant-numeric:tabular-nums}