:root{color-scheme:dark;--bg: #0b0e14;--panel: #121722;--line: #232b3b;--text: #e7ecf3;--muted: #8b96a8;--accent: #7aa2f7;--ok: #4ade80;--down: #f87171;--warn: #fbbf24}*{box-sizing:border-box}body{margin:0;font-family:Inter,SF Pro Text,system-ui,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:720px;margin:0 auto;padding:64px 24px 48px}header h1{font-size:40px;margin:0 0 12px;letter-spacing:-.5px}.tagline{font-size:18px;color:var(--muted);margin:0 0 8px;line-height:1.5}.note{color:var(--accent);font-size:14px}.card{margin-top:40px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.card h2{margin:0 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.status-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}.status-list li{display:flex;align-items:center;gap:12px}.status-list .label{width:90px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot-ok{background:var(--ok)}.dot-down{background:var(--down)}.dot-checking,.dot-unreachable{background:var(--warn)}.state{font-size:13px;color:var(--muted)}.note{color:var(--warn);font-size:13px;margin:0 0 16px}button{font:inherit;padding:10px 20px;border-radius:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}button:hover:not(:disabled){background:var(--accent);color:var(--bg)}button:disabled{opacity:.5;cursor:default}.job{margin-top:20px;font-size:14px}.job pre{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto}.error{color:var(--down);font-size:14px}footer{margin-top:48px;color:var(--muted);font-size:12px;text-align:center}.star{color:var(--accent)}