: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{padding:28px}.hero-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;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{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.02}.summary-copy,.status-panel p{max-width:56ch}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-grid.compact{margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--border-soft);border-radius:20px;padding:16px 18px}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:.82rem;display:block}.stat-card strong{color:var(--heading);font-size:1.6rem}.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-id{color:var(--accent);margin:0 0 10px;font-weight:700}.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.idle{background:var(--card)}.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:.7}.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}.feedback-box{border:1px solid var(--border-soft);border-radius:22px;margin-top:22px;padding:18px}.feedback-box.success{border-color:var(--success-border);background:var(--success-bg)}.feedback-box.error{border-color:var(--error-border);background:var(--error-bg)}.feedback-title{color:var(--heading);margin:0 0 8px;font-size:1rem;font-weight:800}.helper-copy{color:var(--muted);margin:22px 0 0}.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));margin-top:16px;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)}@media (width<=720px){.app-shell{padding:22px 14px 32px}.hero-panel,.question-panel,.summary-panel,.status-panel{padding:20px}.hero-top{flex-direction:column}.summary-grid{grid-template-columns:1fr}.option-card{grid-template-columns:46px 1fr;padding:14px}}