:root{--bg:#f4efe3;--panel:#fffaf2f0;--card:#ffffffbd;--badge:#efe2c8;--track:#ead7ba;--border:#6d5a442e;--border-soft:#6d5a441f;--panel-shadow:0 28px 70px #402d141f;--text:#44372b;--muted:#7a6858;--heading:#1f1a14;--accent:#b24d23;--accent-strong:#d0743f;--success-bg:#edf6ea;--success-border:#8bb489;--error-bg:#fbe8e4;--error-border:#d98a78;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:"Aptos", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top left, #d0743f29, transparent 28%), radial-gradient(circle at top right, #b24d2324, transparent 24%), linear-gradient(180deg, #f8f3ea 0%, var(--bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47 0%,#fff0 35%),repeating-linear-gradient(90deg,#5e452d06 0 1px,#0000 1px 28px);position:fixed;inset:0}button{font:inherit}h1,h2{font-family:var(--serif);color:var(--heading)}p{margin:0}a{color:inherit}#root{min-height:100vh}.app-shell{box-sizing:border-box;min-height:100vh;padding:40px 20px 56px}.panel{border:1px solid var(--border);background:var(--panel);width:min(920px,100%);box-shadow:var(--panel-shadow);border-radius:28px;margin:0 auto}.panel+.panel{margin-top:22px}.hero-panel,.question-panel,.summary-panel,.status-panel,.selector-panel{padding:28px}.hero-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.toolbar,.action-row{flex-wrap:wrap;gap:10px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.78rem;font-weight:700}.hero-panel h1,.status-panel h1,.summary-panel h1,.selector-panel h1{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.02}.summary-copy,.status-panel p,.selector-panel p{max-width:56ch}.mode-pill{color:var(--accent);background:#b24d231f;border-radius:999px;margin-top:14px;padding:8px 14px;font-weight:700;display:inline-flex}.mode-grid,.summary-grid{gap:14px;display:grid}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid.compact{margin-bottom:20px}.mode-card,.stat-card{background:var(--card);border:1px solid var(--border-soft);border-radius:20px;padding:18px}.mode-card{text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.mode-card:hover,.mode-card:focus-visible{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 14px 24px #0e292d14}.mode-label,.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:.82rem;display:block}.mode-card strong,.stat-card strong{color:var(--heading);margin-bottom:10px;font-size:1.6rem;display:block}.mode-card p{margin:0;line-height:1.45}.progress-bar{background:var(--track);border-radius:999px;height:12px;position:relative;overflow:hidden}.progress-bar:after{content:"";width:var(--progress);border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));transition:width .22s;position:absolute;inset:0 auto 0 0}.question-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.question-id{color:var(--accent);margin:0;font-weight:700}.bank-chip{background:var(--badge);color:var(--heading);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.bank-chip.common{background:#376c6024}.bank-chip.specific{background:#b24d231f}.question-panel h2{margin:0 0 24px;font-size:clamp(1.45rem,2.8vw,2.15rem);line-height:1.2}.options-list{gap:12px;display:grid}.option-card{border:1px solid var(--border-soft);background:var(--card);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:22px;grid-template-columns:52px 1fr;align-items:center;gap:14px;padding:16px 18px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.option-card:hover:enabled,.option-card:focus-visible{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 14px 24px #0e292d14}.option-card:disabled{cursor:default}.option-card.correct{border-color:var(--success-border);background:var(--success-bg)}.option-card.incorrect{border-color:var(--error-border);background:var(--error-bg)}.option-card.neutral{opacity:.72}.option-letter{background:var(--badge);width:42px;height:42px;color:var(--heading);text-transform:uppercase;border-radius:14px;place-items:center;font-weight:700;display:inline-grid}.option-text{font-size:1rem;line-height:1.45}.helper-copy{color:var(--muted);margin:22px 0 0}.answer-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#16120e57;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.answer-modal{border:1px solid var(--border-soft);background:var(--panel);border-radius:26px;flex-direction:column;width:min(560px,100%);max-height:min(78vh,720px);display:flex;overflow:hidden;box-shadow:0 28px 60px #19120a40}.answer-modal.success{border-color:var(--success-border)}.answer-modal.error{border-color:var(--error-border)}.answer-modal-body{padding:22px 22px 10px;overflow:auto}.answer-modal-footer{background:linear-gradient(#fffaf200 0%,#fffaf2f5 30%);padding:14px 22px 22px}.feedback-title{color:var(--heading);margin:0 0 10px;font-size:1.08rem;font-weight:800}.modal-copy{margin:0;line-height:1.5}.primary-button,.ghost-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:14px 20px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.primary-button{color:#f5f6ef;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 16px 30px #b6492638}.ghost-button{color:var(--heading);border-color:var(--border);background:#ffffffa3}.primary-button:hover,.primary-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible{transform:translateY(-1px)}.full-width{width:100%}@media (width<=880px){.mode-grid,.summary-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:22px 14px 32px}.hero-panel,.question-panel,.summary-panel,.status-panel,.selector-panel{padding:20px}.hero-top{flex-direction:column}.toolbar,.action-row,.toolbar .ghost-button,.action-row button{width:100%}.option-card{grid-template-columns:46px 1fr;padding:14px}.answer-modal-backdrop{align-items:end;padding:0}.answer-modal{border-radius:24px 24px 0 0;width:100%;max-height:82vh}.answer-modal-footer{position:sticky;bottom:0}}