:root{--text:#52606d;--text-h:#17202a;--bg:#f6f3ec;--panel:#fffaf1;--border:#e5dccd;--input-bg:#fff;--choice-bg:#fef3c7;--timer-bg:#e0f2fe;--clock-bg:#fffdf7;--accent:#2563eb;--shadow:0 20px 50px #5044321f;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font:18px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}h1,h2,p{margin-top:0}h1{color:var(--text-h);margin-bottom:0;font-size:clamp(2rem,6vw,4rem);line-height:1.05}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}@media (prefers-color-scheme:dark){:root{--text:#cbd5e1;--text-h:#f8fafc;--bg:#0f172a;--panel:#111827;--border:#334155;--input-bg:#1e293b;--choice-bg:#1e3a8a;--timer-bg:#164e63;--clock-bg:#0f172a;--accent:#60a5fa;--shadow:0 20px 50px #00000059}}.app-shell{place-items:center;min-height:100svh;padding:32px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);width:min(760px,100%);box-shadow:var(--shadow);box-sizing:border-box;text-align:left;border-radius:28px;padding:32px}.setup-panel,.feedback-panel,.result-panel{flex-direction:column;gap:24px;display:flex}.question-panel{text-align:center;justify-items:center;gap:24px;display:grid}.question-header{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;margin:0;font-size:14px;font-weight:700}.lead{color:var(--text);font-size:18px}#setup-title{white-space:nowrap;font-size:clamp(3rem,5.4vw,3.5rem)}.completion-badge{width:clamp(96px,16vw,180px);height:auto;box-shadow:var(--shadow);pointer-events:none;border-radius:16px;position:fixed;bottom:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px);transform:rotate(6deg)}.setup-form,.answer-form{gap:20px;display:grid}.answer-form{grid-template-columns:1fr 1fr auto;align-items:end;width:min(520px,100%)}.field{color:var(--text-h);gap:8px;font-weight:700;display:grid}.field input,.field select{border:1px solid var(--border);background:var(--input-bg);box-sizing:border-box;width:100%;color:var(--text-h);font:inherit;border-radius:14px;padding:12px 14px}.field small{color:var(--text);font-weight:400}.fieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.fieldset legend{color:var(--text-h);margin-bottom:8px;font-weight:700}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-switch legend{grid-column:1/-1}.radio-card{border:1px solid var(--border);cursor:pointer;border-radius:18px;align-items:flex-start;gap:12px;padding:16px;display:flex}.radio-card span{gap:4px;display:grid}.radio-card strong{color:var(--text-h)}.challenge-note,.progress-card{border:1px solid var(--border);background:var(--input-bg);border-radius:20px;padding:18px}.challenge-note{gap:6px;display:grid}.challenge-note strong,.progress-card h2{color:var(--text-h)}.challenge-note span,.progress-list span{color:var(--text)}.progress-card{gap:16px;display:grid}.progress-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.progress-card h2{margin:6px 0 0;font-size:24px}.progress-list{gap:10px;margin:0;padding-left:20px;display:grid}.progress-list li{color:var(--text-h)}.progress-list__item--cleared strong{color:#166534}.button-row{flex-wrap:wrap;gap:10px;display:flex}.custom-time{grid-template-columns:1fr 1fr;gap:16px;display:grid}.primary-button,.choice-button,.secondary-button,.danger-button{cursor:pointer;font:inherit;border:0;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-button{background:var(--accent);color:#fff;padding:14px 22px}.secondary-button,.danger-button{border:1px solid var(--border);background:var(--panel);color:var(--text-h);padding:10px 16px}.danger-button{color:#991b1b}.danger-button--solid{color:#fff;background:#991b1b;border-color:#991b1b}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.5}.choice-button{background:var(--choice-bg);min-height:64px;color:var(--text-h);padding:14px 18px}.primary-button:not(:disabled):hover,.choice-button:hover,.secondary-button:not(:disabled):hover,.danger-button:not(:disabled):hover{box-shadow:var(--shadow);transform:translateY(-1px)}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(560px,100%);display:grid}.timer{background:var(--timer-bg);color:var(--text-h);border-radius:999px;margin:0;padding:8px 14px;font-weight:700}.timer--warning{color:#991b1b;background:#fee2e2}.timer--none{color:var(--text)}.clock-face{width:min(320px,82vw);height:auto}.clock-face__rim{fill:var(--clock-bg);stroke:var(--text-h);stroke-width:4px}.clock-face__mark{stroke:var(--text);stroke-linecap:round;stroke-width:1.5px}.clock-face__mark--hour{stroke:var(--text-h);stroke-width:3px}.clock-face__number{fill:var(--text-h);text-anchor:middle;dominant-baseline:middle;font-size:13px;font-weight:800}.clock-face__hand{stroke:var(--text-h);stroke-linecap:round;transform-origin:50%}.clock-face__hand--hour{stroke-width:7px}.clock-face__hand--minute{stroke:var(--accent);stroke-width:5px}.clock-face__pin{fill:var(--accent)}.status-badge{border-radius:999px;width:fit-content;margin:0;padding:8px 14px;font-weight:700}.status-badge--correct{color:#166534;background:#dcfce7}.status-badge--incorrect,.status-badge--timeout{color:#991b1b;background:#fee2e2}.answer-card,.summary-item{border:1px solid var(--border);background:var(--input-bg);border-radius:18px;padding:18px}.answer-card p,.summary-item span{color:var(--text);margin:0 0 6px}.answer-card strong{color:var(--text-h);font-size:32px}.answer-card--muted strong{font-size:24px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.summary-item strong{color:var(--text-h);font-size:32px}.result-list{gap:8px;max-height:240px;padding-left:24px;display:grid;overflow:auto}.result-list li{padding:4px 0}.result-list span{margin-right:12px}.result-notice{color:#166534;background:#dcfce7;border-radius:18px;margin:0;padding:14px 18px;font-weight:700}.modal-backdrop{background:#0f172a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);background:var(--panel);width:min(520px,100%);box-shadow:var(--shadow);box-sizing:border-box;border-radius:28px;gap:20px;padding:28px;display:grid}@media (width<=640px){.app-shell{padding:16px}.panel{border-radius:22px;padding:22px}#setup-title{white-space:normal;font-size:clamp(2.5rem,13vw,3.25rem)}.completion-badge{border-radius:10px;width:88px;bottom:12px;right:12px}.question-header,.answer-form,.custom-time,.mode-switch,.progress-card__header,.summary-grid{grid-template-columns:1fr}.question-header,.progress-card__header{display:grid}.choice-grid{grid-template-columns:1fr}}