: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}.briefing-hero{margin-bottom:var(--sp-5)}.briefing-hero h1{font-size:var(--fs-2xl);margin-bottom:2px}.briefing-summary{gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.briefing-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:var(--sp-4) var(--sp-5);flex-direction:column;min-width:92px;display:flex}.briefing-stat-num{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--brand);font-variant-numeric:tabular-nums;line-height:1}.briefing-stat-label{font-size:var(--fs-sm);color:var(--text-3);margin-top:4px}.briefing-section{margin-bottom:var(--sp-6)}.briefing-h2{align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);color:var(--text-2);margin-bottom:var(--sp-3);display:flex}.briefing-task{border-left:3px solid var(--brand)}.briefing-done{opacity:.9}.briefing-callout{background:var(--brand-soft);border:1px solid var(--brand-soft-border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);color:var(--text)}.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}[data-skin] body{background-repeat:no-repeat;background-size:cover;background-attachment:fixed}:root[data-skin=slate]{--brand:#475569;--brand-hover:#334155;--brand-soft:#f1f5f9;--brand-soft-border:#e2e8f0;--brand-text:#334155;--accent:#64748b;--ring:#64748b}[data-skin=slate] body{background-image:linear-gradient(135deg, color-mix(in srgb, var(--bg) 88%, #64748b), var(--bg))}:root[data-skin=aurora]{--brand:#22d3ee;--brand-hover:#06b6d4;--brand-soft:#0b2a33;--brand-soft-border:#164e57;--brand-text:#67e8f9;--accent:#a855f7;--ring:#22d3ee}[data-skin=aurora] body{background-color:#0a1020;background-image:radial-gradient(70% 60% at 20% 10%,#22d3ee4d,#0000 60%),radial-gradient(70% 60% at 85% 90%,#a855f74d,#0000 60%),linear-gradient(160deg,#0a1020,#101a33)}:root[data-skin=vaporwave]{--brand:#ff6ad5;--brand-hover:#e84cc0;--brand-soft:#2a1230;--brand-soft-border:#4a1f55;--brand-text:#ff9be4;--accent:#26d0ff;--ring:#ff6ad5}[data-skin=vaporwave] body{background-color:#140a22;background-image:linear-gradient(#ff6ad547,#0000 55%),linear-gradient(#0000 45%,#26d0ff47),linear-gradient(120deg,#140a22,#0b1430)}:root[data-skin=miami]{--brand:#ff1e9a;--brand-hover:#e01486;--brand-soft:#2a0f22;--brand-soft-border:#4a1a3a;--brand-text:#ff5cb8;--accent:#00e0c6;--ring:#ff1e9a}[data-skin=miami] body{background-color:#0c1626;background-image:radial-gradient(60% 50% at 15% 12%,#ff1e9a52,#0000 60%),radial-gradient(60% 50% at 88% 88%,#00e0c64d,#0000 60%),linear-gradient(150deg,#0c1626,#13283a)}:root[data-skin=galaxy]{--brand:#8b5cf6;--brand-hover:#7c3aed;--brand-soft:#16122e;--brand-soft-border:#2a2350;--brand-text:#c4b5fd;--accent:#2563eb;--ring:#8b5cf6}[data-skin=galaxy] body{background-color:#0a0a1f;background-image:radial-gradient(1.5px 1.5px at 25% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 70% 60%,#c4b5fd,#0000),radial-gradient(80% 70% at 50% 0,#7c3aed59,#0000 65%),linear-gradient(160deg,#0a0a1f,#0f1030)}:root[data-skin=ember]{--brand:#f97316;--brand-hover:#ea580c;--brand-soft:#2a1206;--brand-soft-border:#43210a;--brand-text:#fdba74;--accent:#dc2626;--ring:#f97316}[data-skin=ember] body{background-color:#160a08;background-image:radial-gradient(70% 60% at 50% 100%,#f9731659,#0000 60%),radial-gradient(50% 40% at 50% 110%,#dc262659,#0000 60%),linear-gradient(#0c0706,#160a08)}:root[data-skin=matrix]{--brand:#16a34a;--brand-hover:#15803d;--brand-soft:#052e16;--brand-soft-border:#14532d;--brand-text:#22c55e;--accent:#22c55e;--ring:#22c55e}[data-skin=matrix] body{background-color:#000;background-image:repeating-linear-gradient(90deg,#00ff8c1a 0 1px,#0000 1px 14px),radial-gradient(120% 80% at 50% -10%,#00ff8c2e,#000 70%)}:root[data-skin=neon]{--brand:#d6249f;--brand-hover:#b91c84;--brand-soft:#2a1030;--brand-soft-border:#4a1a55;--brand-text:#ff5ed6;--accent:#22d3ee;--ring:#22d3ee}[data-skin=neon] body{background-color:#0a0a14;background-image:radial-gradient(60% 50% at 12% 8%,#d6249f59,#0000 60%),radial-gradient(60% 50% at 88% 92%,#22d3ee4d,#0000 60%),linear-gradient(120deg,#0a0a14,#120a1f)}:root[data-skin=web]{--brand:#e11d2a;--brand-hover:#b91722;--brand-soft:#1a2440;--brand-soft-border:#26345e;--brand-text:#ff5b66;--accent:#3b82f6;--ring:#ef4444}[data-skin=web] body{background-color:#0b1530;background-image:repeating-conic-gradient(at 15% 20%,#ffffff0f 0deg 2deg,#0000 2deg 30deg),radial-gradient(80% 80% at 15% 20%,#3b82f62e,#0000 55%),linear-gradient(160deg,#0b1530,#16060a)}:root[data-skin=realm]{--brand:#a16207;--brand-hover:#854d0e;--brand-soft:#fdf6e3;--brand-soft-border:#e7d9a8;--brand-text:#854d0e;--accent:#15803d;--ring:#caa64b}[data-skin=realm] body{background-image:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--bg) 70%, #caa64b 30%), var(--bg) 70%), radial-gradient(60% 60% at 80% 100%, color-mix(in srgb, var(--bg) 80%, #15803d 20%), transparent 60%)}:root[data-skin=bricks]{--brand:#d01012;--brand-hover:#a60d0f;--brand-soft:#fff7d6;--brand-soft-border:#f6e08a;--brand-text:#b00d0f;--accent:#1163c4;--ring:#f6c700}[data-skin=bricks] body{background-image:radial-gradient(circle at 12px 12px,#d010122e 6px,#0000 7px),radial-gradient(circle at 36px 36px,#1163c42e 6px,#0000 7px),radial-gradient(circle at 60px 12px,#f6c70038 6px,#0000 7px);background-size:72px 48px;background-attachment:fixed}:root[data-skin=arcade]{--brand:#eab308;--brand-hover:#ca8a04;--brand-soft:#1f1a02;--brand-soft-border:#3f3406;--brand-text:#fde047;--accent:#ef4444;--ring:#fde047}[data-skin=arcade] body{background-color:#0d0b1a;background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 16px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 16px),linear-gradient(#160f2e,#0d0b1a);background-size:16px 16px,16px 16px,cover;background-attachment:fixed}:root[data-skin=starry]{--brand:#2f5fb0;--brand-hover:#274e91;--brand-soft:#0e2148;--brand-soft-border:#1c3766;--brand-text:#9bbcf0;--accent:#f4c542;--ring:#f4c542}[data-skin=starry] body{background-color:#0b1b3a;background-image:radial-gradient(2px 2px at 20% 30%,#f4c542e6,#0000),radial-gradient(2px 2px at 70% 60%,#f4c542b3,#0000),radial-gradient(1.5px 1.5px at 40% 80%,#fff,#0000),radial-gradient(120% 90% at 50% 0,#2f5fb08c,#0b1b3a 70%)}:root[data-skin=jazz]{--brand:#e63946;--brand-hover:#c92f3b;--brand-soft:#fdeef0;--brand-soft-border:#f6cdd2;--brand-text:#c92f3b;--accent:#1d8a99;--ring:#e63946}[data-skin=jazz] body{background-image:radial-gradient(35% 35% at 18% 22%,#e6394638,#0000 60%),radial-gradient(30% 30% at 82% 30%,#1d8a9938,#0000 60%),radial-gradient(40% 40% at 60% 85%,#f59e0b33,#0000 60%)}:root[data-skin=ocean]{--brand:#0284c7;--brand-hover:#0369a1;--brand-soft:#e0f2fe;--brand-soft-border:#bae6fd;--brand-text:#0369a1;--accent:#0d9488;--ring:#0ea5e9}[data-skin=ocean] body{background-image:linear-gradient(160deg, color-mix(in srgb, var(--bg) 78%, #0ea5e9 22%), color-mix(in srgb, var(--bg) 82%, #0d9488 18%))}:root[data-skin=sunset]{--brand:#e11d48;--brand-hover:#be123c;--brand-soft:#ffe4e6;--brand-soft-border:#fecdd3;--brand-text:#be123c;--accent:#f59e0b;--ring:#fb7185}[data-skin=sunset] body{background-image:linear-gradient(160deg, color-mix(in srgb, var(--bg) 75%, #fb7185 25%), color-mix(in srgb, var(--bg) 78%, #f59e0b 22%))}:root[data-skin=forest]{--brand:#15803d;--brand-hover:#166534;--brand-soft:#dcfce7;--brand-soft-border:#bbf7d0;--brand-text:#166534;--accent:#65a30d;--ring:#22c55e}[data-skin=forest] body{background-image:linear-gradient(160deg, color-mix(in srgb, var(--bg) 80%, #15803d 20%), color-mix(in srgb, var(--bg) 84%, #65a30d 16%))}:root[data-skin=autumn]{--brand:#c2410c;--brand-hover:#9a3412;--brand-soft:#ffedd5;--brand-soft-border:#fed7aa;--brand-text:#9a3412;--accent:#b45309;--ring:#ea580c}[data-skin=autumn] body{background-image:linear-gradient(160deg, color-mix(in srgb, var(--bg) 76%, #ea580c 24%), color-mix(in srgb, var(--bg) 80%, #b45309 20%))}:root[data-skin=winter]{--brand:#0ea5e9;--brand-hover:#0284c7;--brand-soft:#e0f2fe;--brand-soft-border:#bae6fd;--brand-text:#0369a1;--accent:#64748b;--ring:#38bdf8}[data-skin=winter] body{background-image:radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--bg) 72%, #38bdf8 28%), var(--bg) 75%)}:root[data-skin=spring]{--brand:#db2777;--brand-hover:#be185d;--brand-soft:#fce7f3;--brand-soft-border:#fbcfe8;--brand-text:#be185d;--accent:#22c55e;--ring:#ec4899}[data-skin=spring] body{background-image:radial-gradient(40% 40% at 15% 20%, color-mix(in srgb, var(--bg) 76%, #ec4899 24%), transparent 60%), radial-gradient(40% 40% at 85% 80%, color-mix(in srgb, var(--bg) 78%, #22c55e 22%), transparent 60%)}:root[data-skin=spooky]{--brand:#ea580c;--brand-hover:#c2410c;--brand-soft:#2a1505;--brand-soft-border:#43210a;--brand-text:#fb923c;--accent:#7c3aed;--ring:#f97316}[data-skin=spooky] body{background-color:#140a1f;background-image:radial-gradient(70% 60% at 50% 0,#7c3aed59,#0000 60%),radial-gradient(50% 40% at 50% 100%,#ea580c4d,#0000 60%),linear-gradient(#140a1f,#0c0710)}:root[data-skin=peppermint]{--brand:#dc2626;--brand-hover:#b91c1c;--brand-soft:#fee2e2;--brand-soft-border:#fecaca;--brand-text:#b91c1c;--accent:#16a34a;--ring:#dc2626}[data-skin=peppermint] body{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--bg) 88%, #dc2626 12%) 0 14px, var(--bg) 14px 28px)}[data-skin] body{background-image:linear-gradient(color-mix(in srgb, var(--bg) 78%, transparent), color-mix(in srgb, var(--bg) 78%, transparent)), var(--skin-img,none)}