.quiz-page{--quiz-bg:#0d0d0d;--quiz-panel:#151515;--quiz-ink:#eef0f2;--quiz-muted:#9ca3ad;--quiz-line:#ffffff24;--quiz-lime:#d9ff57;background:radial-gradient(circle at 50% 35%, #d9ff570e, transparent 38rem), var(--quiz-bg);min-height:100svh;color:var(--quiz-ink);font-family:var(--df-font-body), sans-serif}[data-theme=light] .quiz-page{--quiz-bg:#f4f5f1;--quiz-panel:#fff;--quiz-ink:#151714;--quiz-muted:#4f574f;--quiz-line:#1212122e}.quiz-shell{width:min(100% - 40px,780px);min-height:100dvh;padding-block:max(48px, env(safe-area-inset-top)) calc(156px + env(safe-area-inset-bottom));align-items:center;margin-inline:auto;display:grid}.quiz-eyebrow{color:var(--quiz-muted);font:500 .68rem var(--df-font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px}.quiz-panel{border:1px solid var(--quiz-line);background:var(--quiz-panel);border-radius:16px;padding:42px}.quiz-step-footer{z-index:10;inset-inline:0;padding:20px 88px calc(24px + env(safe-area-inset-bottom));background:var(--quiz-bg);justify-items:center;gap:14px;display:grid;position:fixed;bottom:0}.quiz-theme-toggle{z-index:11;right:max(24px, env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));border:1px solid var(--quiz-line);background:var(--quiz-panel);width:44px;height:44px;color:var(--quiz-ink);cursor:pointer;border-radius:16px;place-items:center;padding:0;display:grid;position:fixed}.quiz-theme-toggle:hover{border-color:var(--quiz-muted)}.quiz-theme-toggle svg{width:20px;height:20px}.quiz-theme-moon,[data-theme=light] .quiz-theme-sun{display:none}[data-theme=light] .quiz-theme-moon{display:block}.quiz-step-footer p{color:var(--quiz-muted);font:500 .65rem var(--df-font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0}.quiz-progress{gap:8px;width:min(100%,260px);display:flex}.quiz-progress span{background:var(--quiz-line);border-radius:16px;flex:1;height:4px}.quiz-progress .is-complete{background:var(--quiz-lime)}.quiz-heading{color:var(--quiz-ink);font:600 clamp(1.8rem, 3.5vw, 2.65rem)/1.08 var(--df-font-display), sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px}.quiz-heading:focus{outline:none}.quiz-intro-heading{letter-spacing:-.045em;font-size:clamp(2.3rem,5vw,3.6rem)}.quiz-hint{color:var(--quiz-muted);margin-bottom:30px;line-height:1.65}.quiz-intro-meta{color:var(--quiz-ink);font:500 .75rem var(--df-font-mono), monospace;margin:0 0 28px}.quiz-disclaimer{max-width:54ch;color:var(--quiz-muted);margin:18px 0 0;font-size:.8rem;line-height:1.65}.quiz-disclaimer a{color:var(--quiz-ink);text-underline-offset:3px;text-decoration:underline}.quiz-transition{text-align:center;padding-block:40px}.quiz-transition .quiz-hint{margin-bottom:0}.quiz-building{justify-content:center;align-items:end;gap:8px;height:64px;margin-bottom:32px;display:flex}.quiz-building span{background:var(--quiz-lime);border-radius:6px;width:24px;height:36px;animation:1.2s ease-in-out infinite alternate quiz-build}.quiz-building span:nth-child(2){height:52px;animation-delay:.2s}.quiz-building span:nth-child(3){height:64px;animation-delay:.4s}@keyframes quiz-build{0%{opacity:.35;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.quiz-building span{animation:none}}.quiz-options{border:0;gap:12px;margin:0;padding:0;display:grid}.quiz-option{border:1px solid var(--quiz-line);color:var(--quiz-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:16px;align-items:center;padding:20px;line-height:1.4;display:flex}.quiz-options-wrap{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.quiz-options-wrap .quiz-option{flex:0 auto;width:auto;max-width:100%;padding:16px 20px}.quiz-option:hover,.quiz-option[aria-pressed=true]{border-color:var(--quiz-lime);background:#d9ff570e}.quiz-fields{gap:24px;display:grid}.quiz-fields label{font:500 .75rem var(--df-font-mono), monospace;gap:10px;display:grid}.quiz-fields input{border:1px solid var(--quiz-line);background:var(--quiz-bg);width:100%;color:var(--quiz-ink);font:400 1rem var(--df-font-body), sans-serif;border-radius:16px;padding:17px}.quiz-fields small,.quiz-calendar>small{color:var(--quiz-muted);line-height:1.5}.quiz-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;display:flex}.quiz-button{background:var(--quiz-lime);color:#121212;font:600 .75rem var(--df-font-mono), monospace;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:20px;padding:17px 21px;display:inline-flex}.quiz-controls .quiz-button{margin-left:auto}.quiz-button:disabled{opacity:.4;cursor:not-allowed}.quiz-back{color:var(--quiz-muted);font:500 .7rem var(--df-font-mono), monospace;cursor:pointer;background:0 0;border:0;padding:8px 0}.quiz-review{margin-top:28px}.quiz-notice{border:1px solid var(--quiz-line);color:var(--quiz-ink);border-radius:16px;margin-bottom:0;padding:18px;line-height:1.6}.quiz-calendar fieldset{border:0;margin:26px 0;padding:0}.quiz-calendar legend{font:500 .7rem var(--df-font-mono), monospace;margin-bottom:14px}.quiz-calendar-note{color:var(--quiz-muted);font-size:.85rem;line-height:1.6}.quiz-dates,.quiz-times{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;display:grid}.quiz-date,.quiz-time{position:relative}.quiz-date input,.quiz-time input{opacity:0;position:absolute}.quiz-date span,.quiz-time span{border:1px solid var(--quiz-line);text-align:center;font:500 .7rem var(--df-font-mono), monospace;cursor:pointer;border-radius:16px;padding:15px 10px;display:block}.quiz-date:has(input:checked) span,.quiz-time:has(input:checked) span{background:var(--quiz-lime);color:#121212;border-color:var(--quiz-lime)}.quiz-calendar>.quiz-button{margin-top:28px;display:flex}.quiz-page a:focus-visible,.quiz-page button:focus-visible,.quiz-page input:focus-visible,.quiz-date:has(input:focus-visible),.quiz-time:has(input:focus-visible){outline:2px solid var(--quiz-muted);outline-offset:4px}.quiz-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){.quiz-shell{width:calc(100% - 28px)}.quiz-panel{padding:26px 20px}.quiz-option{padding:17px 14px}.quiz-controls{gap:14px}.quiz-controls .quiz-button{width:100%}}