:root{color-scheme:light;--ink: #1a1a1a;--accent: #1d4ed8;--muted: #6b7280;--rule: #e5e7eb;--bg: #fdfcf9;--panel: #ffffff;--btn: #fafafa;--hover: #f0f4ff;--key-bg: #fef9c3;--key-icon: #a16207;--formula-bg: #eff6ff;--input-border: #cbd5e1;--ok: #15803d;--ok-bg: #dcfce7;--ok-soft: #f0fdf4;--bad: #b91c1c;--bad-bg: #fee2e2;--bad-soft: #fef2f2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #e8e6e1;--accent: #8ab0f8;--muted: #98a0ab;--rule: #33363d;--bg: #16171b;--panel: #1f2126;--btn: #24262c;--hover: #262b36;--key-bg: #38321a;--key-icon: #d4b84a;--formula-bg: #1c2637;--input-border: #3f434b;--ok: #4ade80;--ok-bg: #163a24;--ok-soft: #14291b;--bad: #f87171;--bad-bg: #43191c;--bad-soft: #2e1517}}:root[data-theme=dark]{color-scheme:dark;--ink: #e8e6e1;--accent: #8ab0f8;--muted: #98a0ab;--rule: #33363d;--bg: #16171b;--panel: #1f2126;--btn: #24262c;--hover: #262b36;--key-bg: #38321a;--key-icon: #d4b84a;--formula-bg: #1c2637;--input-border: #3f434b;--ok: #4ade80;--ok-bg: #163a24;--ok-soft: #14291b;--bad: #f87171;--bad-bg: #43191c;--bad-soft: #2e1517}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,Times New Roman,serif;color:var(--ink);background:var(--bg);line-height:1.6}main{max-width:44rem;margin:0 auto;padding:2.5rem 1.5rem 6rem}nav.site{border-bottom:1px solid var(--rule);background:var(--panel)}nav.site .inner{max-width:44rem;margin:0 auto;padding:.8rem 1.5rem;display:flex;gap:1.4rem;flex-wrap:wrap;align-items:baseline}nav.site .brand{font-weight:700;margin-right:.5rem}nav.site a{color:var(--muted);text-decoration:none;font-size:.95rem}nav.site a:hover{color:var(--accent)}nav.site a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted);margin-bottom:.5rem}h1{font-size:1.9rem;font-weight:400;line-height:1.25;margin-bottom:.6rem}.lede{font-size:1.05rem;color:var(--muted);font-style:italic;margin-bottom:2.2rem}h2{font-size:1.2rem;margin:2.4rem 0 .9rem}h2 .n{color:var(--accent);font-style:italic;margin-right:.4rem}p{margin-bottom:.9rem}a{color:var(--accent)}table{border-collapse:collapse;width:100%;margin:.8rem 0 1.2rem}td,th{text-align:left;padding:.4rem .7rem;border-bottom:1px solid var(--rule)}th{font-weight:400;font-style:italic;color:var(--muted);font-size:.9rem}.fr{font-weight:700}.snd{color:var(--muted)}.silent{color:var(--bad)}.key{background:var(--key-bg);padding:1rem 1.2rem;border-radius:6px;margin:1.2rem 0}.formula{font-size:1.2rem;text-align:center;padding:.9rem;background:var(--formula-bg);border-radius:6px;margin:1rem 0}.quiz,.trainer{border:1px solid var(--rule);border-radius:8px;padding:1.3rem 1.4rem;margin:1.2rem 0;background:var(--panel)}.q{margin-bottom:1.4rem}.q>p{font-weight:700;margin-bottom:.5rem}.opts button{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);padding:.5rem .8rem;margin:.3rem 0;background:var(--btn);border:1px solid var(--rule);border-radius:6px;cursor:pointer}.opts button:hover{background:var(--hover)}.opts button.ok{background:var(--ok-bg);border-color:var(--ok)}.opts button.bad{background:var(--bad-bg);border-color:var(--bad)}.row{display:flex;align-items:center;gap:.7rem;margin:.45rem 0}.row label{width:6.5rem;font-weight:700}.row.wide{flex-wrap:wrap}.row.wide label{width:100%}.row input{font:inherit;padding:.4rem .6rem;border:1px solid var(--input-border);border-radius:6px;flex:1;background:var(--btn);color:var(--ink)}.row input.ok{border-color:var(--ok);background:var(--ok-soft)}.row input.bad{border-color:var(--bad);background:var(--bad-soft)}.row .mark{width:1.4rem}.btns{display:flex;gap:.6rem;flex-wrap:wrap}button.check{font:inherit;margin-top:.8rem;padding:.5rem 1.2rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;cursor:pointer}button.regen{font:inherit;margin-top:.8rem;padding:.5rem 1.2rem;background:var(--panel);color:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer}button.regen:hover{background:var(--hover)}.hint{color:var(--muted);font-size:.9rem;margin-top:.5rem}.score{font-weight:700;margin-top:.8rem}.score.good{color:var(--ok)}svg.icon{vertical-align:-.18em;display:inline-block;flex-shrink:0}.key svg.icon{color:var(--key-icon);margin-right:.15rem}nav.site .brand svg.icon{color:var(--accent)}button.regen svg.icon{vertical-align:-.14em}button.theme-toggle{margin-left:auto;align-self:center;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--muted);line-height:0}button.theme-toggle:hover{color:var(--accent)}.theme-toggle .t-light,.theme-toggle .t-dark{display:none}:root[data-theme=light] .theme-toggle .t-auto{display:none}:root[data-theme=light] .theme-toggle .t-light{display:inline-block}:root[data-theme=dark] .theme-toggle .t-auto{display:none}:root[data-theme=dark] .theme-toggle .t-dark{display:inline-block}.card-list{list-style:none}.card-list li{border:1px solid var(--rule);border-radius:8px;background:var(--panel);margin:.7rem 0}.card-list li a{display:block;padding:1rem 1.2rem;text-decoration:none;color:var(--ink)}.card-list li a:hover{background:var(--hover)}.card-list .meta{color:var(--muted);font-size:.88rem}footer.lesson{margin-top:3.5rem;border-top:1px solid var(--rule);padding-top:1.2rem;color:var(--muted);font-size:.92rem}@media print{.quiz,.trainer,nav.site{display:none}body{background:#fff}}