@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--c-navy-900:#08213d;--c-navy-800:#0b2a4a;--c-blue-700:#0e4da4;--c-blue-600:#1565d8;--c-blue-500:#2e7dec;--c-blue-100:#dcebff;--c-blue-050:#eff6ff;--c-teal-700:#047857;--c-green-600:#059669;--c-green-500:#10b981;--c-green-100:#d1fae5;--c-green-050:#ecfdf5;--c-ink-900:#0f1b2d;--c-ink-700:#334155;--c-ink-500:#64748b;--c-line-200:#e2e8f0;--c-surface-50:#f6f9fc;--c-surface-0:#fff;--c-correct:var(--c-green-500);--c-incorrect:#dc2626;--c-warn:#f59e0b;--c-misconcept:#b91c1c;--c-red-100:#fee2e2;--c-red-050:#fef2f2;--band-grey-fill:#94a3b8;--band-grey-ink:#0f1b2d;--band-orange-fill:#f2683c;--band-orange-ink:#fff;--band-yellow-fill:#f4b740;--band-yellow-ink:#0f1b2d;--band-light_green-fill:#34c77b;--band-light_green-ink:#06281b;--band-green-fill:#059669;--band-green-ink:#fff;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space:4px;--shadow-card:0 1px 2px #0b2a4a0f, 0 4px 16px #0b2a4a14;--shadow-float:0 8px 32px #0b2a4a29;--ring:0 0 0 3px #1565d859;--ease:cubic-bezier(.2,.7,.2,1)}.card{background:var(--c-surface-0);border:1px solid var(--c-line-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-blue-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-blue-700)}.btn-success{background:var(--c-green-600);color:#fff}.btn-success:hover:not(:disabled){background:var(--c-teal-700)}.btn-ghost{color:var(--c-ink-700);border-color:var(--c-line-200);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--c-surface-50)}.btn-danger{color:var(--c-incorrect);border-color:var(--c-incorrect);background:0 0}.btn-danger:hover:not(:disabled){background:var(--c-red-050)}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:.8125rem}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--c-ink-700);font-size:.8125rem;font-weight:600}.input,select.input{font:inherit;border:1px solid var(--c-line-200);border-radius:var(--radius-sm);background:var(--c-surface-0);color:var(--c-ink-900);padding:10px 12px}.field-error{color:var(--c-incorrect);font-size:.8125rem}.pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.chip{border-radius:var(--radius-pill);background:var(--c-blue-050);color:var(--c-blue-700);align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.875rem;display:flex}.alert-error{background:var(--c-red-050);color:var(--c-misconcept);border:1px solid var(--c-incorrect)}.alert-warn{color:#9a3412;border:1px solid var(--c-warn);background:#fff7ed}.alert-info{background:var(--c-blue-050);color:var(--c-blue-700);border:1px solid var(--c-blue-100)}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;color:var(--c-ink-500);border-bottom:1px solid var(--c-line-200);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--c-line-200);padding:12px}.table tr:hover td{background:var(--c-surface-50)}.muted{color:var(--c-ink-500)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--c-ink-900);background:var(--c-surface-50);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5em;font-weight:700;line-height:1.2}a{color:var(--c-blue-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:where(a,button,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.tnum{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--c-line-200);align-items:center;gap:24px;height:60px;padding:0 24px;display:flex}.topbar-learner{background:var(--c-surface-0)}.topbar-admin{background:var(--c-navy-800);border-bottom-color:var(--c-navy-900)}.brand{font-family:var(--font-display);color:var(--c-navy-900);font-size:1.125rem;font-weight:700}.brand:hover{text-decoration:none}.brand-light{color:#fff}.topnav{flex:1;gap:4px;display:flex}.topnav a{border-radius:var(--radius-sm);color:var(--c-ink-700);padding:8px 14px;font-size:.875rem;font-weight:500}.topnav a:hover{background:var(--c-surface-50);text-decoration:none}.topnav a.active{background:var(--c-blue-050);color:var(--c-blue-700)}.topnav-light a{color:#b6c6dc}.topnav-light a:hover{background:#ffffff0f}.topnav-light a.active{color:#fff;background:#ffffff1f}.content{flex:1;width:100%;max-width:920px;margin:0 auto;padding:32px 24px}.content-wide{max-width:1240px}.page-title{margin-bottom:24px}.auth-wrap{background:linear-gradient(160deg, var(--c-surface-50) 0%, var(--c-blue-050) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:400px}.auth-card h1{margin-bottom:20px;font-size:1.5rem}.auth-foot{text-align:center;margin:16px 0 0;font-size:.875rem}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.mode-card{text-align:left;cursor:pointer;background:var(--c-surface-0);border:1px solid var(--c-line-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color .14s var(--ease), box-shadow .14s var(--ease);padding:20px}.mode-card:hover:not(:disabled){box-shadow:var(--shadow-float)}.mode-card:disabled{opacity:.6;cursor:not-allowed}.mode-card h3{margin-bottom:6px}.mode-green.selected{border-color:var(--c-green-600);box-shadow:0 0 0 2px var(--c-green-500) inset}.mode-blue.selected{border-color:var(--c-blue-600);box-shadow:0 0 0 2px var(--c-blue-600) inset}.start-form{max-width:480px}.trial-ended{text-align:center}.question-card{padding:28px}.qnum{margin-bottom:12px;font-size:.8125rem}.question-stem{margin:0 0 20px;font-size:1.125rem;line-height:1.6}.options{flex-direction:column;gap:10px;display:flex}.option-card{text-align:left;border:1px solid var(--c-line-200);border-radius:var(--radius-md);background:var(--c-surface-0);cursor:pointer;width:100%;transition:background .12s var(--ease), border-color .12s var(--ease);align-items:center;gap:14px;padding:14px 16px;font-size:1rem;display:flex}.option-card:disabled{cursor:default}.option-badge{background:var(--c-surface-50);border:1px solid var(--c-line-200);width:28px;height:28px;color:var(--c-ink-700);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.option-text{flex:1}.option-mark{font-size:1.125rem;font-weight:700}.option-mark.correct{color:var(--c-correct)}.option-mark.incorrect{color:var(--c-incorrect)}.option-tag{color:var(--c-green-600);font-size:.75rem;font-weight:600}.option-selected{background:var(--c-blue-100);border-color:var(--c-blue-600);border-width:2px}.option-selected .option-badge{background:var(--c-blue-600);color:#fff;border-color:var(--c-blue-600)}.option-correct{background:var(--c-green-100);border-color:var(--c-green-600)}.option-incorrect{background:var(--c-red-100);border-color:var(--c-incorrect)}.option-correct-unchosen{border:2px solid var(--c-green-600)}.running-tally{font-weight:600}.short-actions{align-items:center}.reveal-block{gap:8px}.reveal-bar{align-items:center;padding:4px 0}.reveal-correct{color:var(--c-green-600);font-weight:700}.reveal-wrong{color:var(--c-incorrect);font-weight:700}.reveal-exp{background:var(--c-surface-50);border-left:3px solid var(--c-green-600);border-radius:var(--radius-sm);margin:0;padding:12px 14px;font-size:.9375rem;line-height:1.6}.exam-shell{z-index:50;background:var(--c-surface-50);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.exam-bar{background:var(--c-navy-800);color:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.exam-bar-right{align-items:center;gap:16px;display:flex}.exam-answered{color:#ffffffb3}.exam-exit{color:#fff;background:0 0;border:1px solid #fff6}.exam-exit:hover{background:#ffffff1f}.exam-title{font-family:var(--font-display);font-weight:600}.exam-timer{border-radius:var(--radius-sm);padding:4px 12px;font-size:1.5rem;font-weight:600}.exam-timer.warn{color:var(--c-warn)}.exam-timer.urgent{color:#fff;background:var(--c-incorrect);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.exam-body{flex:1;grid-template-columns:1fr 280px;gap:24px;padding:24px;display:grid}.exam-nav{margin-top:20px}.palette{flex-direction:column;gap:16px;display:flex}.palette-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.palette-cell{aspect-ratio:1;border:1px solid var(--c-line-200);border-radius:var(--radius-sm);background:var(--c-surface-0);cursor:pointer;color:var(--c-ink-700);font-size:.75rem}.palette-cell.answered{background:var(--c-blue-600);color:#fff;border-color:var(--c-blue-600)}.palette-cell.current{outline:2px solid var(--c-blue-500);outline-offset:1px}.palette-cell.flagged{position:relative}.palette-cell.flagged:after{content:"";background:var(--c-warn);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}@media (width<=760px){.exam-body{grid-template-columns:1fr}}.results-headline{text-align:center}.headline-marks{color:var(--c-navy-900);font-size:3rem;font-weight:700;line-height:1}.headline-stats{margin-top:12px}.stat-ok{color:var(--c-green-600)}.stat-bad{color:var(--c-incorrect)}.misconception{border-left:4px solid var(--c-misconcept);background:var(--c-red-050)}.stat-row{gap:32px;display:flex}.filters{flex-wrap:wrap;gap:12px;display:flex}.filters .input{flex:1;min-width:160px}.pager,.actions{margin-top:16px}.modal-backdrop{z-index:50;background:#08213d73;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:640px;box-shadow:var(--shadow-float)}.modal-head{margin-bottom:8px}.modal-head h2{margin:0;font-size:1.25rem}.tabs{margin-bottom:8px}.limits-editor .lf{border:1px solid var(--c-line-200);border-radius:var(--radius-sm);margin:0;padding:12px 16px}.limits-editor legend{color:var(--c-ink-700);padding:0 6px;font-size:.8125rem;font-weight:600}.limits-editor .row{flex-wrap:wrap;gap:12px}.labeled-num{flex-direction:column;gap:4px;font-size:.75rem;display:flex}.check{align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.invite-link{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.config-dump{background:var(--c-navy-900);color:#cbd5e1;border-radius:var(--radius-sm);max-height:320px;padding:16px;font-size:.75rem;overflow-x:auto}.stat-row{flex-wrap:wrap;gap:32px;display:flex}.stat-value{font-size:1.75rem;font-weight:700}.stat-label{font-size:.8125rem}.stat{flex-direction:column;gap:4px;display:flex}