:root{--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-300:#5eead4;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-500:#0ea5e9;--sky-600:#0284c7;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--bg:var(--slate-50);--bg-subtle:#eef2f7;--surface:#fff;--surface-2:var(--slate-50);--surface-3:var(--slate-100);--surface-inset:var(--slate-100);--overlay:#0f172a73;--border:var(--slate-200);--border-strong:var(--slate-300);--ring:var(--indigo-500);--text:var(--slate-900);--text-2:var(--slate-600);--text-3:var(--slate-500);--text-inverse:#fff;--brand:var(--indigo-600);--brand-hover:var(--indigo-700);--brand-soft:var(--indigo-50);--brand-soft-border:var(--indigo-200);--brand-text:var(--indigo-700);--accent:var(--teal-600);--accent-soft:var(--teal-50);--success:var(--emerald-600);--success-soft:var(--emerald-50);--success-border:var(--emerald-100);--warning:var(--amber-600);--warning-soft:var(--amber-50);--warning-border:var(--amber-100);--danger:var(--rose-600);--danger-soft:var(--rose-50);--danger-border:var(--rose-100);--info:var(--sky-600);--info-soft:var(--sky-50);--heat-correct:var(--emerald-500);--heat-partial:var(--amber-400);--heat-wrong:var(--rose-500);--heat-empty:var(--slate-200);--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1f, 0 4px 8px #0f172a0f;--shadow-focus:0 0 0 3px var(--indigo-200);--sidebar-w:248px;--topbar-h:60px;--content-max:1200px;--ease:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur:.2s}[data-theme=dark]{--bg:var(--slate-950);--bg-subtle:#0b1220;--surface:var(--slate-900);--surface-2:#131c2e;--surface-3:var(--slate-800);--surface-inset:#0b1220;--overlay:#0009;--border:#233048;--border-strong:#33415c;--ring:var(--indigo-400);--text:#e8eef7;--text-2:var(--slate-300);--text-3:var(--slate-400);--brand:var(--indigo-500);--brand-hover:var(--indigo-400);--brand-soft:#6366f124;--brand-soft-border:#6366f14d;--brand-text:var(--indigo-300);--accent-soft:#14b8a624;--success-soft:#10b98124;--success-border:#10b98147;--warning-soft:#f59e0b24;--warning-border:#f59e0b47;--danger-soft:#f43f5e24;--danger-border:#f43f5e47;--info-soft:#0ea5e924;--heat-empty:#1f2a3d;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 28px #0009;--shadow-focus:0 0 0 3px #6366f166}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-semibold);color:var(--text);letter-spacing:-.01em}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{line-height:var(--lh-normal)}a{color:var(--brand-text);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::selection{background:var(--indigo-200);color:var(--slate-900)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);background-clip:content-box;border:2px solid #0000}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);display:flex}.row-wrap{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.grow{flex:auto;min-width:0}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.mono{font-family:var(--font-mono)}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.center{text-align:center}.right{text-align:right}.hidden{display:none!important}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-lg{font-size:var(--fs-lg)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;display:flex}.app-content{padding:var(--sp-6) var(--sp-8);max-width:var(--content-max);flex:1;width:100%;margin:0 auto}@media (width<=860px){.app-shell{grid-template-columns:1fr}.app-content{padding:var(--sp-4)}}.sidebar{background:var(--surface);border-right:1px solid var(--border);gap:var(--sp-1);padding:var(--sp-4) var(--sp-3);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5);font-weight:var(--fw-bold);font-size:var(--fs-lg);letter-spacing:-.02em;display:flex}.sidebar-brand .logo{border-radius:var(--r-md);background:linear-gradient(135deg, var(--indigo-500), var(--teal-500));color:#fff;width:32px;height:32px;font-weight:var(--fw-bold);box-shadow:var(--shadow-sm);flex:none;place-items:center;display:grid}.sidebar-section{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:var(--sp-4) var(--sp-3) var(--sp-1)}.nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);color:var(--text-2);font-weight:var(--fw-medium);font-size:var(--fs-base);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-3);color:var(--text);text-decoration:none}.nav-item.active{background:var(--brand-soft);color:var(--brand-text)}.nav-item .icon{flex:none;width:18px;height:18px}.nav-item .count{font-size:var(--fs-xs);background:var(--surface-3);color:var(--text-2);padding:1px var(--sp-2);border-radius:var(--r-full);margin-left:auto}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);z-index:20;display:flex;position:sticky;top:0}.topbar h1{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-header .titles h1{font-size:var(--fs-2xl)}.page-header .titles p{color:var(--text-2);margin-top:var(--sp-1)}.breadcrumb{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-3);margin-bottom:var(--sp-2);display:flex}.breadcrumb a{color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-pad{padding:var(--sp-5)}.card-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.card-header h3{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.card-body{padding:var(--sp-5)}.card-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);gap:var(--sp-3);justify-content:flex-end;display:flex}.card-hover{transition:box-shadow var(--dur), transform var(--dur), border-color var(--dur)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.stat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.stat .label{font-size:var(--fs-sm);color:var(--text-2);font-weight:var(--fw-medium)}.stat .value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:-.02em;margin-top:var(--sp-1)}.stat .delta{font-size:var(--fs-sm);margin-top:var(--sp-1)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-weight:var(--fw-medium);font-size:var(--fs-base);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--surface-3);height:38px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast), opacity var(--dur-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1;display:inline-flex}.btn:hover{background:var(--border)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn .icon{flex:none;width:16px;height:16px}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-3)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--rose-700)}.btn-success{background:var(--success);color:#fff}.btn-sm{height:30px;font-size:var(--fs-sm);padding:0 var(--sp-3);border-radius:var(--r-sm)}.btn-lg{height:46px;font-size:var(--fs-md);padding:0 var(--sp-6)}.btn-icon{flex:none;width:38px;padding:0}.btn-icon.btn-sm{width:30px}.btn-block{width:100%}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field>label,.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text)}.field .hint{font-size:var(--fs-xs);color:var(--text-3)}.field .error-text{font-size:var(--fs-xs);color:var(--danger)}.input,.textarea,.select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;padding:0 var(--sp-3);height:38px;color:var(--text);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);font-size:var(--fs-base)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:var(--shadow-focus);outline:none}.textarea{height:auto;min-height:90px;padding:var(--sp-3);resize:vertical;line-height:var(--lh-snug)}.input.mono,.textarea.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.input-invalid{border-color:var(--danger)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:var(--sp-8);cursor:pointer}.input-group{align-items:stretch;display:flex}.input-group .input{border-radius:var(--r-md) 0 0 var(--r-md)}.input-group .btn{border-radius:0 var(--r-md) var(--r-md) 0}.check{align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-base);display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.badge{align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px var(--sp-2);border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);white-space:nowrap;border:1px solid #0000;line-height:1.5;display:inline-flex}.badge-brand{background:var(--brand-soft);color:var(--brand-text)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-dot:before{content:"";border-radius:var(--r-full);background:currentColor;width:6px;height:6px}.tag{align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-2);border:1px solid var(--border);font-family:var(--font-mono);display:inline-flex}.tag .x{cursor:pointer;opacity:.6}.tag .x:hover{opacity:1}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--fs-base)}table.data th{text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;position:sticky;top:0}table.data td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background var(--dur-fast)}table.data tbody tr:hover{background:var(--surface-2)}table.data tr.clickable{cursor:pointer}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.alert{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-base);align-items:flex-start;display:flex}.alert .icon{flex:none;width:18px;height:18px;margin-top:2px}.alert-info{background:var(--info-soft);color:var(--info);border-color:#0000}.alert-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.alert-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.alert strong{color:inherit}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-5);display:flex}.tab{padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-medium);color:var(--text-2);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--brand-text);border-bottom-color:var(--brand)}.segmented{background:var(--surface-3);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.segmented button{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-2);cursor:pointer;background:0 0;border:none}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.progress{background:var(--surface-3);border-radius:var(--r-full);height:8px;overflow:hidden}.progress>span{background:var(--brand);border-radius:var(--r-full);height:100%;transition:width var(--dur) var(--ease);display:block}.spinner{border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{background:var(--overlay);padding:var(--sp-4);z-index:100;animation:fade var(--dur) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;animation:pop var(--dur) var(--ease);flex-direction:column;display:flex}.modal.lg{max-width:820px}.modal-head{padding:var(--sp-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--sp-5);overflow-y:auto}.modal-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--sp-3);display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.toast-wrap{bottom:var(--sp-5);right:var(--sp-5);gap:var(--sp-2);z-index:200;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{background:var(--slate-900);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);box-shadow:var(--shadow-lg);align-items:center;gap:var(--sp-3);font-size:var(--fs-base);animation:slidein var(--dur) var(--ease);display:flex}.toast.success{background:var(--emerald-700)}.toast.error{background:var(--rose-700)}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}.empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--text-2)}.empty .empty-icon{width:56px;height:56px;margin:0 auto var(--sp-4);border-radius:var(--r-lg);background:var(--surface-3);color:var(--text-3);place-items:center;display:grid}.empty h3{margin-bottom:var(--sp-2)}.toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.toolbar .grow{flex:1}.divider{background:var(--border);height:1px;margin:var(--sp-4) 0}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}kbd{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-xs);border-bottom-width:2px;padding:1px 6px}.player-root{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.player-topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:var(--sp-4);height:56px;padding:0 var(--sp-5);z-index:20;display:flex;position:sticky;top:0}.player-topbar .title{font-weight:var(--fw-semibold)}.player-progress-text{font-size:var(--fs-sm);color:var(--text-2);font-variant-numeric:tabular-nums}.player-save-state{font-size:var(--fs-sm);color:var(--text-3);align-items:center;gap:var(--sp-2);display:inline-flex}.player-save-state .dot{background:var(--success);border-radius:50%;width:8px;height:8px}.player-save-state.saving .dot{background:var(--amber-500)}.player-body{width:100%;max-width:760px;padding:var(--sp-6) var(--sp-5) var(--sp-16);flex:1;margin:0 auto}@media (width<=600px){.player-body{padding:var(--sp-4) var(--sp-4) var(--sp-16)}}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-6);margin-bottom:var(--sp-5)}.q-meta{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.q-number{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-3)}.q-points{font-size:var(--fs-xs);color:var(--text-3);margin-left:auto}.q-prompt{font-size:var(--fs-lg);line-height:var(--lh-snug);color:var(--text);margin-bottom:var(--sp-5)}.q-prompt p{margin-bottom:var(--sp-3)}.passage{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-5);line-height:var(--lh-normal);font-size:var(--fs-md)}.passage h3,.passage p{margin-bottom:var(--sp-3)}.passage.sticky-passage{max-height:calc(100vh - 96px);position:sticky;top:72px;overflow-y:auto}.choices{gap:var(--sp-3);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1.5px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);background:var(--surface);font-size:var(--fs-md);min-height:52px;display:flex}.choice:hover{border-color:var(--brand);background:var(--brand-soft)}.choice.selected{border-color:var(--brand);background:var(--brand-soft);font-weight:var(--fw-medium)}.choice .marker{border-radius:var(--r-full);border:1.5px solid var(--border-strong);width:26px;height:26px;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-2);background:var(--surface);flex:none;place-items:center;display:grid}.choice.multi .marker{border-radius:var(--r-sm)}.choice.selected .marker{background:var(--brand);color:#fff;border-color:var(--brand)}.choice.correct{border-color:var(--success);background:var(--success-soft)}.choice.correct .marker{background:var(--success);border-color:var(--success);color:#fff}.choice.incorrect{border-color:var(--danger);background:var(--danger-soft)}.choice.incorrect .marker{background:var(--danger);border-color:var(--danger);color:#fff}.answer-input{font-size:var(--fs-lg);max-width:280px;height:52px}.answer-textarea{font-size:var(--fs-md);min-height:130px}.feedback{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-base);border:1px solid var(--border)}.feedback.correct{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.feedback.incorrect{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.feedback .teacher-note{margin-top:var(--sp-2);color:var(--text-2);font-style:italic}.player-footer{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex;position:sticky;bottom:0}.q-rail{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.q-dot{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);width:30px;height:30px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-2);cursor:pointer;place-items:center;display:grid}.q-dot.answered{background:var(--brand-soft);border-color:var(--brand-soft-border);color:var(--brand-text)}.q-dot.current{border-color:var(--brand);box-shadow:var(--shadow-focus)}.player-done{max-width:540px;margin:var(--sp-16) auto;text-align:center}.player-done .big-check{background:var(--success-soft);width:80px;height:80px;color:var(--success);margin:0 auto var(--sp-5);border-radius:50%;place-items:center;display:grid}.login-screen{min-height:100vh;padding:var(--sp-5);background:radial-gradient(1200px 600px at 50% -10%, var(--brand-soft), transparent), var(--bg);place-items:center;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--sp-8)}.login-card .brand-mark{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--indigo-500), var(--teal-500));color:#fff;width:48px;height:48px;font-weight:var(--fw-bold);font-size:var(--fs-xl);margin:0 auto var(--sp-4);place-items:center;display:grid}.heatmap-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:auto}table.heatmap{border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}table.heatmap th,table.heatmap td{text-align:center;padding:0}table.heatmap thead th{z-index:3;background:var(--surface-2);border-bottom:1px solid var(--border);font-weight:var(--fw-semibold);color:var(--text-2);min-width:44px;height:44px;padding:0 var(--sp-2);position:sticky;top:0}table.heatmap thead th.corner,table.heatmap tbody th.student{z-index:2;background:var(--surface-2);text-align:left;padding:0 var(--sp-3);border-right:1px solid var(--border);min-width:170px;font-weight:var(--fw-medium);color:var(--text);white-space:nowrap;position:sticky;left:0}table.heatmap thead th.corner{z-index:4;top:0}table.heatmap tbody td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-width:44px;height:44px}.cell{width:100%;height:100%;font-weight:var(--fw-semibold);font-size:var(--fs-xs);cursor:default;place-items:center;display:grid}.cell.correct{background:var(--heat-correct);color:#fff}.cell.partial{background:var(--heat-partial);color:var(--slate-900)}.cell.wrong{background:var(--heat-wrong);color:#fff}.cell.empty{background:var(--heat-empty);color:var(--text-3)}.cell.score{font-variant-numeric:tabular-nums}table.heatmap td.rowsum{background:var(--surface);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);padding:0 var(--sp-3);min-width:60px}.pbar{background:var(--surface-3);border-radius:var(--r-sm);min-width:120px;height:22px;position:relative;overflow:hidden}.pbar>span{border-radius:var(--r-sm);padding-left:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fff;align-items:center;display:flex;position:absolute;inset:0 auto 0 0}.pbar.good>span{background:var(--emerald-500)}.pbar.mid>span{background:var(--amber-500);color:var(--slate-900)}.pbar.low>span{background:var(--rose-500)}.legend{gap:var(--sp-4);font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.legend .swatch{align-items:center;gap:var(--sp-2);display:inline-flex}.legend .swatch i{border-radius:4px;width:14px;height:14px;display:inline-block}.distractor-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;grid-template-columns:28px 1fr 56px;display:grid}.distractor-row .opt{font-weight:var(--fw-semibold);font-family:var(--font-mono)}.distractor-bar{background:var(--surface-3);border-radius:var(--r-sm);height:18px;overflow:hidden}.distractor-bar>span{background:var(--slate-400);border-radius:var(--r-sm);height:100%;display:block}.distractor-row.correct .distractor-bar>span{background:var(--emerald-500)}.ai-report{gap:var(--sp-5);flex-direction:column;display:flex}.ai-section{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.ai-section-head{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--surface-2);border-bottom:1px solid var(--border);font-weight:var(--fw-semibold);display:flex}.ai-section-head .ai-icon{border-radius:var(--r-md);background:var(--brand-soft);width:30px;height:30px;color:var(--brand-text);flex:none;place-items:center;display:grid}.ai-section-body{padding:var(--sp-5)}.ai-callout{background:linear-gradient(135deg, var(--brand-soft), var(--accent-soft));border:1px solid var(--brand-soft-border);border-radius:var(--r-lg);padding:var(--sp-5)}.ai-badge{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--brand-text);background:var(--brand-soft);padding:2px var(--sp-2);border-radius:var(--r-full);display:inline-flex}.insight-list{gap:var(--sp-3);flex-direction:column;display:flex}.insight{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);display:flex}.insight .rank{border-radius:var(--r-sm);background:var(--surface-3);width:26px;height:26px;font-weight:var(--fw-bold);font-size:var(--fs-sm);flex:none;place-items:center;display:grid}.group-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}