body.teacher-mode{display:block;place-items:initial;--ta-bg: #f8fafc;--ta-panel: #ffffff;--ta-panel-2: #f1f5f9;--ta-panel-contrast: #0f172a;--ta-panel-contrast-text: #ffffff;--ta-exam-title-bg: var(--ta-panel-contrast);--ta-exam-title-text: var(--ta-panel-contrast-text);--ta-attempts-bg: var(--ta-panel);--ta-text: #0f172a;--ta-muted: #64748b;--ta-border: #e5e7eb;--ta-border-strong: #111827;--ta-accent: #2563eb;--ta-accent-soft: #eaf3ff;--ta-category-bg: #2563eb;--ta-category-text: #ffffff;--ta-danger: #b91c1c;--ta-danger-bg: #fff1f2;--ta-success: #15803d;--ta-success-bg: #ecfdf3;--ta-warn: #b45309;--ta-warn-bg: #fff8e1;--ta-overlay: rgba(0, 0, 0, .5);--ta-attend-border: #86efaddc;--ta-attend-bg: rgba(123, 188, 110, .8);--ta-attend-text: #111111;--ta-btn-bg: #ffffff;--ta-btn-text: #111111;--ta-table-text: #111111;--ta-table-head: #e2e8f0;--ta-table-hover: #e2e8f0;--ta-hover-bg: #eef2ff;--ta-hover-border: #93c5fd;background:var(--ta-bg);color:var(--ta-text);color-scheme:light}body.teacher-mode.teacher-theme-dark{--ta-bg: #121417;--ta-panel: #1b1f24;--ta-panel-2: #20262E;--ta-panel-contrast: #0F172A;--ta-panel-contrast-text: var(--ta-text);--ta-exam-title-bg: transparent;--ta-exam-title-text: var(--ta-text);--ta-attempts-bg: var(--ta-panel);--ta-text: #E6E6E6;--ta-muted: #A1AAB8;--ta-border: #2A2F36;--ta-border-strong: #3F4650;--ta-accent: #3B82F6;--ta-accent-soft: rgba(59,130,246,.12);--ta-category-bg: #1E3A8A;--ta-category-text: #ffffff;--ta-danger: #F87171;--ta-danger-bg: rgba(239,68,68,.12);--ta-success: #4ADE80;--ta-success-bg: rgba(74, 222, 128, .12);--ta-warn: #FBBF24;--ta-warn-bg: rgba(251,191,36,.15);--ta-overlay: rgba(0, 0, 0, .5);--ta-attend-border: #86efaddc;--ta-attend-bg: rgba(123, 188, 110, .8);--ta-attend-text: #111111;--ta-btn-bg: #2A2F36;--ta-btn-text: #E6E6E6;--ta-table-text: #E6E6E6;--ta-table-head: #1F2937;--ta-table-hover: #243041;--ta-hover-bg: #242B33;--ta-hover-border: #3B82F6;color-scheme:dark}body.teacher-mode input:focus,body.teacher-mode select:focus,body.teacher-mode textarea:focus{outline:none;border-color:var(--ta-accent);box-shadow:0 0 0 3px var(--ta-accent-soft)}body.teacher-mode button:not(.ta-btn){color:var(--ta-btn-text, var(--ta-text));background:var(--ta-btn-bg, var(--ta-panel));border:1px solid var(--ta-border);border-radius:10px}body.teacher-mode button:not(.ta-btn):hover{border-color:var(--ta-hover-border);filter:brightness(1.02)}.ta-btn{border-radius:10px;border:1px solid var(--ta-border);background:var(--ta-btn-bg);color:var(--ta-btn-text);font-weight:700;cursor:pointer;padding:10px 12px;transition:background .15s ease,border-color .15s ease,filter .15s ease,transform .05s ease}.ta-btn:not(.ta-btn--primary):not(.ta-btn--danger):not(.ta-btn--soft):hover .ta-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.1);pointer-events:none}.ta-btn--primary{background:var(--ta-accent);border-color:var(--ta-accent);color:#fff}.ta-btn--primary:hover{filter:none;box-shadow:0 0 0 3px var(--ta-accent-soft)}.ta-btn--soft{background:var(--ta-accent-soft);border-color:var(--ta-border);color:var(--ta-text)}.ta-btn--soft:hover{background:var(--ta-accent-soft);border-color:var(--ta-hover-border)}.ta-btn--danger{background:var(--ta-danger-bg);border-color:transparent;color:var(--ta-danger)}.ta-btn--danger:hover{background:color-mix(in srgb,var(--ta-danger-bg) 70%,var(--ta-danger) 30%)}.ta-btn--ghost{background:transparent;border-color:var(--ta-border);color:var(--ta-text)}.ta-btn--ghost:hover{background:var(--ta-hover-bg)}.ta-btn--xs{padding:4px 8px;font-size:12px;border-radius:8px}.ta-btn--sm{padding:6px 10px;font-size:13px;border-radius:8px}.ta-input,.ta-select{border:1px solid var(--ta-border);background:var(--ta-panel);color:var(--ta-text);border-radius:10px;padding:10px;box-sizing:border-box}.ta-input .ta-input:focus,.ta-input .ta-select:focus,.ta-select .ta-input:focus,.ta-select .ta-select:focus{outline:none;border-color:var(--ta-accent);box-shadow:0 0 0 3px var(--ta-accent-soft)}.ta-input--sm,.ta-select--sm{padding:6px 8px;border-radius:8px}.ta-input:hover,.ta-select:hover{border-color:var(--ta-hover-border)}.ta-card{border:1px solid var(--ta-border);background:var(--ta-panel);border-radius:12px;color:var(--ta-text)}.ta-panel-contrast{border:1px solid var(--ta-border);background:var(--ta-panel-contrast);color:var(--ta-panel-contrast-text);border-radius:12px}.ta-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1200}.ta-modal-card{background:var(--ta-panel);color:var(--ta-text);border:1px solid var(--ta-border);border-radius:12px;padding:16px;display:grid;gap:10px;max-width:720px;width:100%}.ta-muted{color:var(--ta-muted)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Arial,sans-serif}body.student-mode{display:block;place-items:initial;background:#f8fafc;color:#0f172a}.student-shell{min-height:100vh;width:100%;box-sizing:border-box;padding:16px;background:#f8fafc;color:#0f172a}.student-card-grid{display:grid;gap:10px}.student-sections{display:grid;gap:14px}.student-questions-grid{display:grid;gap:12px}@media(min-width:900px){.student-shell{max-width:1100px;margin:0 auto;padding:24px 32px}.student-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.student-questions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#000;background:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.studentRow{transition:filter .12s ease,outline-color .12s ease,transform .05s ease}.studentRow:hover{filter:brightness(1.12);outline:2px solid rgba(255,255,255,.6);outline-offset:2px;transform:translateY(-1px);background:#4b5563!important}