:root { --ink: #073259; --bg: #eef3f9; --accent: #0d4a8c; --ok: #14532d; --bad: #7f1d1d; }
@media (prefers-color-scheme: dark) { :root { --ink: #e8eef7; --bg: #0b1c2e; --accent: #fbb64a; --ok: #86efac; --bad: #fca5a5; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--ink); font: 18px/1.5 system-ui, sans-serif; }
main { padding: 1.5rem 16px; text-align: center; max-width: 28rem; }
h1 { font-size: 1.9rem; margin: 0 0 .5rem; color: var(--accent); }
.soon { font-size: 1.15rem; margin: 0 0 1.5rem; }
.status { font-size: 1rem; margin: 0; }
.status.ok { color: var(--ok); }
.status.bad { color: var(--bad); }