:root { color-scheme: light dark; --bg: #fff; --fg: #1c1c1e; --hint: #6c6c70; --ok: #1a7f37; --bad: #b3261e; }
@media (prefers-color-scheme: dark) { :root { --bg: #1c1c1e; --fg: #f2f2f7; --hint: #a1a1a6; --ok: #4cc26a; --bad: #ff8a80; } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 18px/1.4 -apple-system, system-ui, sans-serif; }
main { max-width: 480px; margin: 0 auto; padding: 48px 16px; text-align: center; }
h1 { margin: 0 0 24px; font-size: 28px; }
#verdict { margin: 0 0 12px; font-size: 22px; font-weight: 600; }
#detail { margin: 0; color: var(--hint); font-size: 16px; }
.ok { color: var(--ok); }
.bad { color: var(--bad); }