.app{max-width:52rem;margin:0 auto;padding:1rem 1.25rem 3rem}.login-app{display:flex;align-items:center;justify-content:center;min-height:100vh;max-width:none}.login-card{width:100%;max-width:22rem;padding:1.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 32px color-mix(in srgb,var(--bg) 40%,transparent)}.login-title{margin:0 0 .35rem;font-size:1.15rem}.login-lead{margin:0 0 1.25rem;font-size:.9rem;color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:.35rem}.login-label{font-size:.85rem;color:var(--muted)}.login-input{font:inherit;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login-error{margin:0;font-size:.85rem;color:var(--bad)}.login-submit{margin-top:.5rem}.topbar-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;width:100%}.topbar-title-row h1{margin:0}.lock-btn{flex-shrink:0;font-size:.85rem;padding:.35rem .65rem}.wrong-section{margin:0 0 1.25rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.wrong-section>summary{cursor:pointer;font-weight:600;padding:.25rem 0}.wrong-section-hint{margin:.35rem 0 .75rem;font-size:.85rem;color:var(--muted)}.wrong-list{list-style:none;margin:0;padding:0;max-height:14rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.wrong-list-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;width:100%;text-align:left;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}.wrong-list-item:hover{border-color:var(--accent)}.wrong-list-id{font-weight:700;color:var(--accent);flex-shrink:0}.wrong-list-meta{font-size:.8rem;color:var(--muted);flex-shrink:0}.wrong-list-stem{flex:1 1 100%;font-size:.88rem;line-height:1.35}.topbar{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:1.1rem;font-weight:600}.topbar .topbar-title-row h1{margin:0}.controls{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.controls-wrap{max-width:100%}.scope-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted)}.scope-label-text{flex-shrink:0}.scope-select{font:inherit;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);min-width:11rem}.question-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.btn.toggle-on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.jump-hint{flex:1 1 12rem;font-size:.8rem}.controls label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--muted)}.stats{font-size:.85rem;color:var(--muted)}.stats strong{color:var(--text)}.stem{font-size:1.05rem;margin:0 0 1rem;white-space:pre-wrap}.choice-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.choice{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-align:left;color:var(--text);transition:border-color .12s,background .12s}.choice:hover:not(:disabled){border-color:var(--accent)}.choice:disabled{cursor:default;opacity:.85}.choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.choice.correct-pick{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--surface))}.choice.wrong-pick{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--surface))}.choice.missed-correct{border-style:dashed;border-color:var(--ok)}.choice-letter{font-weight:700;min-width:1.25rem;color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (prefers-color-scheme: light){.btn.primary{color:#fff}}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.danger{border-color:var(--bad);color:var(--bad)}.result{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.result.ok{background:color-mix(in srgb,var(--ok) 18%,var(--surface));color:var(--ok)}.result.bad{background:color-mix(in srgb,var(--bad) 18%,var(--surface));color:var(--bad)}.explanation{padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:.95rem}.explanation h1,.explanation h2,.explanation h3{font-size:1rem;margin:.75rem 0 .35rem}.explanation p{margin:.4rem 0}.explanation ul{margin:.35rem 0;padding-left:1.25rem}.omitted-note{padding:.75rem 1rem;border-radius:8px;background:color-mix(in srgb,var(--warn) 15%,var(--surface));color:var(--warn);margin-bottom:1rem;font-size:.95rem}.jump{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.jump input{width:5rem;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.empty{color:var(--muted);padding:2rem 0}:root{color-scheme:light dark;--bg: #0f1419;--surface: #1a2332;--border: #2d3a4d;--text: #e8eef5;--muted: #9aacbf;--accent: #5b9fd4;--ok: #3d9a6b;--bad: #c94c4c;--warn: #c9a227;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}@media (prefers-color-scheme: light){:root{--bg: #f4f6f9;--surface: #fff;--border: #c9d4e3;--text: #1a2332;--muted: #5a6b7d;--accent: #2563ab;--ok: #15803d;--bad: #b91c1c;--warn: #a16207}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:var(--accent)}button{font:inherit;cursor:pointer}