:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #fff; background: #4310a3; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; background: linear-gradient(150deg, #4310a3, #8012ff 55%, #b42be8); }
main { max-width: 480px; margin: 0 auto; padding: 32px 20px; }
.eyebrow { color: #87fbd7; letter-spacing: .18em; font-size: 12px; }
h1 { font-size: clamp(38px, 13vw, 60px); line-height: .98; letter-spacing: -.055em; margin: 26px 0; font-weight: 900; }
p { font-size: 16px; line-height: 1.5; }
#status { margin-top: 28px; }
#challenge { margin: 20px 0; min-height: 0; }
button { width: 100%; min-height: 52px; border: 0; background: #87fbd7; color: #12052e; font: inherit; font-weight: 800; cursor: pointer; padding: 14px; }
button:focus-visible { outline: 3px solid white; outline-offset: 4px; }
[hidden] { display: none !important; }
.note { font-size: 12px; opacity: .85; margin-top: 28px; }