body[data-route=lesson] .page{max-width:1140px}.visual-lesson-heading{padding:11px 0 22px}.visual-lesson-heading h1{font-size:34px;font-weight:700;line-height:1.4;margin:8px 0 12px}.visual-lesson-heading p{font-size:17px;color:var(--mut);margin:0}.visual-lesson{background:var(--card);border:1px solid var(--line);border-radius:23px;padding:25px;margin:8px 0 25px}.lv-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.lv-top h2{font-size:27px;font-weight:600;margin:5px 0 0}.lv-screen-count{font-size:14px;color:var(--mut);white-space:nowrap}.lv-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:23px;align-items:start}.lv-screen{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg)}.lv-stage{min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:15px 8px}.lv-stage svg{display:block;width:100%;max-height:350px;overflow:visible}.lv-stage text{font-family:Baloo,Cairo,Tahoma,sans-serif!important;font-size:20px;fill:var(--tx2);stroke:none;direction:ltr;unicode-bidi:plaintext}.lv-stage .lv-big{font-size:29px}.lv-stage .lv-label{font-size:16px}.lv-stage .lv-ink{fill:var(--tx)}.lv-green{fill:#9daf77;stroke:#7f9560;stroke-width:1}.lv-green-soft{fill:#dce6c8;stroke:#8da16c;stroke-width:1.5}.lv-gold{fill:#d7b474;stroke:#b79a5f;stroke-width:1}.lv-gold-soft{fill:#efe0be;stroke:#c5ab74;stroke-width:1.5}.lv-blue-soft{fill:#d3e3e7;stroke:#769aa9;stroke-width:1.5}.lv-purple{fill:#bfafce;stroke:#a08bb4;stroke-width:1}.lv-empty{fill:var(--card);stroke:var(--line);stroke-width:2}.lv-outline{fill:none;stroke:var(--tx2);stroke-width:2;stroke-linejoin:round}.lv-axis{fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round}.lv-grid{stroke:var(--line);stroke-width:1}.lv-travel{fill:none;stroke:#839d5d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;animation:lv-line .9s ease-out both}.lv-gold-line{stroke:#c4a05d}.lv-dashed{stroke-dasharray:6 5}.lv-faint{opacity:.55}.lv-rearrange{transition:transform .8s cubic-bezier(.2,.7,.3,1)}.lv-layer{animation:lv-layer-in .6s ease-out both}.lv-equation{padding:16px 18px;background:var(--card);border-top:1px solid var(--line);font-size:23px;font-weight:500;line-height:1.8;text-align:center;color:var(--tx);overflow-wrap:anywhere;min-height:79px;animation:lv-result .25s ease-out}.lv-controls{padding:7px 0}.lv-controls h3{font-size:22px;font-weight:500;margin:0 0 20px}.lv-control{display:block;color:var(--mut);font-size:15px;line-height:1.8;margin-bottom:20px}.lv-control output{display:inline-block;min-width:32px;margin-right:9px;color:var(--tx);font-size:20px;line-height:1.5}.lv-control input{display:block;width:100%;accent-color:var(--g);margin:12px 0 0;cursor:pointer;height:20px}.lv-control-note{font-size:13px;color:var(--mut);display:flex;align-items:start;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:24px;line-height:1.8}.lv-control-note .ic{width:21px;height:21px;flex-shrink:0;margin-top:3px}.lv-story{font-size:18px;line-height:1.85;color:var(--tx2);padding:18px 0 15px;min-height:67px}.lv-playback{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-bottom:19px}.lv-playback button{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 15px;min-height:44px;background:var(--card);border:1px solid var(--line);border-radius:11px;font:inherit;font-size:16px;color:var(--tx2);cursor:pointer}.lv-playback button[data-lv-action=play]{color:var(--gd);background:var(--gl);border-color:var(--lip)}.lv-playback button:disabled{opacity:.45;cursor:default}.lv-playback .ic{width:19px;height:19px}.lv-step-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:18px;gap:11px}.lv-step-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer;font:inherit;font-size:16px;color:var(--mut);padding:8px}.lv-step-tabs button span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:15px;background:var(--bg2)}.lv-step-tabs button.active{color:var(--gd);background:var(--gl);border-color:var(--lip)}.lv-step-tabs button.active span{background:var(--card)}.lv-practice{display:flex;align-items:center;justify-content:center;gap:24px;padding:13px 18px;margin-top:18px;color:white!important;background:var(--g);text-decoration:none;border-radius:12px;font-size:18px}.lv-practice .ic{width:21px;height:21px}.lv-reading{border:1px solid var(--line);border-radius:18px;background:var(--card);margin:20px 0;overflow:hidden}.lv-reading>summary{padding:18px 22px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:20px;list-style:none}.lv-reading>summary::-webkit-details-marker{display:none}.lv-reading>summary .ic{width:22px;height:22px;color:var(--g)}.lv-reading>summary>span{font-size:14px;color:var(--mut);margin-right:auto}.lv-reading>.teach{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;box-shadow:none}.lv-reading .idea{font-size:19px;line-height:2}.lv-reading .rule,.lv-reading .ex{font-size:17px;line-height:1.9}.lv-reading .teach-m{max-width:100px}
[data-theme=dark] .lv-green-soft{fill:#3f5330;stroke:#91a96d}[data-theme=dark] .lv-gold-soft{fill:#5f5132;stroke:#c5ad76}[data-theme=dark] .lv-blue-soft{fill:#2e4a56;stroke:#8db0bf}[data-theme=dark] .lv-purple{fill:#564663;stroke:#b7a1ca}[data-theme=dark] .lv-stage .lv-ink{fill:var(--tx)}[data-theme=dark] .lv-step-tabs button.active,[data-theme=dark] .lv-playback button[data-lv-action=play]{color:var(--tx)}
@keyframes lv-line{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}@keyframes lv-layer-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lv-result{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:900px) and (max-width:1200px){.lv-layout{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.visual-lesson{padding:22px}.lv-stage{min-height:290px}.lv-equation{font-size:21px}.lv-control{font-size:14px}.visual-lesson-heading h1{font-size:31px}}
@media(max-width:899px){.lv-layout{grid-template-columns:minmax(0,1fr) 205px;gap:18px}.visual-lesson{padding:21px}.lv-stage{min-height:290px}.lv-equation{font-size:21px}.visual-lesson-heading h1{font-size:31px}}
@media(max-width:600px){.visual-lesson-heading{padding-bottom:18px}.visual-lesson-heading h1{font-size:29px;line-height:1.45}.visual-lesson-heading p{font-size:16px}.visual-lesson{padding:17px;border-radius:19px}.lv-top{align-items:flex-start;gap:8px;margin-bottom:17px}.lv-top h2{font-size:23px;line-height:1.4}.lv-top .eyebrow{font-size:13px!important}.lv-screen-count{display:none}.lv-layout{grid-template-columns:1fr;gap:20px}.lv-stage{min-height:216px;padding:9px 0}.lv-stage svg{max-height:245px}.lv-stage text{font-size:23px}.lv-stage .lv-label{font-size:20px}.lv-stage .lv-big{font-size:31px}.lv-equation{font-size:21px;padding:13px 10px;min-height:65px;line-height:1.8}.lv-controls{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lv-controls h3{grid-column:1/-1;font-size:21px;margin-bottom:0}.lv-control{font-size:14px;margin-bottom:6px;line-height:1.8}.lv-control output{font-size:19px;margin-right:4px}.lv-control input{margin-top:9px}.lv-control-note{grid-column:1/-1;margin-top:2px;padding-top:12px;font-size:13px}.lv-story{font-size:17px;padding:17px 0;min-height:0}.lv-playback{gap:7px;padding-bottom:16px}.lv-playback button{padding:9px 11px;font-size:15px;min-height:45px;gap:6px}.lv-playback button[data-lv-action=previous]{padding:9px}.lv-playback .ic{width:17px;height:17px}.lv-step-tabs{gap:3px;padding-top:14px}.lv-step-tabs button{padding:7px 4px;font-size:13px;gap:5px;flex-direction:column}.lv-step-tabs button span{font-size:14px}.lv-practice{font-size:17px;padding:12px;gap:15px}.lv-reading>summary{font-size:18px;padding:17px 15px;gap:8px}.lv-reading>summary>span{display:none}.lv-reading .idea{font-size:18px}.lv-reading .rule,.lv-reading .ex{font-size:16px}.lv-reading .teach-m{max-width:75px}}
@media(max-width:360px){.visual-lesson{padding:14px}.lv-equation{font-size:19px}.lv-playback button{font-size:14px;padding:9px}.lv-control{font-size:13px}.lv-story{font-size:16px}.lv-step-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.lv-travel,.lv-layer,.lv-equation{animation:none!important}.lv-rearrange{transition:none!important}}
.lv-stage rect,.lv-stage polygon{animation:lv-reveal .35s ease-out both}@keyframes lv-reveal{from{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.lv-stage rect,.lv-stage polygon{animation:none!important}}
.lv-variants{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.lv-variants button{font:inherit;font-size:16px;padding:8px 15px;background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:10px;cursor:pointer}.lv-variants button.selected{background:var(--gl);color:var(--gd);border-color:var(--lip)}[data-theme=dark] .lv-variants button.selected{color:var(--tx)}@media(max-width:600px){.lv-variants{gap:7px;margin-bottom:17px}.lv-variants button{font-size:14px;padding:8px 12px}}
.lv-stage text{fill:var(--tx)}[data-theme=dark] .lv-green{fill:#425f2d;stroke:#8ea969}[data-theme=dark] .lv-gold{fill:#765d30;stroke:#c0a56c}
.lv-stage .lv-quiet{opacity:.38}
.lv-top .lv-screen-count{display:none}.lv-enlarge{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--bg);color:var(--mut);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.lv-enlarge .ic{width:19px;height:19px}.lv-modal-open{overflow:hidden}.visual-lesson.lv-expanded{position:fixed;inset:15px;z-index:1000;margin:0;overflow:auto;box-shadow:0 0 0 40px #12211899;max-width:none}.lv-expanded .lv-layout{grid-template-columns:minmax(0,1fr) 280px}.lv-expanded .lv-stage{min-height:420px}.lv-expanded .lv-stage svg{max-height:470px}.lv-expanded .lv-equation{font-size:28px}.lv-expanded .lv-story{font-size:21px}.lv-expanded .lv-top{position:sticky;top:-25px;z-index:3;background:var(--card);padding:10px 0 14px}.lv-expanded .lv-top h2{font-size:30px}.lv-expanded .lv-practice{max-width:620px;margin-left:auto;margin-right:auto}@media(max-width:600px){.lv-enlarge{font-size:13px;gap:5px;padding:8px}.lv-enlarge .ic{width:16px;height:16px}.visual-lesson.lv-expanded{inset:7px;padding:16px;border-radius:16px}.lv-expanded .lv-layout{grid-template-columns:1fr}.lv-expanded .lv-stage{min-height:260px}.lv-expanded .lv-stage svg{max-height:360px}.lv-expanded .lv-equation{font-size:23px}.lv-expanded .lv-top h2{font-size:24px}.lv-expanded .lv-top{top:-16px;padding-top:10px}.lv-expanded .lv-story{font-size:18px}}
.bkfig{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0}
.bkfig .bk{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.bkfig .bk img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;background:#fff}
.bkfig figcaption{font-size:12px;color:#57534e;padding:4px 10px;background:#faf8f2}[data-theme=dark] .bkfig figcaption{background:#2a2a24;color:#d6d3c4}