:root{color-scheme:light dark;--bg:#0f1419;--surface:#1a2332;--border:#2d3a4f;--text:#e8edf4;--muted:#8b9cb3;--accent:#3b82f6;--up:#22c55e;--down:#ef4444;--unknown:#f59e0b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at top,#1e293b 0,var(--bg) 55%);color:var(--text)}main{max-width:720px;margin:0 auto;padding:3rem 1.25rem 4rem}h1{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.lead{margin:0 0 2rem;color:var(--muted);line-height:1.5}.grid{display:grid;grid-gap:1rem;gap:1rem}.card{display:block;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.card h2{margin:0;font-size:1.1rem}.badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.badge-up{background:color-mix(in srgb,var(--up) 20%,transparent);color:var(--up)}.badge-down{background:color-mix(in srgb,var(--down) 20%,transparent);color:var(--down)}.badge-unknown{background:color-mix(in srgb,var(--unknown) 20%,transparent);color:var(--unknown)}.card p{margin:0;font-size:.92rem;line-height:1.45}.card p,.latency{color:var(--muted)}.latency{margin-top:.55rem;font-size:.78rem}.empty{color:var(--muted);padding:2rem;text-align:center;border:1px dashed var(--border);border-radius:12px}