:root{--bg:#f5efe3;--bg-deep:#ead6b8;--surface:#fffcf7d6;--surface-strong:#fffaf2;--text:#18263b;--muted:#5c6a7f;--navy:#183a63;--red:#b23a2d;--gold:#d19a20;--green:#1c7b59;--line:#18263b1f;--shadow:0 24px 70px #18263b1f;--radius:24px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #d19a203d, transparent 30%), radial-gradient(circle at top right, #b23a2d33, transparent 28%), linear-gradient(180deg, var(--bg) 0%, #f2ece1 54%, #ede5d4 100%);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff6b,#0000 40%),repeating-linear-gradient(-45deg,#0000,#0000 18px,#183a6306 18px 36px);position:fixed;inset:0}.shell{width:min(1180px,100% - 32px);margin:24px auto 48px;position:relative}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffb8}.hero,.disclaimer-banner,.toolbar,.question-panel,.sidebar{animation:.42s both rise}.hero{grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:24px;padding:28px;display:grid}.disclaimer-banner{background:linear-gradient(135deg,#183a6314,#ffffffb3);border:1px solid #183a631f;margin-top:18px;padding:18px 20px}.disclaimer-banner strong{letter-spacing:.06em;text-transform:uppercase;color:var(--navy);font-size:.9rem;display:block}.disclaimer-banner p{color:var(--muted);margin:10px 0 0;line-height:1.55}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 10px;font-size:.76rem}h1,h2,h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}h1{max-width:10ch;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95}.hero-copy{max-width:58ch;color:var(--muted);margin:16px 0 0;font-size:1.02rem;line-height:1.6}.hero-cards{align-content:start;gap:14px;display:grid}.hero-card{color:#fff;background:linear-gradient(135deg,#183a63eb,#1d5076db);border-radius:20px;padding:18px}.hero-card strong{margin-top:6px;font-size:1.08rem;display:block}.hero-label{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.78rem}.toolbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:18px;padding:18px;display:grid}.control-group,.field{align-content:start;gap:10px;display:grid}.control-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:700}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segment,select,input,textarea,.primary-button,.ghost-button,.success-button,.danger-button{border:1px solid var(--line);font:inherit;border-radius:16px}.segment,select,input,textarea{background:#ffffffc2}.segment{cursor:pointer;color:var(--text);padding:11px 14px}.segment.is-active{background:var(--navy);color:#fff;border-color:#0000}select,input{width:100%;color:var(--text);padding:12px 14px}.layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:18px;margin-top:18px;display:grid}.question-panel{padding:28px}.question-meta{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.question-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{min-height:34px;color:var(--navy);background:#183a6314;border-radius:999px;align-items:center;padding:6px 12px;font-size:.88rem;display:inline-flex}.tag-strong{color:var(--red);background:#b23a2d1f}.tag-gold{color:#7f5900;background:#d19a2033}.progress-copy{color:var(--muted);font-size:.95rem}.question-text{margin-top:26px;font-size:clamp(1.8rem,3.1vw,3rem);line-height:1.08}.question-prompt{color:var(--muted);margin:16px 0 0;font-size:1rem;line-height:1.6}.response-area{color:var(--muted);gap:10px;margin-top:24px;display:grid}.choice-panel{margin-top:24px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-button{border:1px solid var(--line);min-height:76px;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:#ffffffc2;border-radius:20px;padding:16px 18px;line-height:1.45;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.choice-button:hover{border-color:#183a6347;transform:translateY(-1px)}.choice-button:disabled{cursor:default}.choice-button.is-selected{border-color:#183a6370;box-shadow:inset 0 0 0 1px #183a6314}.choice-button.is-correct{color:#145a42;background:#1c7b5924;border-color:#1c7b595c}.choice-button.is-incorrect{color:#8e2f24;background:#b23a2d24;border-color:#b23a2d57}.choice-button.is-revealed{box-shadow:inset 0 0 0 1px #1c7b591f}.choice-note,.choice-feedback{border-radius:16px;margin:16px 0 0;padding:14px 16px;line-height:1.5}.choice-note{color:var(--navy);background:#183a6314}.choice-feedback{margin-top:14px}.choice-feedback.is-correct{color:#145a42;background:#1c7b591f}.choice-feedback.is-incorrect{color:#8e2f24;background:#b23a2d1f}textarea{resize:vertical;min-height:120px;color:var(--text);padding:14px;line-height:1.5}.answer-card{background:var(--surface-strong);border:1px solid #183a631f;border-radius:22px;margin-top:22px;padding:20px}.answer-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.answer-count{color:var(--muted);font-size:.92rem}.answer-list{gap:10px;margin:14px 0 0;padding-left:20px;line-height:1.5;display:grid}.answer-notice{color:#6b4c00;background:#d19a2024;border-radius:16px;margin:16px 0 0;padding:14px 16px;line-height:1.5}.question-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-button,.ghost-button,.success-button,.danger-button{cursor:pointer;min-height:48px;padding:0 18px;transition:transform .18s,box-shadow .18s,background .18s}.primary-button:hover,.ghost-button:hover,.success-button:hover,.danger-button:hover,.segment:hover{transform:translateY(-1px)}.primary-button{background:var(--navy);color:#fff;border-color:#0000}.ghost-button{color:var(--text);background:#ffffffb3}.success-button{color:var(--green);background:#1c7b591f}.danger-button{color:var(--red);background:#b23a2d1f}.sidebar{align-content:start;gap:16px;padding:22px;display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card,.session-panel,.tips-panel{background:#ffffffa3;border:1px solid #18263b14;border-radius:22px}.stat-card{padding:16px}.stat-card strong{margin-top:8px;font-size:2rem;display:block}.stat-card p,.session-summary,.tips-panel p{color:var(--muted);margin:10px 0 0;line-height:1.55}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem}.session-panel,.tips-panel{padding:18px}.session-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-chip{min-height:32px;color:var(--navy);background:#183a6314;border-radius:999px;align-items:center;padding:4px 10px;font-size:.84rem;display:inline-flex}.meter{background:#183a6314;border-radius:999px;height:12px;margin-top:16px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--gold), var(--green));width:0;height:100%;transition:width .22s}.loading-copy{color:var(--muted);margin-top:16px;line-height:1.6}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero,.layout{grid-template-columns:1fr}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:1/-1}}@media (max-width:640px){.shell{width:min(100% - 20px,1180px);margin-top:12px}.hero,.toolbar,.question-panel,.sidebar{padding:18px}.toolbar,.stats-grid,.choice-grid{grid-template-columns:1fr}.question-meta,.answer-header,.session-header{flex-direction:column;align-items:flex-start}.question-text{font-size:1.95rem}}