:root{color-scheme:light dark;--ink: #15181d;--ink-soft: #4a515c;--ink-faint: #7a828f;--surface: #ffffff;--surface-sunken: #f4f6f9;--surface-raised: #ffffff;--line: #dfe3ea;--accent: #2f5bd7;--accent-soft: #e8eefc;--accent-ink: #ffffff;--good: #1c7a4a;--good-soft: #e4f4ec;--bad: #b3261e;--bad-soft: #fceceb;--radius: 10px;--radius-lg: 16px;--gap: 1rem;--shadow: 0 1px 2px rgb(21 24 29 / 8%), 0 4px 16px rgb(21 24 29 / 5%);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-reading: Georgia, "Iowan Old Style", "Times New Roman", serif}@media(prefers-color-scheme:dark){:root{--ink: #eef1f6;--ink-soft: #b3bbc8;--ink-faint: #848d9c;--surface: #14171c;--surface-sunken: #0f1216;--surface-raised: #1b1f26;--line: #2b313a;--accent: #7ea2ff;--accent-soft: #1d2637;--accent-ink: #0d1016;--good: #5fd39b;--good-soft: #14271f;--bad: #ff8a80;--bad-soft: #2a1817;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px rgb(0 0 0 / 30%)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--ink);background:var(--surface-sunken);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;margin:0 0 .5rem;letter-spacing:-.01em}h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem)}h2{font-size:clamp(1.15rem,1rem + .7vw,1.4rem)}p{margin:0 0 1rem}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.75rem 1rem;z-index:100}.skip-link:focus{left:0}.app{display:flex;flex-direction:column;min-height:100%}.app__main{flex:1;width:100%;max-width:48rem;margin:0 auto;padding:1.5rem 1rem 4rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__brand{font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;margin-right:auto;font-size:1.05rem}.topbar__nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.topbar__link{padding:.5rem .7rem;border-radius:var(--radius);color:var(--ink-soft);text-decoration:none;font-size:.95rem;min-height:44px;display:inline-flex;align-items:center}.topbar__link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}@media(max-width:32rem){.topbar{flex-wrap:wrap;padding:.5rem .75rem}.topbar__brand{width:100%;margin-right:0}.topbar__nav{width:100%;gap:0;justify-content:space-between}.topbar__link,.topbar__nav .button{padding-inline:.5rem;font-size:.9rem}}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:var(--gap)}.card--flush{padding:0;overflow:hidden}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:.875rem}.stack>*+*{margin-top:var(--gap)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1.1rem;font:inherit;font-weight:600;color:var(--accent-ink);background:var(--accent);border:1px solid transparent;border-radius:var(--radius);cursor:pointer;text-decoration:none}.button:hover:not(:disabled){filter:brightness(1.08)}.button:disabled{opacity:.55;cursor:not-allowed}.button--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.button--quiet{background:transparent;color:var(--ink-soft);border-color:transparent;font-weight:500}.field{display:block;margin-bottom:1rem}.field__label{display:block;font-weight:600;margin-bottom:.35rem}.field__hint{color:var(--ink-soft);font-size:.875rem;margin-bottom:.5rem}.field input,.field select{width:100%;min-height:44px;padding:.5rem .7rem;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.question__meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.875rem;color:var(--ink-soft);margin-bottom:.75rem}.question__instruction{font-weight:600;margin-bottom:.5rem}.question__stem{font-family:var(--font-reading);font-size:clamp(1.1rem,1rem + .6vw,1.35rem);line-height:1.5;white-space:pre-line;margin-bottom:1.25rem}.choices{display:grid;gap:.6rem;border:0;padding:0;margin:0}.choice{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.choice:hover{border-color:var(--accent)}.choice input{margin:.25rem 0 0;accent-color:var(--accent);width:1.1rem;height:1.1rem;flex:none}.choice__key{font-weight:700;color:var(--ink-faint);min-width:1.25rem}.choice--selected{border-color:var(--accent);background:var(--accent-soft)}.choice--correct{border-color:var(--good);background:var(--good-soft)}.choice--wrong{border-color:var(--bad);background:var(--bad-soft)}.progressbar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.progressbar__fill{height:100%;background:var(--accent);transition:width .2s ease}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.stat__value{font-size:1.5rem;font-weight:700;line-height:1.1}.stat__label{font-size:.8rem;color:var(--ink-soft)}.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-sunken);border:1px solid var(--line);color:var(--ink-soft)}.pill--good{background:var(--good-soft);border-color:transparent;color:var(--good)}.pill--bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem}.pack{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;color:inherit}.pack__cover{display:block;width:100%;aspect-ratio:120 / 48}.pack__body{flex:1;padding:.85rem 1rem 1rem}.pack[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pack__name{font-weight:700;margin-bottom:.2rem}.notice{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.notice--error{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.center{display:grid;place-items:center;min-height:60vh;text-align:center}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem 1rem;border-bottom:1px solid var(--line)}.table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}