:root{--bg:#f6f4ef;--surface:#fff;--text:#1b2430;--muted:#5a6573;--brand:#1f3a5f;--on-brand:#fff;--accent:#f2c14e;--progress:#1f3a5f;--right:#1d7a46;--right-bg:#e1f3e8;--wrong:#b3261e;--wrong-bg:#fbe5e3;--border:#d9d5cb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#11161d;--surface:#1a222c;--text:#eef1f5;--muted:#a3adba;--brand:#2f5588;--progress:#f2c14e;--border:#2d3846;--right:#6fd69a;--right-bg:#173826;--wrong:#ff8f87;--wrong-bg:#45201e}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.125rem;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen{max-width:40rem;height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.screen-head{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.screen-head h1,.screen-head h2{margin:0;font-size:1.25rem}.muted{color:var(--muted)}.back-button{color:var(--muted);background:0 0;border:none;padding:.5rem 0}.primary{background:var(--brand);width:100%;min-height:3.5rem;color:var(--on-brand);border:none;border-radius:.875rem;font-weight:600}.secondary{border:2px solid var(--border);background:0 0;border-radius:.875rem;width:100%;min-height:3.5rem;font-weight:600}.topic-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.topic{border:2px solid var(--border);background:var(--surface);text-align:left;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.25rem 1rem;width:100%;padding:1rem;display:grid}.topic-icon{grid-row:span 3;font-size:2.25rem}.topic-name{font-weight:600}.bar{background:var(--border);border-radius:.25rem;height:.5rem;overflow:hidden}.bar>span{background:var(--progress);height:100%;display:block}.facts{scroll-snap-type:y mandatory;overscroll-behavior:contain;flex:1;margin:.5rem 0 1rem;overflow-y:auto}.fact{scroll-snap-align:start;scroll-snap-stop:always;background:var(--surface);border:2px solid var(--border);border-radius:1.25rem;flex-direction:column;justify-content:center;gap:1.25rem;min-height:100%;padding:1.5rem;display:flex}.fact+.fact{margin-top:1rem}.fact-count{color:var(--muted);font-size:1rem}.fact-text{margin:0;font-size:1.5rem;line-height:1.45}.swipe-hint{color:var(--muted);margin:0;font-size:1rem}.quiz-body{flex-direction:column;flex:1;gap:1rem;display:flex;overflow-y:auto}.question{margin:.5rem 0 0;font-size:1.5rem;line-height:1.35}.options{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.option{border:2px solid var(--border);background:var(--surface);text-align:left;border-radius:.875rem;width:100%;min-height:3.5rem;padding:.75rem 1rem}.option[disabled]{cursor:default}.option.right{border-color:var(--right);background:var(--right-bg)}.option.wrong{border-color:var(--wrong);background:var(--wrong-bg)}.feedback{background:var(--surface);border:2px solid var(--border);border-radius:.875rem;padding:1rem}.feedback strong{margin-bottom:.25rem;display:block}.feedback.right strong{color:var(--right)}.feedback.wrong strong{color:var(--wrong)}.result{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:1rem;display:flex}.result-score{margin:0;font-size:3rem;font-weight:700}.actions{gap:.75rem;display:grid}