:root{--paper:#fffdf7;--ink:#172033;--ink-2:#4b5563;--ink-3:#6b7280;--blue:#2563eb;--green:#16a34a;--orange:#ea580c;--red:#dc2626;--purple:#7c3aed;--yellow:#fde68a;--blue-bg:#eff4ff;--green-bg:#effbf3;--orange-bg:#fff5ed;--red-bg:#fef2f2;--purple-bg:#f6f1ff;--yellow-bg:#fff9db;--blue-ink:#1d4ed8;--green-ink:#15803d;--orange-ink:#c2410c;--red-ink:#b91c1c;--purple-ink:#6d28d9;--yellow-ink:#854d0e;--rule:#e5e0d0;--rule-strong:#cfc7b1;--code-bg:#faf8f1;--chip-bg:#f1ecdd;--grid:#2563eb11;--desk:#e9e3d3;--ink-blue:#1e3a8a;--hl:#fde68ad9;--dot:#17203329;--f-hand:"Kalam", "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;--f-body:"Patrick Hand", "Kalam", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--f-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--f-note:"Caveat", "Kalam", "Segoe Print", cursive;--f-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--page-w:210mm;--page-h:297mm;--block-gap:8px}:root,:root[data-section=javascript]{--accent:#d9a900;--accent-ink:#7a5c00;--accent-bg:#fff5c2;--accent-soft:#fffae0;--hl:#fad5329e;--paper:#fffdf5;--desk:#ece4cb;--dot:#46370a2b;--badge-bg:#f7df1e;--badge-ink:#111;--chrome:#fffcf0}:root[data-section=react]{--accent:#0ea5c6;--accent-ink:#0a6378;--accent-bg:#e3f8fd;--accent-soft:#f1fcff;--hl:#61dafb6b;--paper:#fbfeff;--desk:#d6e7ee;--dot:#0a465a29;--badge-bg:#20232a;--badge-ink:#61dafb;--chrome:#f6fcfe}:root[data-section=react-native]{--accent:#6d5bd0;--accent-ink:#46379e;--accent-bg:#efecff;--accent-soft:#f8f6ff;--hl:#a78bfa5c;--paper:#fdfcff;--desk:#e0dcf0;--dot:#3c288226;--badge-bg:#46379e;--badge-ink:#fff;--chrome:#faf9ff}:root[data-section=system-design]{--accent:#0d9488;--accent-ink:#0b5e57;--accent-bg:#e1f5f2;--accent-soft:#f1fbf9;--hl:#2dd4bf52;--paper:#fbfefd;--desk:#d4e4e0;--dot:#0d948821;--badge-bg:#0b5e57;--badge-ink:#fff;--chrome:#f5fbfa}:root[data-section=dsa]{--accent:#d23c72;--accent-ink:#9d1d4c;--accent-bg:#fdebf2;--accent-soft:#fff6f9;--hl:#f472b64d;--paper:#fffcfd;--desk:#eadce3;--dot:#961e5024;--badge-bg:#9d1d4c;--badge-ink:#fff;--chrome:#fff9fb}:root[data-section=system-design] body.paper-grid .page{background-image:linear-gradient(#0d948813 1px,#0000 1px),linear-gradient(90deg,#0d948813 1px,#0000 1px);background-position:-1px -1px;background-size:5mm 5mm}.tab[data-sec=javascript]{--tab:#d9a900;--tab-ink:#7a5c00;--tab-bg:#fff5c2}.tab[data-sec=react]{--tab:#0ea5c6;--tab-ink:#0a6378;--tab-bg:#e3f8fd}.tab[data-sec=react-native]{--tab:#6d5bd0;--tab-ink:#46379e;--tab-bg:#efecff}.tab[data-sec=system-design]{--tab:#0d9488;--tab-ink:#0b5e57;--tab-bg:#e1f5f2}.tab[data-sec=dsa]{--tab:#d23c72;--tab-ink:#9d1d4c;--tab-bg:#fdebf2}.page{width:var(--page-w);height:var(--page-h);box-sizing:border-box;background-color:var(--paper);color:var(--ink);font:400 15.5px/1.48 var(--f-body);-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-direction:column;padding:11mm 13mm 9mm 21mm;display:none;position:relative;overflow:hidden}body.paper-grid .page{background-image:radial-gradient(circle, var(--dot) .85px, transparent 1.15px);background-position:2.5mm 2.5mm;background-size:5mm 5mm}.page:before{content:"";border-left:1.3px solid #dc262652;border-right:1px solid #dc26262e;width:3px;position:absolute;top:0;bottom:0;left:15mm}.page-head{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 6' preserveAspectRatio='none'%3E%3Cpath d='M1 4 C 60 1.5, 130 5.5, 200 3.2 S 330 2, 399 4' stroke='%23172033' stroke-width='1.6' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") bottom/100% 6px no-repeat;flex:none;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:4mm;padding-bottom:5px;display:flex}.page-head .ph-l{font:600 17px/1.1 var(--f-note);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-head .ph-r{font:700 14px/1.15 var(--f-hand);color:var(--ink);text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:58%;overflow:hidden}.page-body{gap:var(--block-gap);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.page-body>*{flex:none;margin:0!important}.page-foot{font:500 15px/1.1 var(--f-note);color:var(--ink-2);border-top:1.4px dashed #17203347;flex:none;justify-content:space-between;align-items:center;margin-top:3mm;padding-top:4px;display:flex}.page-foot .pf-c{font:600 15px/1 var(--f-note);color:var(--ink-3)}.page-foot .pf-r{font:600 16px/1 var(--f-note)}.page-foot .pf-r b{font:700 18px/1 var(--f-hand);color:var(--ink)}#measure-root{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-20000px}#measure-root .page{display:flex}#measure-root .page.measuring{height:auto}#measure-root .page.measuring .page-body{flex:none;overflow:visible}.page.cover .page-head,.page.cover .page-foot{visibility:hidden}.page.cover .page-body>.cover-wrap{flex:auto;min-height:0;overflow:hidden}.cover-wrap{flex-direction:column;gap:12px;display:flex}.cover-kicker{font:700 19px/1.2 var(--f-note);color:var(--accent-ink)}.cover-status{font:600 16px/1.35 var(--f-note);color:var(--accent-ink);background:var(--accent-bg);border:1.8px dashed var(--accent);border-radius:12px 4px;padding:6px 12px}.cover-title{font:700 56px/1.02 var(--f-hand);color:var(--ink);margin:0}.cover-title span{background:linear-gradient(100deg, transparent 1%, var(--hl) 3%, #fde68ab3 50%, var(--hl) 96%, transparent 99%) 0 62% / 100% 46% no-repeat;padding:0 6px}.cover-sub{font:400 18px/1.45 var(--f-body);color:var(--ink-2);max-width:165mm}.cover-mods{font:400 14.5px/1.5 var(--f-body);color:var(--ink);border-top:1.6px dashed var(--rule-strong);border-bottom:1.6px dashed var(--rule-strong);grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 0;display:grid}.cover-mods span b{font:700 15px/1 var(--f-hand);color:var(--accent-ink);margin-right:7px}.cover-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cover-stat{border:2px solid var(--ink);background:#fff;border-radius:16px 6px 18px 8px/8px 18px 6px 16px;padding:8px 12px}.cover-stat b{font:700 30px/1 var(--f-hand);color:var(--accent-ink);display:block}.cover-stat span{font:600 17px/1.2 var(--f-note);color:var(--ink-2)}.cover-owner{font:600 19px/1 var(--f-note);color:var(--ink-2);grid-template-columns:auto 1fr;align-items:end;gap:10px 12px;margin-top:auto;display:grid}.cover-owner i{border-bottom:1.6px dashed var(--ink-3);height:20px;display:block}.mod-hero{grid-template-columns:auto 1fr;align-items:center;gap:2px 18px;padding:4px 0 12px;display:grid}.mod-hero .mh-num{width:104px;height:104px;font:700 54px/1 var(--f-hand);color:var(--accent-ink);border:3px solid var(--accent);background:var(--accent-bg);border-radius:52% 48% 55% 45%/48% 55% 45% 52%;grid-row:span 3;place-items:center;display:grid}.mod-hero .mh-kicker{font:700 18px/1.2 var(--f-note);color:var(--ink-2)}.mod-hero h1{font:700 36px/1.08 var(--f-hand);width:fit-content;margin:0;padding-bottom:9px;position:relative}.level-ladder{font:700 16px/1 var(--f-note);flex-wrap:wrap;gap:5px;display:flex}.level-ladder span{border:1.6px solid var(--rule-strong);color:var(--ink-3);background:#fff;border-radius:12px 4px/4px 12px;padding:3px 9px 2px}.level-ladder span.on{border-color:var(--ink);background:var(--yellow);color:var(--ink)}.mod-summary{font:400 17px/1.5 var(--f-body);color:var(--ink)}.toc-group{flex-direction:column;gap:1px;display:flex}.toc-mod{font:700 18px/1.3 var(--f-hand);color:var(--ink);align-items:baseline;gap:8px;padding-top:2px;text-decoration:none;display:flex}.toc-mod .tm-num{font:700 15px/1 var(--f-hand);color:var(--accent-ink);border:2px solid var(--accent);border-radius:50% 45%/45% 50%;place-items:center;min-width:30px;height:26px;display:inline-grid}.toc-items{flex-direction:column;display:flex}.toc-row{font:400 15px/1.55 var(--f-body);color:var(--ink);align-items:baseline;gap:6px;padding-left:38px;text-decoration:none;display:flex}.toc-row .tr-num{font:700 13.5px/1 var(--f-hand);color:var(--ink-3);min-width:36px}.toc-row .tr-dots,.toc-mod .tr-dots{border-bottom:2px dotted #1720334d;flex:1;transform:translateY(-4px)}.toc-row .tr-pg{font:700 15px/1 var(--f-hand);color:var(--accent-ink);text-align:right;min-width:28px}.toc-mod .tr-pg{font:700 16px/1 var(--f-hand);color:var(--accent-ink)}.toc-group.cont .toc-mod:after{content:" (continued)";font:600 15px var(--f-note);color:var(--ink-3)}:root{--hand-r:14px 6px 16px 7px / 7px 16px 6px 14px;--hand-r2:6px 14px 7px 16px / 16px 7px 14px 6px;--mask-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7 C 60 3, 140 10, 297 5' stroke='black' stroke-width='3.4' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M20 10 C 90 7, 170 11, 280 8' stroke='black' stroke-opacity='.45' stroke-width='1.6' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--mask-wavy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C 40 2, 80 7, 120 4.5 S 200 2.5, 240 5 S 285 4, 298 3.5' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--wavy-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C 40 2, 80 7, 120 4.5 S 200 2.5, 240 5 S 285 4, 298 3.5' stroke='%232563EB' stroke-width='2.2' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--brush-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7 C 60 3, 140 10, 297 5' stroke='%232563EB' stroke-width='3.4' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M20 10 C 90 7, 170 11, 280 8' stroke='%232563EB' stroke-opacity='.45' stroke-width='1.6' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.ch-head{grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding-bottom:4px;display:grid}.ch-head .ch-num{min-width:62px;height:62px;font:700 25px/1 var(--f-hand);color:var(--accent-ink);border:2.6px solid var(--accent);background:var(--accent-bg);border-radius:52% 48% 55% 45%/48% 55% 45% 52%;grid-row:span 2;place-items:center;padding:0 8px;display:grid}.ch-head .ch-kicker{font:700 17px/1.1 var(--f-note);color:var(--ink-2);align-self:end}.ch-head h1{font:700 29px/1.12 var(--f-hand);color:var(--ink);width:fit-content;margin:0;padding-bottom:9px;position:relative}.ch-head h1:after,.mod-hero h1:after{content:"";background:var(--accent);height:12px;-webkit-mask:var(--mask-brush) center / 100% 100% no-repeat;-webkit-mask:var(--mask-brush) center / 100% 100% no-repeat;mask:var(--mask-brush) center / 100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}.page-body h2{font:700 23px/1.2 var(--f-hand);color:var(--ink);background:linear-gradient(100deg, transparent 0.6%, var(--hl) 2%, #fde68a9e 40%, #fde68acc 85%, var(--hl) 97%, transparent 99.5%) 0 72% / 100% 52% no-repeat;border-radius:3px 10px 4px 12px;width:fit-content;max-width:100%;padding:6px 8px 0 4px}.page-body>h2:first-child{padding-top:0}.page-body h3{font:700 18px/1.25 var(--f-hand);color:var(--accent-ink);width:fit-content;max-width:100%;padding:4px 0 6px;position:relative}.page-body h3:after{content:"";background:var(--accent);height:7px;-webkit-mask:var(--mask-wavy) center / 100% 100% no-repeat;-webkit-mask:var(--mask-wavy) center / 100% 100% no-repeat;mask:var(--mask-wavy) center / 100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}.page-body h3:before{content:"✎ ";font-family:var(--f-ui);color:var(--accent);font-size:.8em}.page-body h4{font:700 15.5px/1.25 var(--f-hand);color:var(--ink);letter-spacing:.02em}.page-body p{text-align:left}.page-body strong{font-family:var(--f-hand);color:var(--ink);font-size:.93em;font-weight:700}.page-body em{color:var(--accent-ink);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;font-style:normal;text-decoration-thickness:1.2px}.page-body mark{color:inherit;background:linear-gradient(100deg, transparent 1%, var(--hl) 4%, #fde68ab3 50%, var(--hl) 95%, transparent 99%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px 8px;padding:0 3px}.page-body code{font:500 .78em/1 var(--f-mono);white-space:break-spaces;overflow-wrap:anywhere;background:#17203311;border-radius:4px;padding:1px 4px}.page-body a{color:var(--accent-ink);border-bottom:1.5px dotted var(--accent);text-decoration:none}.page-body .xref .pgn{font:600 .95em var(--f-note);color:var(--ink-3)}.page-body p.lead{font:400 19px/1.42 var(--f-note);color:var(--ink);border-left:3px solid var(--accent);padding-left:12px;font-weight:600}.page-body ul,.page-body ol{flex-direction:column;gap:3px;margin:0;padding-left:0;list-style:none;display:flex}.page-body ul>li,.page-body ol>li{padding-left:1.55em;position:relative}.page-body ul>li:before{content:"";background:var(--accent);border-radius:50% 40% 55% 45%;width:7px;height:7px;position:absolute;top:.62em;left:.35em;transform:rotate(-12deg)}.page-body ol{counter-reset:li var(--start,0)}.page-body ol>li{counter-increment:li;padding-left:1.85em}.page-body ol>li:before{content:counter(li);width:1.32em;height:1.32em;font:700 .78em/1 var(--f-hand);color:var(--accent-ink);border:1.6px solid var(--accent);background:#fff;border-radius:50% 45% 52% 46%/46% 52% 45% 50%;place-items:center;display:grid;position:absolute;top:.12em;left:0}.box{border:2px solid var(--c,var(--ink));border-radius:var(--hand-r);background:var(--bg,#fff);flex-direction:column;gap:5px;padding:7px 13px 9px;display:flex;position:relative}.box-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.box-label{font:700 17px/1 var(--f-note);color:var(--cink,var(--ink));white-space:nowrap;border:1.6px solid var(--c,var(--ink));background:#fff;border-radius:10px 3px/3px 10px;padding:2px 9px 1px 7px;transform:rotate(-1.2deg)}.box-title{font:700 17px/1.2 var(--f-hand);color:var(--ink)}.box.cont .box-title:after,.box.cont .box-label:after{content:" (continued)";font-weight:500}.box-body{flex-direction:column;gap:5px;display:flex}.box-body>*{margin:0}.box.def{--c:var(--blue);--bg:var(--blue-bg);--cink:var(--blue-ink)}.box.idea{--c:var(--blue);--bg:#fff;--cink:var(--blue-ink)}.box.mental{--c:var(--blue);--bg:#fff;--cink:var(--blue-ink);border-style:dashed}.box.read{--c:var(--blue);--bg:#fbfcff;--cink:var(--blue-ink);border-style:dotted;border-width:2.4px}.box.ok{--c:var(--green);--bg:var(--green-bg);--cink:var(--green-ink)}.box.real{--c:var(--green);--bg:#fff;--cink:var(--green-ink);border-style:dashed}.box.warn{--c:var(--orange);--bg:var(--orange-bg);--cink:var(--orange-ink);border-style:dashed}.box.edge{--c:var(--orange);--bg:#fff;--cink:var(--orange-ink);border-style:dashed}.box.perf{--c:var(--orange);--bg:#fff;--cink:var(--orange-ink)}.box.bad{--c:var(--red);--bg:var(--red-bg);--cink:var(--red-ink);border-width:2.4px}.box.sec{--c:var(--red);--bg:#fff;--cink:var(--red-ink);border-style:double;border-width:4px}.box.senior{--c:var(--purple);--bg:var(--purple-bg);--cink:var(--purple-ink)}.box.master{--c:var(--purple);--bg:var(--purple-bg);--cink:var(--purple-ink);border-style:double;border-width:4px}.box.iq{--c:var(--ink);--bg:#fff;--cink:var(--ink)}.box.q{--c:var(--ink-3);--bg:#fff;--cink:var(--ink)}.box.try{--c:var(--ink-2);--bg:#fff;--cink:var(--ink-2);border-style:dashed}.box.hint{--c:#ca8a04;--bg:#fff;--cink:var(--yellow-ink);border-style:dashed}.box.appr{--c:var(--blue);--bg:#fff;--cink:var(--blue-ink);border-style:dashed}.box.sol{--c:var(--green);--bg:#fff;--cink:var(--green-ink)}.box.co{--c:var(--purple);--bg:#fff;--cink:var(--purple-ink);border-style:dashed}.box.note{--c:var(--rule-strong);--bg:#fff;--cink:var(--ink-2)}.box.key,.box.rev{--c:transparent;--cink:var(--yellow-ink);border:none;border-radius:2px 2px 18px;padding-top:16px;box-shadow:1px 2px #17203317,3px 5px 10px #17203312}.box.key{background:#fff2a8}.box.rev{outline-offset:-6px;background:#fff7cc;outline:1.6px dashed #ca8a048c}.box.key:before,.box.rev:before{content:"";background:#cbc4aa8c;border-left:1px dashed #1720331f;border-right:1px dashed #1720331f;width:84px;height:13px;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-1.5deg)}.box.key .box-label,.box.rev .box-label{background:#ffffff8c;border-color:#ca8a04}.box-body h4{font:700 17px/1.1 var(--f-note);color:var(--ink-2);border-top:1.4px dashed var(--rule-strong);padding-top:5px}.box-body h4:first-child{border-top:0;padding-top:0}figure.code{background:#fff;border:1.6px solid #cfc6ae;border-radius:9px 4px/4px 9px;overflow:hidden;box-shadow:1px 2px #1720330f}figure.code figcaption{font:700 16px/1.1 var(--f-note);color:var(--ink-2);background:#fbf8ef;border-bottom:1.4px dashed #ddd4bd;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 10px 3px;display:flex}figure.code figcaption .lang{font:600 14px/1 var(--f-note);color:var(--ink-3)}figure.code.cont figcaption .cap:after{content:" (continued)";font-weight:500}figure.code.good{border-color:var(--green)}figure.code.good figcaption{background:var(--green-bg);color:var(--green-ink);border-bottom-color:#b7e4c5}figure.code.bad{border-color:var(--red);border-style:dashed}figure.code.bad figcaption{background:var(--red-bg);color:var(--red-ink);border-bottom-color:#f5c2c2}figure.code pre{font:400 11.4px/1.55 var(--f-mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:6px 10px 7px 0}figure.code .l{grid-template-columns:2.7em 1fr;min-height:1.55em;display:grid}figure.code .l:before{content:attr(data-n);text-align:right;color:#b0a890;-webkit-user-select:none;user-select:none;font:600 1.12em/1.4 var(--f-note);padding-right:.85em}figure.code.nonum .l{grid-template-columns:.9em 1fr}figure.code.nonum .l:before{content:""}figure.code .l>span.c{white-space:pre-wrap}figure.code .l.hl{background:linear-gradient(100deg, transparent 0.5%, var(--hl) 1.5%, #fde68aa6 97%, transparent 99.5%)}.page-body code,.page-body pre,.page-body pre *,svg.dgs .tm,svg.dgs .tms{font-variant-ligatures:none!important;font-feature-settings:"liga" 0, "calt" 0!important}.tk-kw{color:#6d28d9;font-weight:600}.tk-str{color:#15803d}.tk-num{color:#c2410c}.tk-lit{color:#c2410c;font-weight:600}.tk-com{color:#6b7280;font-style:italic}.tk-fn{color:#1d4ed8}.tk-prop{color:#0f5f73}.tk-tag{color:#1d4ed8;font-weight:600}.tk-attr{color:#9a3412}.tk-re{color:#b45309}.out{border:1.8px solid var(--green);border-radius:var(--hand-r2);background:#fbfffc;overflow:hidden}.out .out-h{font:700 16px/1.1 var(--f-note);color:var(--green-ink);background:var(--green-bg);border-bottom:1.4px dashed #b7e4c5;padding:4px 10px 2px}.out .out-h:before{content:"▸ ";font-family:var(--f-ui);font-size:.8em}.out.cont .out-h:after{content:" (continued)";font-weight:500}.out pre{font:500 11.6px/1.55 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:6px 12px 7px}.out pre .l{min-height:1.55em;display:block}.flow{border:1.8px dashed var(--rule-strong);border-radius:var(--hand-r);background:#fff;padding:6px 10px 8px}.flow .flow-h{font:700 17px/1.1 var(--f-note);color:var(--ink-2);margin-bottom:2px}.flow .steps{flex-direction:column;align-items:center;display:flex}.flow svg{width:100%;max-width:600px;height:auto;display:block}svg.dgs .tf{font-family:var(--f-body);fill:var(--ink);font-size:14.5px}svg.flow-svg .tw{font-family:var(--f-hand);letter-spacing:.08em;font-size:14.5px}svg.flow-svg .shape{stroke-width:2px}.chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 2px;padding:4px 2px;display:flex}.chain .ci{border:1.8px solid var(--ink);border-radius:var(--hand-r2);font:700 15px/1.3 var(--f-hand);background:#fff;padding:2px 10px 1px}.chain .ca{font:700 20px/1 var(--f-hand);color:var(--accent);padding:0 4px}.chain .ci:first-child{background:var(--accent-bg);border-color:var(--accent)}.chain .ci:last-child{background:var(--green-bg);border-color:var(--green)}.dry{border:2px solid var(--blue);border-radius:var(--hand-r);background:#fff;overflow:hidden}.dry .dry-h{font:700 17px/1.1 var(--f-note);color:var(--blue-ink);background:var(--blue-bg);border-bottom:1.4px dashed #c7d7fb;padding:4px 11px 2px}.dry.cont .dry-h:after{content:" (continued)";font-weight:500}.dry .rows{flex-direction:column;display:flex}.dry .r{border-top:1.4px dotted var(--rule-strong);grid-template-columns:26px minmax(0,auto) 1fr;align-items:baseline;gap:9px;padding:4px 11px;font-size:15px;line-height:1.42;display:grid}.dry .r:first-child{border-top:0}.dry .r .n{font:700 13px/1 var(--f-hand);color:var(--blue-ink);border:1.6px solid var(--blue);background:#fff;border-radius:50% 45% 52% 46%/46% 52% 45% 50%;place-items:center;width:22px;height:22px;display:inline-grid;transform:translateY(4px)}.dry .r .k{font:700 14.5px/1.42 var(--f-hand);color:var(--ink-2);white-space:nowrap}.dry .r .k:empty{display:none}.dry .r.nok{grid-template-columns:26px 1fr}.tbl{flex-direction:column;gap:3px;display:flex}.tbl .tbl-h{font:700 17px/1.1 var(--f-note);color:var(--ink-2)}.tbl.cont .tbl-h:after{content:" (continued)";font-weight:500}.tbl table{border-collapse:separate;border-spacing:0;border:1.8px solid var(--ink);background:#fff;border-radius:10px 4px/4px 10px;width:100%;font-size:14.5px;line-height:1.36;overflow:hidden}.tbl th{text-align:left;font:700 15px/1.25 var(--f-hand);border-bottom:1.8px solid var(--ink);vertical-align:bottom;background:#fff6cf;padding:5px 8px 4px}.tbl td{vertical-align:top;border-top:1.2px dashed #17203338;padding:4px 8px}.tbl tbody tr:first-child td{border-top:0}.tbl th+th,.tbl td+td{border-left:1.2px dashed #17203338}.tbl td:first-child{font-family:var(--f-hand);font-size:14px;font-weight:700}.tbl code{font-size:.8em}figure.dg{border:1.8px solid var(--rule-strong);border-radius:var(--hand-r);background:#fff;flex-direction:column;align-items:center;padding:8px 10px 6px;display:flex}figure.dg svg{width:100%;height:auto;display:block}figure.dg figcaption{font:600 16.5px/1.25 var(--f-note);color:var(--ink-2);text-align:center;padding-top:4px}figure.dg figcaption b{font:700 16.5px/1 var(--f-note);color:var(--accent-ink);margin-right:4px}svg.dgs text{font-family:var(--f-body);fill:var(--ink);font-size:13px}svg.dgs .th{font-family:var(--f-hand);font-size:16px;font-weight:700}svg.dgs .tl{font-family:var(--f-hand);font-size:14px;font-weight:700}svg.dgs .ts{font-family:var(--f-body);fill:var(--ink-2);font-size:12.5px}svg.dgs .tn{font-family:var(--f-note);fill:var(--ink-2);font-size:15px;font-weight:700}svg.dgs .tm{font-family:var(--f-mono);font-size:11px}svg.dgs .tms{font-family:var(--f-mono);fill:var(--ink-2);font-size:9.8px}svg.dgs .tcap{font-family:var(--f-hand);letter-spacing:.06em;fill:var(--ink-2);font-size:12px;font-weight:700}svg.dgs .tw{fill:#fff}svg.dgs .bold{font-weight:700}svg.dgs .k{stroke:var(--ink);fill:#fff}svg.dgs .b{stroke:var(--blue);fill:var(--blue-bg)}svg.dgs .g{stroke:var(--green);fill:var(--green-bg)}svg.dgs .o{stroke:var(--orange);fill:var(--orange-bg)}svg.dgs .r{stroke:var(--red);fill:var(--red-bg)}svg.dgs .p{stroke:var(--purple);fill:var(--purple-bg)}svg.dgs .y{stroke:#ca8a04;fill:#fff3b0}svg.dgs .n{stroke:#bfb59b;fill:#fbf9f2}svg.dgs .ink{stroke:var(--ink);fill:var(--ink)}svg.dgs .shape{stroke-width:1.8px;stroke-linejoin:round}svg.dgs .dash{stroke-dasharray:6 4}svg.dgs .dot{stroke-dasharray:1.5 3.5;stroke-linecap:round}svg.dgs .ln{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}svg.dgs .lk{stroke:var(--ink)}svg.dgs .lb{stroke:var(--blue)}svg.dgs .lg{stroke:var(--green)}svg.dgs .lo{stroke:var(--orange)}svg.dgs .lr{stroke:var(--red)}svg.dgs .lp{stroke:var(--purple)}svg.dgs .lgr{stroke:var(--ink-3)}svg.dgs .fb{fill:var(--blue-ink)}svg.dgs .fg{fill:var(--green-ink)}svg.dgs .fo{fill:var(--orange-ink)}svg.dgs .fr{fill:var(--red-ink)}svg.dgs .fp{fill:var(--purple-ink)}svg.dgs .fgr{fill:var(--ink-3)}.cols{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cols>*{min-width:0}.tag{font:700 14px/1 var(--f-note);border:1.4px solid var(--ink-3);color:var(--ink-2);vertical-align:1px;background:#fff;border-radius:8px 3px/3px 8px;padding:1px 7px 0;display:inline-block}.page-body a.toc-row,.page-body a.toc-mod{color:var(--ink);border-bottom:0}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;background:#fff!important;margin:0!important;padding:0!important}.ui,.loading,#measure-root,.modal-back,.topbars,.progress,.toc-drawer,.bottom-nav,.search-results{display:none!important}.layout,.viewer,#stage{margin:0!important;padding:0!important;display:block!important;overflow:visible!important}#stage{width:auto!important;height:auto!important}#book{width:210mm!important;transform:none!important}#book .page{break-after:page;page-break-after:always;break-inside:avoid;box-shadow:none!important;height:296.6mm!important;margin:0!important;display:none!important}body.printing #book .page.to-print{display:flex!important}body.printing #book .page.to-print.last-print{break-after:auto;page-break-after:auto}body:not(.printing) #book .page.is-current{break-after:auto;page-break-after:auto;display:flex!important}body.ink-saver #book .page{background:#fff!important}body.ink-saver #book .page:before{border-left-color:#ddd}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}a{color:inherit!important}}:root{--ui-bg:#f7f6f3;--ui-surface:#fff;--ui-subtle:#f4f3ef;--ui-hover:#efede8;--ui-border:#e6e3dd;--ui-border-strong:#d3cfc7;--ui-text:#1c1917;--ui-text-2:#57534e;--ui-text-3:#78716c;--ui-brand:#2747b8;--ui-brand-hover:#1f3a99;--ui-brand-soft:#eef1fb;--ui-success:#15803d;--ui-success-soft:#ecf7ef;--ui-warn:#b45309;--ui-warn-soft:#fdf4e7;--ui-danger:#b91c1c;--ui-danger-soft:#fdeeee;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--sh-xs:0 1px 2px #1c19170f;--sh-sm:0 1px 2px #1c19170d, 0 2px 8px #1c19170d;--sh-md:0 4px 12px #1c191714, 0 1px 3px #1c19170f;--sh-lg:0 24px 64px #1c19172e, 0 4px 12px #1c191714;--ring:0 0 0 3px color-mix(in srgb, var(--ui-brand) 28%, transparent);--ease:cubic-bezier(.2, .7, .2, 1);--hdr-h:56px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:color-mix(in srgb, var(--desk) 45%, var(--ui-bg));color:var(--ui-text);font:400 14px/1.5 var(--f-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s var(--ease)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui svg.lucide{stroke-width:1.85px;flex:none;width:16px;height:16px}.eyebrow{font:600 11px/1.2 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-3);margin:0;display:block}kbd{font:500 11px/1 var(--f-mono)}.btn{border:1px solid var(--ui-border);border-radius:var(--r-md);background:var(--ui-surface);height:34px;color:var(--ui-text);font:500 13px/1 var(--f-ui);white-space:nowrap;box-shadow:var(--sh-xs);transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn:hover{background:var(--ui-subtle);border-color:var(--ui-border-strong)}.btn:active{background:var(--ui-hover)}.btn.icon{width:34px;padding:0}.btn.ghost{box-shadow:none;color:var(--ui-text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--ui-hover);color:var(--ui-text)}.btn.primary{background:var(--ui-text);border-color:var(--ui-text);color:#fff}.btn.primary:hover{background:#33302d;border-color:#33302d}.btn[disabled]{opacity:.4;cursor:default;pointer-events:none}.btn:focus-visible,.field:focus-visible,select:focus-visible,.tab:focus-visible,.seg-btn:focus-visible,.umenu-btn:focus-visible,.umenu-item:focus-visible{box-shadow:var(--ring);border-color:var(--ui-brand);outline:none}.btn-group{border:1px solid var(--ui-border);border-radius:var(--r-md);background:var(--ui-surface);box-shadow:var(--sh-xs);display:inline-flex;overflow:hidden}.btn-group .btn{box-shadow:none;border:0;border-radius:0;height:32px}.btn-group .btn+.btn{border-left:1px solid var(--ui-border)}.btn-group .zoom-val{min-width:56px;font:500 12.5px/1 var(--f-mono);color:var(--ui-text-2)}.field,select.field{border:1px solid var(--ui-border);border-radius:var(--r-md);background:var(--ui-surface);height:34px;color:var(--ui-text);font:500 13px var(--f-ui);box-shadow:var(--sh-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:0 10px}.field:hover{border-color:var(--ui-border-strong)}select.field,.iv-field select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:30px}.topbars{z-index:30;position:sticky;top:0}.hdr{height:var(--hdr-h);background:color-mix(in srgb, var(--ui-surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--ui-border);z-index:3;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:9px;display:flex}.brand-name{font:650 16px/1 var(--f-ui);letter-spacing:-.015em;color:var(--ui-text)}.logo-mark{flex:none;display:block}.hdr-sep{background:var(--ui-border);flex:none;width:1px;height:22px}.hdr-title{font:500 14px/1 var(--f-ui);color:var(--ui-text-2)}.tabs{scrollbar-width:none;background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:10px;flex:0 auto;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{height:30px;color:var(--ui-text-2);font:500 13px/1 var(--f-ui);white-space:nowrap;transition:background-color .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:7px;padding:0 12px;display:flex}.tab:hover{color:var(--ui-text);background:var(--ui-hover)}.tab .dot{background:var(--tab);opacity:.85;border-radius:50%;width:8px;height:8px}.tab.on{background:var(--ui-surface);color:var(--ui-text);font-weight:600;box-shadow:0 1px 2px #1c19171a,0 0 0 1px #1c19170a}.tab.on .dot{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--tab) 22%, transparent)}.mainnav{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.seg{background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:10px;gap:2px;padding:3px;display:flex}.seg-btn{height:30px;color:var(--ui-text-2);font:500 13px/1 var(--f-ui);transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.seg-btn:hover{color:var(--ui-text);background:var(--ui-hover)}.seg-btn.on{background:var(--ui-surface);color:var(--ui-text);font-weight:600;box-shadow:0 1px 2px #1c19171a,0 0 0 1px #1c19170a}.seg-btn.on svg{color:var(--ui-brand)}.umenu{position:relative}.umenu-btn{background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;height:36px;padding:0 6px 0 3px;display:flex}.umenu-btn:hover{background:var(--ui-hover)}.umenu-chev{color:var(--ui-text-3);width:14px!important;height:14px!important}.avatar{background:var(--ui-brand);color:#fff;width:30px;height:30px;font:600 13px/1 var(--f-ui);border-radius:50%;place-items:center;display:grid}.avatar-lg{width:36px;height:36px;font-size:15px}.umenu-pop{z-index:70;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);width:248px;box-shadow:var(--sh-lg);animation:pop-in .14s var(--ease);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.umenu-who{border-bottom:1px solid var(--ui-border);align-items:center;gap:10px;margin-bottom:4px;padding:8px 8px 10px;display:flex}.umenu-who b{font:600 13.5px/1.3 var(--f-ui);display:block}.umenu-who small{color:var(--ui-text-3);text-overflow:ellipsis;max-width:170px;font-size:12px;display:block;overflow:hidden}.umenu-item{border-radius:var(--r-sm);width:100%;height:34px;font:500 13px var(--f-ui);color:var(--ui-text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;display:flex}.umenu-item:hover{background:var(--ui-subtle)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.toolbar{background:color-mix(in srgb, var(--ui-surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.module-select{max-width:300px;font-weight:600}.pager{align-items:center;gap:6px;display:flex}.pager .pg-input{text-align:center;width:60px;font:600 13px var(--f-mono);-moz-appearance:textfield;padding:0 6px}.pager .pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pager .pg-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pager .of{color:var(--ui-text-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.spacer{flex:1}.search{position:relative}.search .field{width:240px;padding-left:32px;padding-right:30px}.search .field::-webkit-search-cancel-button{display:none}.search-ico{color:var(--ui-text-3);pointer-events:none;position:absolute;top:9px;left:10px}.search-kbd{border:1px solid var(--ui-border);background:var(--ui-subtle);min-width:18px;height:18px;color:var(--ui-text-3);pointer-events:none;border-radius:4px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.search-results{z-index:40;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);width:min(480px,100vw - 24px);max-height:70vh;box-shadow:var(--sh-lg);animation:pop-in .14s var(--ease);position:absolute;top:42px;right:0;overflow:auto}.search-results .sr-meta{color:var(--ui-text-3);border-bottom:1px solid var(--ui-border);background:var(--ui-surface);padding:9px 14px;font-size:12px;position:sticky;top:0}.sr-item{text-align:left;border:0;border-bottom:1px solid var(--ui-border);background:0 0;width:100%;padding:10px 14px;display:block}.sr-item:last-child{border-bottom:0}.sr-item:hover,.sr-item.active{background:var(--ui-subtle)}.sr-item.active{box-shadow:inset 2px 0 0 var(--accent)}.sr-item .sr-top{color:var(--ui-text-3);align-items:center;gap:8px;font-size:12px;display:flex}.sr-item .sr-pg{font:600 11px/1 var(--f-mono);color:var(--accent-ink);background:var(--accent-bg);border-radius:4px;padding:3px 6px}.sr-item .sr-topic{font:600 13.5px/1.35 var(--f-ui);color:var(--ui-text);margin:5px 0 2px;display:block}.sr-item .sr-snip{color:var(--ui-text-2);font-size:12.5px;line-height:1.45;display:block}.sr-item mark{background:var(--hl);color:inherit;border-radius:2px;padding:0 1px}.progress{background:color-mix(in srgb, var(--ui-surface) 92%, transparent);border-bottom:1px solid var(--ui-border);flex-direction:column;gap:0;display:flex}.progress .track{background:var(--ui-border);order:2;height:2px;overflow:hidden}.progress .fill{background:var(--accent);height:100%;transition:width .25s var(--ease)}.progress .ptxt{color:var(--ui-text-3);font-variant-numeric:tabular-nums;padding:0 16px 7px;font-size:12px}.progress b{color:var(--ui-text);font-weight:600}.layout{align-items:flex-start;display:flex}.toc-drawer{top:var(--bars-h,130px);width:312px;height:calc(100vh - var(--bars-h,130px));background:var(--ui-surface);border-right:1px solid var(--ui-border);scrollbar-width:thin;scrollbar-color:var(--ui-border-strong) transparent;flex:none;padding:16px 10px 40px;position:sticky;overflow:auto}.toc-h{justify-content:space-between;align-items:flex-start;gap:8px;margin:0 6px 12px;display:flex}.toc-h h2{font:650 16px/1.25 var(--f-ui);letter-spacing:-.01em;color:var(--ui-text);margin:3px 0 0}.toc-status{font:500 12.5px/1.4 var(--f-ui);color:var(--ui-warn);background:var(--ui-warn-soft);border-radius:var(--r-md);margin:0 6px 12px;padding:8px 10px}.tocnav .front{border-bottom:1px solid var(--ui-border);flex-direction:column;margin-bottom:6px;padding-bottom:8px;display:flex}.tocnav details{padding:1px 0}.tocnav summary{border-radius:var(--r-md);cursor:pointer;font:500 13px/1.3 var(--f-ui);color:var(--ui-text);transition:background-color .12s var(--ease);align-items:center;gap:8px;padding:7px 8px 7px 4px;list-style:none;display:flex}.tocnav summary::-webkit-details-marker{display:none}.tocnav summary:hover{background:var(--ui-subtle)}.tocnav summary .chev{color:var(--ui-text-3);transition:transform .15s var(--ease);width:14px!important;height:14px!important}.tocnav details[open]>summary .chev{transform:rotate(90deg)}.tocnav summary .mn{font:600 11px/1 var(--f-mono);color:var(--ui-text-3);min-width:18px}.tocnav summary .mt{flex:1;min-width:0}.tocnav summary .mp{font:500 11px/1 var(--f-mono);color:var(--ui-text-3);text-align:right;min-width:26px}.tocnav summary .pl{font:600 9.5px/1 var(--f-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-warn);background:var(--ui-warn-soft);border-radius:99px;padding:3px 6px}.tocnav .done{background:var(--ui-border);border-radius:9px;flex:none;width:28px;height:4px;overflow:hidden}.tocnav .done i{background:var(--accent);height:100%;display:block}.tocnav details.current>summary{font-weight:600}.tocnav details.current>summary .mn{color:var(--accent-ink)}.tocnav .chs{border-left:1px solid var(--ui-border);flex-direction:column;margin:2px 0 6px 14px;padding-left:8px;display:flex}.tocnav .ch{text-align:left;border-radius:var(--r-sm);font:400 13px/1.35 var(--f-ui);color:var(--ui-text-2);transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;border:0;align-items:baseline;gap:8px;padding:6px 8px;display:flex;position:relative}.tocnav .ch:hover{background:var(--ui-subtle);color:var(--ui-text)}.tocnav .ch.current{background:var(--accent-bg);color:var(--ui-text);font-weight:600}.tocnav .chs .ch.current:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:-9px}.tocnav .ch .cn{font:500 11px/1 var(--f-mono);color:var(--ui-text-3);min-width:32px}.tocnav .front .ch .cn{min-width:0}.tocnav .ch .ct{flex:1}.tocnav .ch .cp{font:500 11px/1 var(--f-mono);color:var(--ui-text-3)}.tocnav .ch.current .cp{color:var(--accent-ink)}.viewer{flex:1;min-width:0;padding:24px 16px 32px}#stage{width:calc(var(--page-w) * var(--zoom,1));height:calc(var(--page-h) * var(--zoom,1));margin:0 auto}#book{width:var(--page-w);transform:scale(var(--zoom,1));transform-origin:0 0}#book .page{border-radius:2px;margin:0 auto;box-shadow:0 0 0 1px #1c19170d,0 2px 4px #1c19170f,0 16px 40px #1c19171f}#book .page.is-current{display:flex}.bottom-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.bottom-nav .where{font:500 13px/1.3 var(--f-ui);color:var(--ui-text-2);text-align:center;min-width:180px;max-width:520px}.focus-bar{display:none}body.focus-mode .topbars,body.focus-mode .toc-drawer,body.focus-mode .bottom-nav{display:none!important}body.focus-mode{background:#2a2724}body.focus-mode .viewer{padding:20px 16px 72px}body.focus-mode .focus-bar{z-index:45;color:#f5f5f4;-webkit-backdrop-filter:blur(10px);box-shadow:var(--sh-lg);opacity:.6;transition:opacity .2s var(--ease);background:#1c1917db;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}body.focus-mode .focus-bar:hover,body.focus-mode .focus-bar:focus-within{opacity:1}.focus-bar .btn{color:#f5f5f4;box-shadow:none;background:0 0;border-color:#0000}.focus-bar .btn:hover{background:#ffffff1f}.focus-bar .fb-txt{font:500 12.5px/1 var(--f-mono);color:#d6d3d1;white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 8px}.focus-bar .fb-sep{background:#ffffff29;width:1px;height:18px;margin:0 2px}.loading{z-index:100;text-align:center;background:var(--ui-bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.loading .lbadge{background:var(--badge-bg);width:56px;height:56px;color:var(--badge-ink);font:700 19px/1 var(--f-mono);box-shadow:var(--sh-md);border-radius:14px;place-items:center;display:grid}.loading h1{font:650 22px/1.2 var(--f-ui);letter-spacing:-.02em;color:var(--ui-text);margin:4px 0 0}.loading p{font:400 13.5px/1.4 var(--f-ui);color:var(--ui-text-3);margin:0}.loading .bar{background:var(--ui-border);border-radius:99px;width:min(280px,70vw);height:4px;overflow:hidden}.loading .bar i{background:var(--accent);width:0;height:100%;transition:width .15s;display:block}.loading .err{color:var(--ui-danger);font:500 14px/1.45 var(--f-ui);max-width:520px}.modal-back{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s var(--ease);background:#1c191773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-xl);width:min(580px,100%);max-height:calc(100vh - 32px);box-shadow:var(--sh-lg);animation:pop-in .18s var(--ease);padding:20px;overflow:auto}.modal-h{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-h>div{flex:1}.modal-ico{background:var(--ui-subtle);width:38px;height:38px;color:var(--ui-text-2);border:1px solid var(--ui-border);border-radius:10px;flex:none;place-items:center;display:grid}.modal-ico svg{width:18px!important;height:18px!important}.modal h2{font:650 17px/1.3 var(--f-ui);letter-spacing:-.01em;margin:2px 0}.modal .sub{color:var(--ui-text-3);margin:0;font-size:13px}.print-opt{border:1px solid var(--ui-border);border-radius:var(--r-lg);background:var(--ui-surface);transition:border-color .15s var(--ease);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:grid}.print-opt:hover{border-color:var(--ui-border-strong)}.po-ico{border-radius:var(--r-md);background:var(--ui-subtle);width:32px;height:32px;color:var(--ui-text-2);align-self:start;place-items:center;display:grid}.print-opt b{font:600 13.5px/1.35 var(--f-ui);display:block}.print-opt span{color:var(--ui-text-3);font-size:12.5px}.print-opt .row{gap:6px;margin-top:8px;display:flex}.print-opt .row .field{flex:1;min-width:0}.print-opt .btn.primary{height:32px}.print-flags{color:var(--ui-text-2);flex-wrap:wrap;gap:16px;margin:14px 2px 8px;font-size:13px;display:flex}.print-flags label{align-items:center;gap:7px;display:flex}.print-flags input{accent-color:var(--ui-text);width:15px;height:15px}.print-tip{color:var(--ui-text-2);background:var(--ui-subtle);border-radius:var(--r-md);margin-top:8px;padding:10px 12px;font-size:12.5px;line-height:1.5}.print-err{color:var(--ui-danger);min-height:1em;margin-top:4px;font-size:12.5px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lg{background:var(--ui-surface);min-height:100vh;color:var(--ui-text);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.lg-aside{border-right:1px solid var(--ui-border);background-color:#f6f3ec;background-image:radial-gradient(#1c191721 1px,#0000 1.2px);background-size:22px 22px;flex-direction:column;gap:32px;padding:40px clamp(24px,5vw,72px);display:flex;position:relative}.lg-aside:before{content:"";background:#ef444459;width:1.5px;position:absolute;top:0;bottom:0;left:clamp(12px,2.6vw,40px)}.lg-brand{font:650 18px/1 var(--f-ui);letter-spacing:-.015em;align-items:center;gap:10px;display:flex}.lg-copy{margin-top:auto}.lg-copy h1{max-width:14em;font:700 clamp(30px, 3.4vw, 44px)/1.08 var(--f-ui);letter-spacing:-.035em;margin:0 0 12px}.lg-copy p{max-width:32em;color:var(--ui-text-2);margin:0;font-size:16px;line-height:1.6}.lg-books{gap:6px;max-width:520px;margin:0;padding:0;list-style:none;display:grid}.lg-books li{border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);background:#ffffffc7;align-items:center;gap:12px;padding:10px 14px;display:flex}.lg-books b{font:600 14px/1.3 var(--f-ui);display:block}.lg-books small{color:var(--ui-text-3);font-size:12.5px;line-height:1.4;display:block}.lg-spine{background:var(--tab);border-radius:3px;flex:none;align-self:stretch;width:6px;min-height:32px}.lg-books li[data-sec=javascript]{--tab:#d9a900}.lg-books li[data-sec=react]{--tab:#0ea5c6}.lg-books li[data-sec=react-native]{--tab:#6d5bd0}.lg-books li[data-sec=system-design]{--tab:#0d9488}.lg-books li[data-sec=dsa]{--tab:#d23c72}.lg-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.lg-feats li{flex-direction:column;gap:8px;display:flex}.lg-feats b{font:600 13px/1.3 var(--f-ui);display:block}.lg-feats small{color:var(--ui-text-3);font-size:12px;line-height:1.45;display:block}.lg-feat-ico{border-radius:var(--r-md);background:var(--ui-surface);border:1px solid var(--ui-border);width:32px;height:32px;color:var(--ui-brand);place-items:center;display:grid}.lg-foot{color:var(--ui-text-3);margin:auto 0 0;font-size:12px}.lg-main{place-items:center;padding:40px 24px;display:grid}.lg-card{width:100%;max-width:380px}.lg-card-brand{margin-bottom:20px;display:none}.lg-card h2{font:650 24px/1.2 var(--f-ui);letter-spacing:-.025em;margin:0}.lg-sub{color:var(--ui-text-3);margin:6px 0 28px;font-size:14px}.lg-field{margin-bottom:16px;display:block}.lg-field>span:first-child{font:500 13px var(--f-ui);color:var(--ui-text);margin-bottom:6px;display:block}.lg-field input{border:1px solid var(--ui-border-strong);border-radius:var(--r-md);background:var(--ui-surface);width:100%;height:42px;font:400 14.5px var(--f-ui);box-shadow:var(--sh-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:0 12px}.lg-field input::placeholder{color:#a8a29e}.lg-field input:focus{border-color:var(--ui-brand);box-shadow:var(--ring);outline:none}.lg-pw{display:block;position:relative}.lg-pw input{padding-right:44px}.lg-eye{border-radius:var(--r-sm);width:34px;height:34px;color:var(--ui-text-3);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:4px}.lg-eye:hover{background:var(--ui-subtle);color:var(--ui-text)}.lg-eye:focus-visible,.lg-submit:focus-visible,.lg-fill:focus-visible{box-shadow:var(--ring);outline:none}.lg-error{min-height:20px;color:var(--ui-danger);font:500 13px/1.4 var(--f-ui);margin:-4px 0 10px}.lg-submit{border-radius:var(--r-md);background:var(--ui-text);color:#fff;width:100%;height:42px;font:600 14px var(--f-ui);box-shadow:var(--sh-sm);transition:background-color .15s var(--ease);border:0;justify-content:center;align-items:center;gap:8px;display:flex}.lg-submit:hover{background:#33302d}.lg-submit svg{transition:transform .15s var(--ease)}.lg-submit:hover svg{transform:translate(2px)}.lg-demo{border:1px solid var(--ui-border);border-radius:var(--r-lg);background:var(--ui-subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:12px 14px;font-size:12.5px;display:flex}.lg-demo b{font:600 12.5px var(--f-ui);margin-bottom:6px;display:block}.lg-demo span{flex-wrap:wrap;gap:6px;display:flex}.lg-demo code{font:500 11.5px var(--f-mono);background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text-2);border-radius:4px;padding:3px 6px}.lg-fill{border:1px solid var(--ui-border-strong);border-radius:var(--r-md);background:var(--ui-surface);height:32px;color:var(--ui-text);font:500 12.5px var(--f-ui);flex:none;padding:0 12px}.lg-fill:hover{background:var(--ui-hover)}.lg-note{color:var(--ui-text-3);text-align:center;margin:14px 0 0;font-size:12px}.lg svg.lucide{stroke-width:1.85px;width:16px;height:16px}@media (width<=960px){.lg{grid-template-columns:1fr}.lg-aside{display:none}.lg-main{place-items:start center;padding:56px 20px}.lg-card-brand{display:block}}.iv-shell{background:var(--ui-bg);min-height:100vh;color:var(--ui-text)}.iv-shell>.hdr{z-index:30;position:sticky;top:0}.iv-wrap{max-width:1240px;margin:0 auto;padding:32px 20px 72px}.iv-loading{text-align:center;color:var(--ui-text-3);margin:60px 0 12px;font-weight:500}.iv-wrap>.iv-meter{max-width:280px;margin:0 auto}.iv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.iv-head-text h1{font:700 30px/1.15 var(--f-ui);letter-spacing:-.03em;margin:0 0 8px}.iv-head-text p:last-child{max-width:42em;color:var(--ui-text-2);margin:0;font-size:15px;line-height:1.55}.iv-daily{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-xl);box-shadow:var(--sh-xs);align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}.iv-ring{width:48px;height:48px;transform:rotate(-90deg)}.iv-ring circle{fill:none;stroke-width:5px}.iv-ring .track{stroke:var(--ui-border)}.iv-ring .val{stroke:var(--ui-brand);stroke-linecap:round;transition:stroke-dashoffset .4s var(--ease)}.iv-daily-l{font:600 11px/1.2 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-3);display:block}.iv-daily b{font:650 18px/1.25 var(--f-ui);font-variant-numeric:tabular-nums;display:block}.iv-daily small{color:var(--ui-text-3);font-size:12px;display:block}.iv-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.iv-stats li{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;display:grid}.iv-stats b{font:650 22px/1.15 var(--f-ui);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.iv-stats li>span:last-child{color:var(--ui-text-3);grid-column:2;font-size:12.5px}.iv-stat-ico{border-radius:10px;grid-row:1/span 2;place-items:center;width:38px;height:38px;display:grid}.iv-stat-ico svg{width:18px!important;height:18px!important}.iv-stat-ico.verified{background:var(--ui-success-soft);color:var(--ui-success)}.iv-stat-ico.unverified{background:var(--ui-warn-soft);color:var(--ui-warn)}.iv-stat-ico.general{background:var(--ui-brand-soft);color:var(--ui-brand)}.iv-tabs{border-bottom:1px solid var(--ui-border);scrollbar-width:none;gap:4px;margin:28px 0 20px;display:flex;overflow-x:auto}.iv-tabs::-webkit-scrollbar{display:none}.iv-tab{height:42px;color:var(--ui-text-3);font:500 14px var(--f-ui);white-space:nowrap;transition:color .15s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;display:inline-flex;position:relative}.iv-tab:hover{color:var(--ui-text)}.iv-tab.on{color:var(--ui-text);font-weight:600}.iv-tab.on:after{content:"";background:var(--ui-text);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.iv-tab.on svg{color:var(--ui-brand)}.iv-main{display:block}.iv-main.with-filters{grid-template-columns:272px minmax(0,1fr);align-items:start;gap:24px;display:grid}.iv-filters{top:calc(var(--hdr-h) + 16px);max-height:calc(100vh - var(--hdr-h) - 32px);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);scrollbar-width:thin;padding:16px;position:sticky;overflow:auto}.iv-filters .iv-filter-toggle{justify-content:center;width:100%;display:none}.iv-filter-body{gap:16px;display:grid}.iv-field{font:500 12.5px var(--f-ui);color:var(--ui-text-2);gap:6px;display:grid}.iv-field input[type=search],.iv-field select{border:1px solid var(--ui-border);border-radius:var(--r-md);background-color:var(--ui-surface);width:100%;height:36px;color:var(--ui-text);font:400 13.5px var(--f-ui);box-shadow:var(--sh-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:0 10px}.iv-field select{padding-right:30px}.iv-field input:focus,.iv-field select:focus{border-color:var(--ui-brand);box-shadow:var(--ring);outline:none}.iv-btn:focus-visible,.iv-pill:focus-visible,.iv-tab:focus-visible,.iv-link:focus-visible,.iv-card a:focus-visible{box-shadow:var(--ring);border-radius:var(--r-md);outline:none}.iv-chips{flex-wrap:wrap;gap:6px;display:flex}.iv-pill{border:1px solid var(--ui-border);background:var(--ui-surface);height:28px;font:500 12.5px var(--f-ui);color:var(--ui-text-2);transition:all .15s var(--ease);border-radius:99px;padding:0 10px}.iv-pill:hover{border-color:var(--ui-border-strong);color:var(--ui-text)}.iv-pill.on{background:var(--ui-text);border-color:var(--ui-text);color:#fff}.iv-check{color:var(--ui-text-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.iv-check input{accent-color:var(--ui-text);width:15px;height:15px}.iv-count-row{border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.iv-count{color:var(--ui-text-3);font-size:13px}.iv-count b{color:var(--ui-text);font-variant-numeric:tabular-nums;font-weight:600}.iv-btn{border:1px solid var(--ui-border);border-radius:var(--r-md);background:var(--ui-surface);height:34px;color:var(--ui-text);font:500 13px var(--f-ui);box-shadow:var(--sh-xs);transition:all .15s var(--ease);white-space:nowrap;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.iv-btn:hover{background:var(--ui-subtle);border-color:var(--ui-border-strong)}.iv-btn.primary{background:var(--ui-text);border-color:var(--ui-text);color:#fff}.iv-btn.primary:hover{background:#33302d;border-color:#33302d}.iv-btn.good{background:var(--ui-success-soft);border-color:color-mix(in srgb, var(--ui-success) 30%, transparent);color:var(--ui-success)}.iv-btn.good:hover{background:color-mix(in srgb, var(--ui-success) 14%, #fff)}.iv-btn.warn{background:var(--ui-warn-soft);border-color:color-mix(in srgb, var(--ui-warn) 30%, transparent);color:var(--ui-warn)}.iv-btn.warn:hover{background:color-mix(in srgb, var(--ui-warn) 14%, #fff)}.iv-btn.big{height:42px;padding:0 18px;font-size:14px;font-weight:600}.iv-btn[disabled]{opacity:.45;cursor:default;pointer-events:none}.iv-link{font:500 13px var(--f-ui);color:var(--ui-brand);border-radius:var(--r-sm);background:0 0;border:0;align-items:center;gap:4px;padding:4px 6px;text-decoration:none;display:inline-flex}.iv-link:hover{background:var(--ui-brand-soft)}.iv-link svg{width:14px!important;height:14px!important}.iv-guide{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);color:var(--ui-text-2);margin:0 0 12px;font-size:13.5px}.iv-guide summary{cursor:pointer;font:600 13.5px var(--f-ui);color:var(--ui-text);align-items:center;gap:8px;padding:12px 16px;list-style:none;display:flex}.iv-guide summary::-webkit-details-marker{display:none}.iv-guide summary svg{color:var(--ui-warn)}.iv-guide summary:after{content:"";border-right:1.6px solid var(--ui-text-3);border-bottom:1.6px solid var(--ui-text-3);width:7px;height:7px;transition:transform .15s var(--ease);margin-left:auto;transform:rotate(45deg)}.iv-guide[open] summary:after{transform:rotate(-135deg)}.iv-guide ol{gap:5px;margin:0 16px 8px;padding-left:20px;line-height:1.5;display:grid}.iv-guide p{margin:0;padding:0 16px 14px}.iv-legend{color:var(--ui-text-3);flex-wrap:wrap;gap:6px 18px;margin:0 0 16px;padding:0;font-size:12.5px;list-style:none;display:flex}.iv-legend li{align-items:center;gap:7px;display:flex}.iv-list{gap:12px;display:grid}.iv-more{justify-content:center;margin-top:20px;display:flex}.iv-empty{text-align:center;background:var(--ui-surface);border:1px dashed var(--ui-border-strong);border-radius:var(--r-lg);color:var(--ui-text-3);padding:32px}.iv-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:18px 20px}.iv-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--sh-sm)}.iv-card-h{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.iv-chip{height:22px;font:500 11.5px/1 var(--f-ui);background:var(--ui-subtle);color:var(--ui-text-2);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.iv-chip svg{stroke-width:2.2px!important;width:12px!important;height:12px!important}.iv-chip.subject{background:var(--ui-text);color:#fff}.iv-chip.diff:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.iv-chip.diff.easy{color:var(--ui-success);background:var(--ui-success-soft)}.iv-chip.diff.medium{color:var(--ui-warn);background:var(--ui-warn-soft)}.iv-chip.diff.hard{color:var(--ui-danger);background:var(--ui-danger-soft)}.iv-chip.src{border:1px solid var(--ui-border);background:0 0}.iv-chip.src.verified{color:var(--ui-success);border-color:color-mix(in srgb, var(--ui-success) 30%, transparent)}.iv-chip.src.unverified{color:var(--ui-warn);border-color:color-mix(in srgb, var(--ui-warn) 30%, transparent)}.iv-chip.src.general{color:var(--ui-text-2)}.iv-chip.prog.known{background:var(--ui-success);color:#fff}.iv-chip.prog.review{background:var(--ui-warn);color:#fff}.iv-title{font:600 16px/1.35 var(--f-ui);letter-spacing:-.01em;margin:0 0 6px}.iv-q{font-size:15px}.iv-meta{background:var(--ui-subtle);border-radius:var(--r-md);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 20px;margin:14px 0 2px;padding:12px 14px;font-size:13px;display:grid}.iv-meta div{min-width:0}.iv-meta .wide{grid-column:1/-1}.iv-meta dt{font:600 10.5px var(--f-ui);text-transform:uppercase;letter-spacing:.07em;color:var(--ui-text-3)}.iv-meta dd{color:var(--ui-text);overflow-wrap:anywhere;margin:3px 0 0}.iv-meta small{color:var(--ui-text-3)}.iv-meta a{color:var(--ui-brand);text-underline-offset:2px}.iv-topic{color:var(--ui-text-3);margin:10px 0 0;font-size:13px}.iv-topic b{color:var(--ui-text-2);font-weight:500}.iv-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.iv-grade{gap:6px;margin-left:auto;display:inline-flex}.iv-answer{border:1px solid var(--ui-border);border-left:3px solid var(--ui-brand);border-radius:var(--r-md);animation:fade-in .2s var(--ease);background:#fcfbf8;margin-top:14px;padding:14px 16px}.iv-answer-l{font:600 10.5px var(--f-ui);text-transform:uppercase;letter-spacing:.07em;color:var(--ui-text-3);margin-bottom:6px}.sn-md.page-body{flex:none;min-height:0;font-size:15px;overflow:visible}.sn-md.page-body .code,.sn-md.page-body pre{max-width:100%;overflow-x:auto}.sn-md.page-body table{max-width:100%}.iv-practice,.iv-mock,.iv-progress{gap:14px;display:grid}.iv-mock,.iv-progress{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);padding:24px}.iv-mock h2,.iv-progress h2{font:650 19px/1.3 var(--f-ui);letter-spacing:-.015em;margin:0}.iv-mock>p{color:var(--ui-text-2);margin:0}.iv-mock .iv-card{box-shadow:none}.iv-mock-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.iv-mock>.iv-btn.big{justify-self:start}.iv-score{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.iv-score>div{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);min-width:100px;padding:10px 14px}.iv-score b{font:650 20px/1.15 var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:block}.iv-score span{color:var(--ui-text-3);font-size:12px}.iv-score .iv-btn{margin-left:auto}.iv-score.big>div{background:var(--ui-subtle);border-color:#0000;min-width:120px}.iv-hint{color:var(--ui-text-3);margin:0;font-size:13px}.iv-mock-bar{color:var(--ui-text-2);flex-wrap:wrap;align-items:center;gap:14px;font-size:13.5px;display:flex}.iv-mock-bar b{color:var(--ui-text)}.iv-meter{background:var(--ui-subtle);border-radius:99px;flex:1;min-width:80px;height:6px;overflow:hidden}.iv-meter i{background:var(--ui-brand);height:100%;transition:width .25s var(--ease);border-radius:99px;display:block}.iv-timer{font:600 13.5px var(--f-mono);border-radius:var(--r-md);background:var(--ui-brand-soft);color:var(--ui-brand);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.iv-timer.low{background:var(--ui-danger-soft);color:var(--ui-danger)}.iv-review{gap:6px;margin:0;padding:0;list-style:none;display:grid}.iv-review li{border-radius:var(--r-md);background:var(--ui-subtle);grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:grid}.iv-review li b{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.iv-review li.known b{color:var(--ui-success);background:var(--ui-success-soft)}.iv-review li.review b{color:var(--ui-warn);background:var(--ui-warn-soft)}.iv-review li b svg{stroke-width:2.4px!important;width:13px!important;height:13px!important}.iv-review small{color:var(--ui-text-3)}.iv-review a{color:var(--ui-brand);font:500 12.5px var(--f-ui);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.iv-review a svg{width:13px!important;height:13px!important}.iv-bars{gap:12px;display:grid}.iv-bar-row{grid-template-columns:130px 1fr 72px;align-items:center;gap:12px;font-size:13.5px;display:grid}.iv-bar-row .v{text-align:right;color:var(--ui-text-3);font:500 12.5px var(--f-mono)}.iv-stack{background:var(--ui-subtle);border-radius:99px;height:8px;display:flex;overflow:hidden}.iv-stack i{height:100%;display:block}.iv-stack i.k{background:var(--ui-success)}.iv-stack i.r{background:#e0a040}.iv-row-actions{flex-wrap:wrap;gap:8px;display:flex}.iv-sol{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.iv-sol .iv-code{flex-basis:100%}.iv-tested{font:500 12px var(--f-ui);color:var(--ui-success);align-items:center;gap:5px;display:inline-flex}.iv-tested svg{width:14px!important;height:14px!important}.iv-code.sn-md.page-body{font-size:13px}.iv-companies-wrap{gap:16px;display:grid}.iv-companies-wrap>.iv-field{max-width:360px}.iv-companies{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px;display:grid}.iv-co{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);flex-direction:column;padding:16px;display:flex}.iv-co:hover{border-color:var(--ui-border-strong);box-shadow:var(--sh-sm)}.iv-co-h{align-items:center;gap:10px;margin-bottom:6px;display:flex}.iv-co-mono{border-radius:var(--r-md);background:var(--ui-subtle);border:1px solid var(--ui-border);width:32px;height:32px;font:650 14px/1 var(--f-ui);color:var(--ui-text-2);flex:none;place-items:center;display:grid}.iv-co h3{font:600 15.5px/1.3 var(--f-ui);letter-spacing:-.01em;margin:0}.iv-co-meta{color:var(--ui-text-3);margin:0 0 10px;font-size:12.5px}.iv-co-meta b{color:var(--ui-text);font-weight:600}.iv-co-chips{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.iv-co-chips .iv-chip.subject{background:var(--ui-subtle);color:var(--ui-text-2)}.iv-co-roles{color:var(--ui-text-2);margin:0;font-size:12.5px;line-height:1.45}.iv-co-roles small{color:var(--ui-text-3)}.iv-co .iv-actions{margin-top:auto;padding-top:14px}.ai-btn.on{background:var(--ui-brand-soft);border-color:color-mix(in srgb, var(--ui-brand) 35%, transparent);color:var(--ui-brand)}.ai-btn svg{color:var(--ui-brand)}.btn.ghost.on{color:var(--ui-brand);background:var(--ui-brand-soft)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-back{z-index:65;-webkit-backdrop-filter:blur(6px);animation:fade-in .15s var(--ease);background:#1c191780;justify-content:center;padding:24px;display:flex;position:fixed;inset:0}.ai-sheet{background:var(--ui-surface);width:min(980px,100%);height:100%;box-shadow:var(--sh-lg);animation:pop-in .2s var(--ease);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.ai-h{border-bottom:1px solid var(--ui-border);align-items:center;gap:16px;padding:16px 20px 16px 28px;display:flex}.ai-h-text{flex:1;min-width:0}.ai-h h2{font:650 19px/1.3 var(--f-ui);letter-spacing:-.015em;color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;overflow:hidden}.ai-lang{flex:none}.ai-list{scrollbar-width:thin;flex:1;padding:28px 24px 32px;overflow:auto}.ai-col{width:100%;max-width:760px;margin:0 auto}.ai-list .ai-col{flex-direction:column;gap:18px;display:flex}.ai-lead{color:var(--ui-text-2);margin:0 0 16px;font-size:17px;line-height:1.6}.ai-lead b{color:var(--ui-text)}.ai-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ai-action{text-align:left;background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--sh-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.ai-action:hover{border-color:var(--ui-border-strong);box-shadow:var(--sh-sm);transform:translateY(-1px)}.ai-action:disabled{cursor:default;opacity:.8;transform:none}.ai-action b{font:600 15px/1.3 var(--f-ui);color:var(--ui-text);display:block}.ai-action small{color:var(--ui-text-3);margin-top:4px;font-size:13px;line-height:1.4;display:block}.ai-action-ico{background:var(--ui-subtle);width:40px;height:40px;color:var(--ui-text-2);border-radius:10px;flex:none;place-items:center;display:grid}.ai-action-ico svg{width:20px!important;height:20px!important}.ai-action.video{background:var(--ui-text);border-color:var(--ui-text)}.ai-action.video .ai-action-ico svg,.ai-action.video b{color:#fff}.ai-action.video small{color:#d6d3d1}.ai-action.video .ai-action-ico{color:#fff;background:#ffffff24}.ai-action.video:hover{background:#33302d}.ai-start.compact .ai-action{flex-direction:row;align-items:center;padding:10px 12px}.ai-start.compact .ai-action small{display:none}.ai-start.compact .ai-action b{font-size:14px}.ai-start.compact .ai-action-ico{width:32px;height:32px}.ai-empty{color:var(--ui-text-2);background:var(--ui-subtle);border-radius:14px;margin:0;padding:18px;font-size:16px;line-height:1.6}.ai-user{background:var(--ui-subtle);max-width:80%;color:var(--ui-text);font:500 15px/1.5 var(--f-ui);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px 16px 4px;align-self:flex-end;padding:10px 16px}.ai-bot{position:relative}.ai-body.sn-md.page-body{font-family:var(--f-ui);color:var(--ui-text);font-size:17.5px;line-height:1.75}.ai-body.sn-md.page-body p{margin:0 0 14px}.ai-body.sn-md.page-body strong{font-family:var(--f-ui);color:var(--ui-text);font-size:1em;font-weight:650}.ai-body.sn-md.page-body em{color:inherit;font-style:italic;text-decoration:none}.ai-body.sn-md.page-body h1,.ai-body.sn-md.page-body h2,.ai-body.sn-md.page-body h3,.ai-body.sn-md.page-body h4{font:650 19px/1.35 var(--f-ui);color:var(--ui-text);margin:18px 0 8px}.ai-body.sn-md.page-body ul,.ai-body.sn-md.page-body ol{gap:10px;margin:0 0 16px;padding:0}.ai-body.sn-md.page-body ul>li,.ai-body.sn-md.page-body ol>li{min-height:28px;padding-left:40px}.ai-body.sn-md.page-body ol>li:before{width:26px;height:26px;font:600 13px/1 var(--f-ui);color:var(--ui-brand);background:var(--ui-brand-soft);border:0;border-radius:50%;top:.22em;left:0}.ai-body.sn-md.page-body ul>li:before{background:var(--ui-text-3);border-radius:50%;width:7px;height:7px;top:.72em;left:12px;transform:none}.ai-body.sn-md.page-body code{font-size:.86em}.ai-body figure.code{border-radius:10px;margin:16px 0;font-size:14.5px}.ai-body figure.code figcaption,.vx figure.code figcaption{font:600 12px/1.2 var(--f-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ui-text-3);background:var(--ui-subtle);border-bottom:1px solid var(--ui-border);padding:7px 12px}.ai-body figure.code figcaption .lang,.vx figure.code figcaption .lang{font:500 12px/1.2 var(--f-ui);color:var(--ui-text-3);text-transform:none;letter-spacing:0}.ai-caret{vertical-align:-3px;background:var(--ui-brand);border-radius:1px;width:8px;height:18px;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ai-tools{border-top:1px solid var(--ui-border);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px;padding-top:14px;display:flex}.ai-label{color:var(--ui-text-3);font-size:12.5px}.ai-err{color:var(--ui-warn);background:var(--ui-warn-soft);border-radius:var(--r-md);margin:0;padding:10px 14px;font-size:14px}.ai-input{border-top:1px solid var(--ui-border);background:var(--ui-surface);padding:14px 24px 12px}.ai-input-row{align-items:flex-end;gap:10px;display:flex}.ai-input textarea{resize:none;border:1px solid var(--ui-border-strong);min-height:48px;max-height:160px;font:400 15.5px/1.4 var(--f-ui);background:var(--ui-surface);border-radius:12px;flex:1;padding:13px 14px}.ai-input textarea:focus{border-color:var(--ui-brand);box-shadow:var(--ring);outline:none}.ai-input .btn{border-radius:12px;width:48px;height:48px}.ai-quota{color:var(--ui-text-3);margin:8px auto 0;font-size:12px}@media (width<=760px){.ai-back{padding:0}.ai-sheet{border-radius:0}.ai-h{flex-wrap:wrap;gap:10px;padding:12px 14px 12px 18px}.ai-lang{order:3;width:100%}.ai-lang .seg-btn{flex:1;justify-content:center}.ai-list{padding:18px 16px 24px}.ai-actions,.ai-start.compact .ai-actions{grid-template-columns:1fr}.ai-body.sn-md.page-body{font-size:16.5px}.ai-input{padding:10px 12px}}.vx{z-index:80;color:#f5f5f4;animation:fade-in .2s var(--ease);background:#0e0d0c;flex-direction:column;justify-content:center;align-items:center;padding:10px 16px;display:flex;position:fixed;inset:0}.vx.idle{cursor:none}.vx-top,.vx-timeline,.vx-controls{transition:opacity .35s var(--ease)}.vx.idle .vx-top,.vx.idle .vx-timeline,.vx.idle .vx-controls{opacity:0;pointer-events:none}.vx svg.lucide{width:18px;height:18px}.vx-top{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:calc(177.778vh - 266.667px);padding-bottom:8px;display:flex}.vx-kicker{font:600 11.5px/1.2 var(--f-ui);letter-spacing:.07em;text-transform:uppercase;color:#a8a29e}.vx-top h2{font:650 18px/1.3 var(--f-ui);color:#fafaf9;margin:3px 0 0}.vx-screen{flex:1;place-items:center;width:100%;min-height:0;display:grid}.vx-paper{aspect-ratio:16/9;width:100%;max-height:100%;color:var(--ui-text);background-color:#fffdf6;background-image:radial-gradient(#17203321 1px,#0000 1.3px);background-size:24px 24px;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}@supports (aspect-ratio:1){.vx-paper{max-width:calc(177.778vh - 266.667px);height:auto}}.vx-paper:before{content:"";background:#ef444459;width:2px;position:absolute;top:0;bottom:0;left:46px}.vx-stage{animation:vx-scene .7s var(--ease);flex-direction:column;padding:3% 5% 13% 7%;display:flex;position:absolute;inset:0}@keyframes vx-scene{0%{opacity:0;filter:blur(6px);transform:scale(1.04)}to{opacity:1;filter:none;transform:none}}@keyframes vx-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.vx-heading{font:700 clamp(22px, 3.1vw, 42px)/1.15 var(--f-hand);color:#172033;margin:0 0 2%}.vx-heading span{animation:vx-hl .9s .25s var(--ease) forwards;background:linear-gradient(#0000 60%,#fad5328c 60%) 0 0/0 100% no-repeat;padding:0 4px}@keyframes vx-hl{to{background-size:100% 100%}}.vx-visual{flex:1;place-items:center;min-height:0;display:grid}.vx-board{width:100%;height:100%;overflow:visible}.vx-cam{transition:transform 1.1s cubic-bezier(.45,0,.2,1)}.vx-node{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .5s var(--ease), transform .6s cubic-bezier(.34, 1.56, .64, 1);transform:scale(.8)}.vx-node.on{opacity:1;transform:none}.vx-node .vx-card{stroke-dasharray:1;stroke-dashoffset:1px}.vx-node.on .vx-card{animation:vx-draw .9s var(--ease) forwards}.vx-node text,.vx-node circle,.vx-node .vx-ico{opacity:0;transition:opacity .4s .4s}.vx-node.on text,.vx-node.on circle,.vx-node.on .vx-ico{opacity:1}.vx-laser{fill:#facc15e6;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 0 10px #facc15e6);transition:transform .9s cubic-bezier(.45,0,.2,1);animation:1.2s ease-in-out infinite vx-laser}@keyframes vx-laser{50%{r:17}}.vx-node .vx-card{filter:drop-shadow(0 10px 18px #1720331f)}.vx-ico{overflow:visible}.vx-flow{filter:drop-shadow(0 0 6px);opacity:.95}.vx-node-label{font-family:var(--f-hand);fill:#172033;font-weight:700}.vx-node-note{font:600 22px var(--f-note)}.vx-edge path{fill:none;stroke:#1c1917;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.vx-edge.on path{opacity:1;animation:vx-draw .8s var(--ease) forwards}@keyframes vx-draw{to{stroke-dashoffset:0}}.vx-edge marker path,.vx-board marker path{stroke:none}.vx-edge-label{font:600 22px var(--f-note);fill:#57534e;opacity:0;transition:opacity .4s .5s}.vx-edge.on .vx-edge-label{opacity:1}.vx-page{place-items:center;width:100%;height:100%;display:grid}.vx-page svg{width:100%;height:100%;animation:24s linear forwards vx-zoom}@keyframes vx-zoom{to{transform:scale(1.07)}}.vx-page .vx-part{opacity:0;transform-box:fill-box;transition:opacity .55s var(--ease), transform .55s var(--ease);transform:translateY(8px)}.vx-page .vx-part.in{opacity:1;transform:none}.vx-page .vx-ring{opacity:0;transition:opacity .4s}.vx-page.rings-on .vx-ring{opacity:1}.vx-page .vx-dim text:not(.vx-hit){opacity:.4;transition:opacity .3s}.vx-page text.vx-hit{font-weight:700}.vx-page .vx-ring{fill:#fad53247;stroke:#ca8a04;stroke-width:3px;animation:1.6s ease-in-out infinite vx-ring}@keyframes vx-ring{0%,to{stroke-opacity:1}50%{stroke-opacity:.3}}.vx-codewalk{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:4%;width:100%;display:grid}.vx-code.page-body.sn-md{font-size:clamp(14px,1.7vw,22px)}.vx-code figure.code{margin:0;box-shadow:0 4px #17203314}.vx-code .l{opacity:0;border-radius:4px;transition:background-color .3s,opacity .3s,transform .3s;transform:translate(-6px)}.vx-code .l.vx-typed{opacity:1;transform:none}.vx-code .l.vx-typed.vx-line-dim{opacity:.38}.vx-code .l.vx-line-on{opacity:1;background:#fad53273}.vx-code-note{animation:vx-in .35s var(--ease);background:#eff4ff;border:2.5px solid #2563eb;border-radius:16px 6px;padding:18px 20px}.vx-code-line{font:700 13px var(--f-mono);color:#1d4ed8}.vx-code-note p{font:600 clamp(18px, 2vw, 26px)/1.3 var(--f-note);color:#172033;margin:6px 0 0}.vx-compare{grid-template-columns:1fr auto 1fr;align-items:start;gap:3%;width:100%;display:grid}.vx-col{background:#fff;border:3px solid;border-radius:18px;padding:18px 22px}.vx-col.left{background:#eff4ff;border-color:#2563eb}.vx-col.right{background:#fff5ed;border-color:#ea580c}.vx-col h4{font:700 clamp(20px, 2.3vw, 30px)/1.2 var(--f-hand);color:#172033;margin:0 0 10px}.vx-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vx-col li{font:600 clamp(17px, 1.9vw, 25px)/1.3 var(--f-note);color:#172033;opacity:0;transition:all .4s var(--ease);transform:translate(-8px)}.vx-col li.on{opacity:1;transform:none}.vx-col li:before{content:"→ ";color:#78716c}.vx-vs{font:700 clamp(20px, 2.4vw, 32px) var(--f-hand);color:#a8a29e;align-self:center}.vx-points{gap:clamp(10px,1.6vw,22px);width:min(86%,900px);margin:0;padding:0;list-style:none;display:grid}.vx-points li{font:600 clamp(20px, 2.5vw, 34px)/1.25 var(--f-note);color:#172033;opacity:0;transition:all .45s var(--ease);align-items:center;gap:18px;display:flex;transform:translateY(10px)}.vx-points li.on{opacity:1;transform:none}.vx-points li span{width:1.5em;height:1.5em;font:700 .7em var(--f-hand);color:#7a5c00;border:3px solid #d9a900;border-radius:50%;flex:none;place-items:center;display:grid}.vx-quiz{text-align:center;width:min(88%,900px)}.vx-quiz-q{font:700 clamp(22px, 2.8vw, 38px)/1.25 var(--f-hand);color:#172033;margin:0 0 24px}.vx-quiz-a{font:600 clamp(18px, 2vw, 26px)/1.35 var(--f-note);color:#14532d;opacity:0;transition:all .5s var(--ease);background:#effbf3;border:3px dashed #16a34a;border-radius:14px;padding:14px 22px;display:inline-block;transform:scale(.96)}.vx-quiz-a.on{opacity:1;transform:none}.vx-quiz-a b{font:700 12px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:#15803d;margin-bottom:4px;display:block}.vx-flowwrap{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.vx-flowwrap .vx-step span{text-align:center;min-width:24px}.vx-flowsvg{flex:1;width:100%;min-height:0;overflow:visible}.vx-tile{opacity:0;transition:opacity .5s var(--ease)}.vx-tile>g{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.vx-tile.on{opacity:1;animation:.7s cubic-bezier(.34,1.56,.64,1) vx-tile-in}@keyframes vx-tile-in{0%{opacity:0}to{opacity:1}}.vx-tile rect:not(.vx-tile-glow){filter:drop-shadow(0 10px 16px #17203324)}.vx-tile-glow{fill:none;stroke:var(--ink);stroke-width:3px;opacity:0;transition:opacity .3s}.vx-tile.hit .vx-tile-glow{opacity:.55;animation:1.2s ease-in-out infinite vx-ring}.vx-tile-label{font:700 24px var(--f-ui);fill:#172033}.vx-link line{stroke:#a8a29e;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:1px;animation:vx-draw .7s var(--ease) forwards}.vx-link.active line{stroke:var(--ink);stroke-width:4.5px}.vx-num circle{fill:#fff;stroke:#a8a29e;stroke-width:2.5px}.vx-num text{font:700 16px var(--f-ui);fill:#57534e}.vx-link.active .vx-num circle{fill:var(--ink);stroke:var(--ink)}.vx-link.active .vx-num text{fill:#fff}.vx-packet{transition:transform .32s linear}.vx-flowdot{filter:drop-shadow(0 0 6px)}.vx-tile.on>g{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite vx-breathe}@keyframes vx-breathe{0%,to{translate:0}50%{translate:0 -5px}}.vx-flowsvg{transition:all 1s cubic-bezier(.45,0,.2,1)}.vx.full{padding:0 0 8px}.vx.full .vx-paper{border-radius:0;max-width:calc(177.778vh - 124.444px)}.vx.full .vx-top{display:none}.vx-packet rect{fill:var(--ink);filter:drop-shadow(0 6px 10px #17203340)}.vx-packet text{font:600 18px var(--f-mono);fill:#fff}.vx-scene{width:100%;height:100%;position:relative}.vx-scene .vx-step{z-index:3;position:absolute;top:0;left:0}.vx-scene-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vx-scene-lines line{stroke:var(--accent,#2563eb);stroke-width:.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:vx-draw .9s var(--ease) forwards;vector-effect:non-scaling-stroke;stroke-width:4px}.vx-obj{z-index:2;opacity:0;transition:left 1.4s cubic-bezier(.45, 0, .2, 1), top 1.4s cubic-bezier(.45, 0, .2, 1), opacity .5s var(--ease), transform .7s cubic-bezier(.34, 1.56, .64, 1), filter .4s;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.2)}.vx-obj.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.vx-obj.hi{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--accent) 70%, transparent));transform:translate(-50%,-50%)scale(1.18)}.vx-obj.dim{opacity:.25}.vx-obj-emoji{animation:vx-bob 3.2s ease-in-out var(--d,0s) infinite;filter:drop-shadow(0 14px 14px #1720332e);font-size:clamp(54px,8.5vw,112px);line-height:1}@keyframes vx-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-8px)rotate(1.5deg)}}.vx-obj-label{border:2px solid color-mix(in srgb, var(--accent) 60%, #fff);text-align:center;max-width:220px;font:700 clamp(14px, 1.5vw, 20px)/1.25 var(--f-hand);color:#172033;background:#fff;border-radius:99px;margin-top:8px;padding:4px 12px;box-shadow:0 6px 14px #1720331a}.vx-bubble{white-space:nowrap;font:600 clamp(14px, 1.6vw, 21px)/1.2 var(--f-note);color:#172033;transform-origin:bottom;background:#fff;border:2.5px solid #172033;border-radius:16px;padding:8px 14px;animation:.5s cubic-bezier(.34,1.56,.64,1) vx-pop;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 18px #17203326}.vx-bubble:after{content:"";background:#fff;border-bottom:2.5px solid #172033;border-right:2.5px solid #172033;width:14px;height:14px;position:absolute;top:100%;left:50%;transform:translate(-50%,-7px)rotate(45deg)}.vx-animwrap{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.vx-step{color:#fff;font:600 clamp(14px, 1.5vw, 19px)/1.2 var(--f-ui);animation:vx-in .4s var(--ease);background:#172033;border-radius:99px;align-self:flex-start;align-items:center;gap:10px;margin-bottom:6px;padding:6px 14px 6px 6px;display:inline-flex}.vx-step span{color:#172033;font:700 12px var(--f-ui);background:#facc15;border-radius:99px;padding:4px 10px}.vx-anim{flex:1;width:100%;min-height:0;overflow:visible}.vx-group rect{fill:#ffffffb3;stroke:#a8a29e;stroke-width:2.5px;stroke-dasharray:10 8}.vx-group text{font:700 30px var(--f-hand);fill:#57534e}.vx-cell{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .5s var(--ease), transform .6s cubic-bezier(.34, 1.56, .64, 1);transform:translateY(18px)scale(.9)}.vx-cell.on{opacity:1;transform:none}.vx-cell rect{stroke-width:3px;filter:drop-shadow(0 6px 12px #1720331a);transition:stroke-width .3s,filter .3s,fill .3s}.vx-cell.hi rect{stroke-width:5px;filter:drop-shadow(0 0 12px #facc15e6)}.vx-cell.hi{transform:scale(1.06)}.vx-cell.dim{opacity:.28}.vx-cell-label{font:700 26px var(--f-hand);fill:#172033}.vx-cell-label.sm{fill:#57534e;font-size:20px}.vx-cell-value{font:600 30px var(--f-mono);fill:var(--ink)}.vx-cell-value.pop{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.34,1.56,.64,1) vx-pop}@keyframes vx-pop{0%{opacity:0;transform:scale(.4)translateY(8px)}to{opacity:1;transform:none}}.vx-arrow-g path{fill:none;stroke:#2563eb;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:vx-draw .9s var(--ease) forwards}.vx-arrow-g text{font:600 22px var(--f-note);fill:#1d4ed8;opacity:0;animation:.4s .6s forwards fade-in}.vx-pointer{transition:transform .9s cubic-bezier(.45,0,.2,1);animation:.4s fade-in}.vx-pointer path{fill:#dc2626}.vx-pointer text{font:700 24px var(--f-mono);fill:#dc2626}.vx-keyline{text-align:center;max-width:80%;font:700 clamp(24px, 3vw, 40px)/1.3 var(--f-hand);color:#172033;animation:vx-in .6s var(--ease);margin:0}.vx-failed{text-align:center;place-content:center;gap:14px;padding:40px;display:grid}.vx-failed h3{font:700 28px var(--f-hand);margin:0}.vx-failed p{color:var(--ui-text-2);margin:0}.vx-failed .vx-btn{justify-self:center}.ai-action.video.deep{background:#1e293b;border-color:#1e293b}.ai-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-start.compact .ai-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-paper{background-color:var(--paper,#fffdf6)}.vx-heading span{background-image:linear-gradient(transparent 60%, color-mix(in srgb, var(--accent) 45%, transparent) 60%)}.vx-seg.cur i,.vx-teacher .vx-avatar{background:var(--accent)}.vx-subject{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:99px;align-items:center;gap:6px;margin-right:10px;padding:3px 9px 3px 7px;display:inline-flex}.vx-subject svg{width:13px!important;height:13px!important}.vx-theme-javascript .vx-subject{color:#111}.vx-points li span{border-color:var(--accent);color:var(--accent-ink)}.vx-pill{color:#f5f5f4;height:40px;font:600 13px var(--f-ui);background:#ffffff0f;border:1px solid #ffffff29;border-radius:99px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.vx-pill:hover{background:#ffffff24}.vx-pill.on{color:#141210;background:#fafaf9;border-color:#fafaf9}.vx-voice{position:relative}.vx-voice-menu{width:230px;animation:pop-in .15s var(--ease);background:#1c1a18;border:1px solid #ffffff24;border-radius:14px;gap:4px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 20px 50px #00000080}.vx-voice-menu b{font:600 11px var(--f-ui);letter-spacing:.07em;text-transform:uppercase;color:#a8a29e;margin:6px 6px 2px}.vx-voice-menu>button{color:#f5f5f4;height:36px;font:500 14px var(--f-ui);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.vx-voice-menu>button:hover,.vx-voice-menu>button.on{background:#ffffff1a}.vx-speeds{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.vx-speeds button{color:#f5f5f4;height:34px;font:500 13px var(--f-ui);background:0 0;border:1px solid #ffffff24;border-radius:8px}.vx-speeds button.on{color:#141210;background:#fafaf9}.vx-end{text-align:center;justify-content:center;align-items:center}.vx-end h3{font:700 clamp(26px, 3.4vw, 44px)/1.2 var(--f-hand);margin:0 0 10px}.vx-end p{color:var(--ui-text-2);margin:0 0 22px;font-size:clamp(15px,1.6vw,19px)}.vx-end-actions{justify-content:center;gap:10px;display:flex}.vx-btn{border:1px solid var(--ui-border-strong);background:var(--ui-surface);height:44px;color:var(--ui-text);font:600 14.5px var(--f-ui);border-radius:10px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.vx-btn.primary{background:var(--ui-text);border-color:var(--ui-text);color:#fff}.vx-tap{color:#fff;font:600 18px var(--f-ui);background:#14121059;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.vx-tap span{color:#141210;background:#fff;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 10px 30px #0006}.vx-tap svg{width:34px!important;height:34px!important}.vx-caption{text-align:center;pointer-events:none;width:min(86%,980px);margin:0;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.vx-caption>span{font:500 clamp(16px, 1.7vw, 22px)/1.7 var(--f-ui);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#0e0d0cc7;border-radius:6px;padding:5px 14px;animation:.25s fade-in;display:inline}.vx-wait{font:500 15px var(--f-ui);color:#f5f5f4;background:#0e0d0cc7;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.vx-timeline{gap:4px;width:100%;max-width:calc(177.778vh - 266.667px);margin-top:10px;display:flex}.vx-seg{cursor:pointer;background:#ffffff29;border:0;border-radius:4px;flex:1;height:6px;padding:0;transition:height .15s;overflow:hidden}.vx-seg:hover{height:9px}.vx-seg i{background:#fafaf9;height:100%;transition:width .25s linear;display:block}.vx-seg.cur i{background:#facc15}.vx-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;max-width:calc(177.778vh - 266.667px);padding-top:8px;display:grid}.vx-buttons{align-items:center;gap:10px;display:flex}.vx-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.vx-hint{color:#78716c;font-size:12px}.vx-icon{border:1px solid var(--ui-border);background:var(--ui-surface);width:40px;height:40px;color:var(--ui-text);border-radius:10px;place-items:center;display:grid}.vx-icon.dark{color:#f5f5f4;background:#ffffff0f;border-color:#ffffff24}.vx-icon.dark:hover{background:#ffffff24}.vx-icon:disabled{opacity:.3}.vx-icon.on{color:#facc15;border-color:#facc1573}.vx-play{color:#141210;background:#fafaf9;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.vx-play svg{width:22px!important;height:22px!important}.vx-teacher{align-items:center;gap:10px;display:flex}.vx-avatar{color:#141210;background:#facc15;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 #facc1580}.vx-teacher.talking .vx-avatar{animation:1.4s ease-out infinite vx-pulse}@keyframes vx-pulse{0%{box-shadow:0 0 #facc158c}to{box-shadow:0 0 0 12px #facc1500}}.vx-teacher-t b{font:600 13.5px var(--f-ui);color:#fafaf9;display:block}.vx-teacher-t small{color:#a8a29e;font-size:12px;display:block}.vx-wave{align-items:center;gap:3px;height:20px;margin-left:4px;display:flex}.vx-wave i{opacity:.35;background:#facc15;border-radius:2px;width:3px;height:4px}.vx-teacher.talking .vx-wave i{opacity:1;animation:.9s ease-in-out infinite vx-wave}.vx-teacher.talking .vx-wave i:nth-child(2){animation-delay:.15s}.vx-teacher.talking .vx-wave i:nth-child(3){animation-delay:.3s}.vx-teacher.talking .vx-wave i:nth-child(4){animation-delay:.45s}@keyframes vx-wave{0%,to{height:4px}50%{height:18px}}@media (width<=760px){.vx{padding:10px 10px 8px}.vx-paper{aspect-ratio:auto;max-width:none;height:100%}.vx-paper:before{left:18px}.vx-stage{padding:16px 14px 14px 30px}.vx-codewalk,.vx-compare{grid-template-columns:1fr}.vx-vs,.vx-hint,.vx-teacher-t{display:none}}@media print{.ai-back,.vx{display:none!important}}@media (width<=1279px){.toc-drawer{z-index:50;max-width:88vw;height:100vh;box-shadow:var(--sh-lg);animation:slide-in .2s var(--ease);position:fixed;top:0;left:0}}@keyframes slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@media (width<=1180px){.seg-btn span{display:none}.seg-btn{padding:0 9px}}@media (width<=1023px){.hdr{flex-wrap:wrap;row-gap:8px;height:auto;padding:8px 12px}.reader-hdr .tabs,.topbars .tabs{flex:100%;order:3}.topbars .hdr-sep{display:none}}@media (width<=900px){.module-select{max-width:180px}.search .field{width:180px}.hide-sm{display:none!important}.iv-main.with-filters{grid-template-columns:1fr}.iv-filters{max-height:none;position:static}.iv-filters .iv-filter-toggle{display:inline-flex}.iv-filter-body{margin-top:14px;display:none}.iv-filter-body.open{display:grid}.iv-stats{grid-template-columns:1fr}}@media (width<=640px){.brand-name{display:none}.hdr-title{font-size:13px}.toolbar{gap:6px;padding:8px 10px}.search{flex:100%;order:10}.search .field{width:100%}.module-select{flex:100%;order:-1;min-width:0;max-width:none}.bottom-nav .where{flex:100%;order:-1}.viewer{padding:12px 6px 24px}.progress .ptxt{display:none}.progress .track{height:3px}.iv-wrap{padding:20px 14px 48px}.iv-head-text h1{font-size:24px}.iv-daily{width:100%}.iv-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.iv-stats li{padding:10px 12px;display:block}.iv-stat-ico{display:none!important}.iv-stats b{font-size:18px;display:block}.iv-stats li>span:last-child{font-size:11.5px;line-height:1.3;display:block}.iv-card{padding:14px}.iv-grade{width:100%;margin-left:0}.iv-bar-row{grid-template-columns:96px 1fr 56px}.iv-mock,.iv-progress{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{.iv-shell,.lg,.focus-bar{display:none!important}}.vx{--vx-bg:#16181d;--vx-grid:#ffffff0f;--vx-ink:#f1f5f9;--vx-sub:#94a3b8;--vx-line:#475569;--vx-hi:var(--accent)}.vx-theme-javascript{--vx-bg:#15140f;--vx-hi:#f7df1e}.vx-theme-react{--vx-bg:#20232a;--vx-hi:#61dafb}.vx-theme-react-native{--vx-bg:#1b1630;--vx-hi:#a78bfa}.vx-theme-system-design{--vx-bg:#0f1f1e;--vx-hi:#2dd4bf}.vx-theme-dsa{--vx-bg:#22121a;--vx-hi:#f472b6}.vx{background:radial-gradient(1100px 560px at 50% -10%, color-mix(in srgb, var(--vx-hi) 16%, #0b0b0c), #0b0b0c 70%)}.vx .vx-paper{background-color:var(--vx-bg);color:var(--vx-ink);background-image:linear-gradient(var(--vx-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vx-grid) 1px, transparent 1px);background-size:40px 40px;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #0009}.vx .vx-paper:before{display:none}.vx .vx-paper:after{content:"";pointer-events:none;background:radial-gradient(900px 420px at 50% 40%, color-mix(in srgb, var(--vx-hi) 9%, transparent), transparent 70%);position:absolute;inset:0}.vx .vx-stage{padding-left:5%}.vx .vx-heading{color:var(--vx-ink);font-family:var(--f-ui);letter-spacing:-.02em;font-weight:750}.vx .vx-heading span{border-bottom:4px solid var(--vx-hi);background-image:none;padding:0}.vx .vx-step{color:var(--vx-ink);background:#ffffff14;border:1px solid #ffffff1f}.vx .vx-step span{background:var(--vx-hi);color:#0b0b0c}.vx .vx-tile-label{fill:var(--vx-ink);font-weight:650}.vx .vx-tile rect:not(.vx-tile-glow){filter:drop-shadow(0 0 18px color-mix(in srgb, var(--ink) 35%, transparent))}.vx .vx-link line{stroke:var(--vx-line)}.vx .vx-link.active line{stroke:var(--ink);filter:drop-shadow(0 0 6px var(--ink))}.vx .vx-num circle{fill:var(--vx-bg);stroke:var(--vx-line)}.vx .vx-num text{fill:var(--vx-sub)}.vx .vx-node .vx-card{fill:#ffffff0d}.vx .vx-node-label,.vx .vx-cell-label,.vx .vx-group text{fill:var(--vx-ink)}.vx .vx-cell-label.sm{fill:var(--vx-sub)}.vx .vx-edge path,.vx .vx-board marker path{stroke:var(--vx-sub);fill:var(--vx-sub)}.vx .vx-edge-label{fill:var(--vx-sub)}.vx .vx-group rect{fill:#ffffff08;stroke:var(--vx-line)}.vx .vx-pointer path,.vx .vx-pointer text{fill:var(--vx-hi)}.vx .vx-page svg{background:#fffdf6;border-radius:14px;padding:12px;box-shadow:0 20px 40px #0006}.vx .vx-code figure.code{box-shadow:0 20px 40px #00000073}.vx .vx-code-note{border-color:var(--vx-hi);background:#ffffff0f}.vx .vx-code-line{color:var(--vx-hi)}.vx .vx-code-note p{color:var(--vx-ink)}.vx .vx-col{background:#ffffff0d}.vx .vx-col h4,.vx .vx-col li,.vx .vx-points li,.vx .vx-quiz-q,.vx .vx-keyline,.vx .vx-end h3{color:var(--vx-ink);font-family:var(--f-ui)}.vx .vx-col li:before{color:var(--vx-sub)}.vx .vx-points li span{border-color:var(--vx-hi);color:var(--vx-hi);font-family:var(--f-ui)}.vx .vx-vs{color:var(--vx-sub);font-family:var(--f-ui)}.vx .vx-quiz-a{color:#bbf7d0;background:#16a34a1f}.vx .vx-end p{color:var(--vx-sub)}.vx .vx-obj-label{color:var(--vx-ink);border-color:var(--vx-hi);font-family:var(--f-ui);background:#ffffff14}.hdv{z-index:90;background:#000;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.hdv video{aspect-ratio:16/9;background:#000;border-radius:12px;outline:none;width:100%;max-width:calc(177.778vh - 85.3333px);max-height:100%}.hdv-close{color:#fff;background:#ffffff1f;border:0;border-radius:99px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;right:16px}.hdv-close:hover{background:#ffffff38}.ai-note{color:var(--ui-brand);background:var(--ui-brand-soft);border-radius:var(--r-md);margin:0;padding:10px 14px;font-size:14px}.hdv-wait{color:#e7e5e4;font:500 17px var(--f-ui);align-items:center;gap:12px;display:flex}.hdv-wait svg{width:22px;height:22px}