:root{--text:#4b5563;--text-h:#111827;--bg:#fff;--surface:#f9fafb;--border:#e5e7eb;--accent:#4f46e5;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#991b1b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--surface:#1f2028;--border:#2e303a;--accent:#a5b4fc;--danger-bg:#2a1517;--danger-border:#7f1d1d;--danger-text:#fecaca}}*{box-sizing:border-box}body{margin:0}.page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}h1,h2{color:var(--text-h);margin:0 0 .5rem}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:1.25rem}.page-header{margin-bottom:2rem}.page-header p{margin:0}.subjects{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.subject{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.subject-name{color:var(--text-h);overflow-wrap:anywhere;font-weight:600}.subject-meta{gap:.5rem;display:flex}.badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.125rem .625rem;font-size:.8125rem}.badge-muted{border-color:var(--border);color:var(--text)}.hint{font-size:.875rem}.error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:8px;padding:.75rem 1rem}.error p{margin:0 0 .5rem}button{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled,input:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:2rem;padding:1rem}.mode-switch{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem;display:flex}.mode-switch button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.auth-form{gap:.75rem;max-width:24rem;display:grid}.field{gap:.25rem;display:grid}.field label{color:var(--text-h);font-size:.875rem;font-weight:600}.field input{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem}.notice{border:1px solid var(--accent);color:var(--text-h);border-radius:8px;margin:0;padding:.5rem .75rem}.auth-form .error{margin:0}.auth-form button[type=submit]{justify-self:start}