:root{--bg: #12141a;--panel: #1a1d26;--line: #2a2f3d;--fg: #e7e9ee;--dim: #8b93a7;--accent: #7c9cff;--ok: #4ade80;--warn: #fbbf24;--bad: #f87171;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.shell{max-width:34rem;margin:0 auto;padding:1.5rem 1.25rem max(1.5rem,env(safe-area-inset-bottom))}h1{font-size:1.6rem;margin:0;letter-spacing:-.02em}.tagline{color:var(--dim);margin:.15rem 0 1.5rem;font-size:.9rem}.status{display:flex;align-items:center;gap:.6rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--dim);flex:none}.dot.open{background:var(--ok);box-shadow:0 0 10px var(--ok)}.dot.connecting,.dot.reconnecting{background:var(--warn)}.dot.offline{background:var(--bad)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0 0 1.25rem}.facts>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .8rem}.facts dt{color:var(--dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.facts dd{margin:.2rem 0 0;font-size:1.1rem;font-variant-numeric:tabular-nums}.note{color:var(--dim);font-size:.85rem}