:root{--bg: #f7f7f5;--fg: #1c1c1e;--muted: #5b5b60;--ok: #1f7a3a;--down: #b3261e;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #151517;--fg: #ececee;--muted: #a0a0a8;--ok: #5cc27a;--down: #f2867d}}body{margin:0;background:var(--bg)}.shell{max-width:40rem;margin:0 auto;padding:3rem 1rem}.shell p{color:var(--muted)}.status-ok{color:var(--ok)}.status-down{color:var(--down)}button{font:inherit;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--muted);background:var(--fg);color:var(--bg);cursor:pointer}button:disabled{opacity:.5;cursor:default}.onboarding{display:grid;gap:1rem;margin-block:1.5rem}.onboarding h2{margin:0;font-size:1.25rem}.onboarding label{display:grid;gap:.25rem;font-weight:600}.onboarding input{font:inherit;padding:.5rem;border-radius:6px;border:1px solid var(--muted);background:transparent;color:inherit}.onboarding input[aria-invalid=true]{border-color:var(--down)}.onboarding small,.onboarding .hint,.optional{color:var(--muted);font-weight:400}.onboarding input[aria-invalid=true]+small{color:var(--down)}.onboarding button{justify-self:start}