:root { --bg: #0f1020; --fg: #f4f4fb; --muted: #a9aac4; color-scheme: dark; }
@media (prefers-color-scheme: light) { :root { --bg: #f6f6fb; --fg: #15162b; --muted: #55567a; color-scheme: light; } }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--fg); font: 18px/1.5 system-ui, sans-serif; }
main { padding: 24px 16px; max-width: 28rem; text-align: center; }
h1 { margin: 0 0 8px; font-size: 1.6rem; }
p { margin: 8px 0; }
.muted { color: var(--muted); font-size: .9rem; }
.score { font-size: 2.4rem; font-weight: 700; }
.mark { display: block; margin: 0 auto 12px; border-radius: 22px; }