:root{--bg:#fff;--surface:#f7f8fa;--panel:#fff;--panel2:#f3f4f6;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--accent:#2f5bea;--accent-soft:#eef2ff;--good:#15803d;--good-soft:#f0fdf4;--bad:#b91c1c;--bad-soft:#fef2f2;--warn:#b45309;--warn-soft:#fffbeb;--code:#0d1117;--code-text:#c9d1d9;--radius:10px;--d1:#2f5bea;--d2:#7c5cdb;--d3:#0e8fa8;--d4:#c27c1a;--d5:#c2413a;--d6:#2f9e63;--a1:var(--d1);--a2:var(--d4);--a3:var(--d3);--a4:var(--d2);--a5:var(--d6);--s1:var(--d1);--s2:var(--d2);--s3:var(--d3);--s4:var(--d5);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0d12;--surface:#11141b;--panel:#11141b;--panel2:#171b25;--text:#e7e9ee;--muted:#8b93a5;--line:#222834;--accent:#7c9cff;--accent-soft:#151c33;--good:#4ade80;--good-soft:#0f2418;--bad:#f87171;--bad-soft:#2a1416;--warn:#fbbf24;--warn-soft:#2a2110;--code:#06080c;--code-text:#c9d1d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15.5px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;font-weight:650;line-height:1.25}h1{letter-spacing:-.025em;font-size:1.9rem}h2{font-size:1.25rem}h3{font-size:1.02rem}p{margin:0 0 1em}code,.mono{font-family:JetBrains Mono,ui-monospace,Cascadia Code,Consolas,monospace}code{background:var(--panel2);border-radius:5px;padding:.12em .4em;font-size:.86em}button{font:inherit;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.1em;height:1.1em}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.logo{color:var(--text);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.logo:hover{text-decoration:none}.logo span{color:var(--accent)}.topnav{gap:.25rem;display:flex}.topnav a{color:var(--muted);border-radius:7px;padding:.3rem .65rem;font-size:.9rem;font-weight:550}.topnav a:hover{color:var(--text);text-decoration:none}.topnav a.active{color:var(--text);background:var(--panel2)}.topbar .grow{flex:1}.iconbtn{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:inline-grid}.iconbtn:hover{background:var(--panel2);color:var(--text)}.streak{color:var(--muted);font-size:.82rem}.shell{grid-template-columns:264px minmax(0,1fr);display:grid}.side{border-right:1px solid var(--line);align-self:start;height:calc(100vh - 56px);padding:1.25rem .75rem 2rem 1.25rem;font-size:.9rem;position:sticky;top:56px;overflow-y:auto}.side a{color:var(--muted);border-radius:7px;align-items:center;gap:.6rem;padding:.34rem .6rem;font-weight:500;display:flex}.side a:hover{background:var(--panel2);color:var(--text);text-decoration:none}.side a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side .grp{margin:.15rem 0}.side .grp>button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:.5rem;padding:.38rem .6rem;font-size:.9rem;font-weight:600;display:flex}.side .grp>button:hover{background:var(--panel2)}.side .grp .chev{color:var(--muted);width:.9em;height:.9em;transition:transform .15s}.side .grp.open .chev{transform:rotate(90deg)}.side .grp .cnt{color:var(--muted);margin-left:auto;font-size:.75rem;font-weight:500}.side .grp .items{border-left:1px solid var(--line);margin:.1rem 0 .4rem 1.05rem;padding-left:.5rem}.side .grp .items a{padding:.28rem .55rem;font-size:.87rem}.side .dot{border:1.5px solid var(--line);border-radius:99px;flex:none;width:6px;height:6px}.side .dot.done{background:var(--good);border-color:var(--good)}.side h4{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:1.4rem .6rem .4rem;font-size:.7rem;font-weight:600}.main{min-width:0;padding:2rem clamp(1.25rem,3vw,3.5rem) 5rem}.narrow{max-width:760px;margin-left:auto;margin-right:auto}.wide{width:100%}.cols{grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));align-items:start;gap:0 3rem;display:grid}.cols>section{break-inside:avoid}.menu-btn{display:none}@media (width<=860px){.shell{grid-template-columns:1fr}.side{z-index:15;background:var(--bg);height:auto;display:none;position:fixed;inset:56px 0 0}.side.open{display:block}.menu-btn{display:inline-grid}.topnav{display:none}.main{padding:1.25rem 1rem 3rem}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem}.grid{gap:1rem;display:grid}.grid.cols2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.cols3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hero{padding:3.5rem 0 2rem}.hero h1{letter-spacing:-.035em;max-width:640px;font-size:2.5rem;line-height:1.15}.hero p{color:var(--muted);max-width:560px;font-size:1.1rem}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.btn{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.07);text-decoration:none}.btn.ghost,.btn.good,.btn.bad{color:var(--text);border-color:var(--line);background:0 0}.btn.ghost:hover,.btn.good:hover,.btn.bad:hover{background:var(--panel2);filter:none}.btn.good{color:var(--good)}.btn.bad{color:var(--bad)}.btn:disabled{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.muted{color:var(--muted)}.pill{color:var(--muted);font-size:.78rem;font-weight:500;display:inline-block}.bar{background:var(--panel2);border-radius:99px;height:4px;overflow:hidden}.bar>i{background:var(--accent);border-radius:99px;height:100%;transition:width .4s;display:block}.stat{text-align:left;padding:0 1.5rem 0 0}.stat b{letter-spacing:-.02em;font-size:1.6rem;font-weight:650;line-height:1.2;display:block}.stat span{color:var(--muted);font-size:.82rem}.statrow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1.5rem 2.5rem;margin:1.25rem 0 2rem;padding:1.25rem 0;display:flex}.crumbs{color:var(--muted);margin-bottom:.6rem;font-size:.82rem}.crumbs a{color:var(--muted)}.list{border-top:1px solid var(--line)}.list>.item{border-bottom:1px solid var(--line);color:var(--text);align-items:center;gap:1rem;padding:.95rem .25rem;display:flex}a.item:hover{background:var(--surface);text-decoration:none}.item .grow{flex:1;min-width:0}.item .ttl{font-weight:600}.item .sub{color:var(--muted);font-size:.88rem}.item .num{width:1.6rem;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.curr{margin-bottom:2rem}.curr h3{align-items:baseline;gap:.75rem;margin-bottom:.2rem;display:flex}.curr h3 small{color:var(--muted);font-size:.8rem;font-weight:500}.curr .blurb{color:var(--muted);margin-bottom:.6rem;font-size:.9rem}.curr a.lesson{border-top:1px solid var(--line);color:var(--text);align-items:center;gap:.7rem;padding:.5rem .25rem;font-size:.93rem;display:flex}.curr a.lesson:hover{background:var(--surface);text-decoration:none}.curr a.lesson .min{color:var(--muted);margin-left:auto;font-size:.8rem}.check{border:1.5px solid var(--line);color:#fff;border-radius:99px;flex:none;place-items:center;width:16px;height:16px;display:grid}.check.on{background:var(--good);border-color:var(--good)}.check .icon{stroke-width:3px;width:10px;height:10px}.callbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:2rem;padding:1.1rem 1.25rem}.lesson-wrap{grid-template-columns:minmax(0,860px) 220px;justify-content:center;align-items:start;gap:3.5rem;display:grid}@media (width<=1180px){.lesson-wrap{grid-template-columns:minmax(0,860px)}.toc{display:none}}.toc{border-left:1px solid var(--line);padding-left:1rem;font-size:.83rem;position:sticky;top:88px}.toc b{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.5rem;font-size:.7rem;display:block}.toc a{color:var(--muted);padding:.22rem 0;line-height:1.35;display:block}.toc a:hover{color:var(--text);text-decoration:none}.lesson .lead{color:var(--muted);margin-bottom:1.5rem;font-size:1.1rem}.lesson h2{margin-top:2.2em;scroll-margin-top:80px}.lesson ul,.lesson ol{margin:0 0 1em;padding-left:1.3rem}.lesson li{margin-bottom:.3em}.callout{border-left:2px solid var(--muted);background:var(--surface);border-radius:0 8px 8px 0;margin:1.2rem 0;padding:.7rem 1rem;font-size:.94rem}.callout b.lbl{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem;font-size:.7rem;display:block}.callout.exam{border-color:var(--accent)}.callout.exam b.lbl{color:var(--accent)}.callout.warn{border-color:var(--bad)}.callout.warn b.lbl{color:var(--bad)}.callout.tip{border-color:var(--good)}.callout.tip b.lbl{color:var(--good)}.callout p:last-child{margin:0}table.t{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.9rem}table.t th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--text);padding:.5rem .75rem .5rem 0;font-size:.75rem;font-weight:600}table.t td{border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .75rem .55rem 0}.tablewrap{overflow-x:auto}pre.cli{background:var(--code);color:var(--code-text);border-radius:var(--radius);margin:1.2rem 0;padding:.9rem 1.1rem;font-size:.83rem;line-height:1.55;overflow-x:auto}pre.cli .ttl{color:#6e7b91;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.4rem;font-size:.7rem;display:block}.keypoints{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:2.5rem 0 1.5rem;padding:1.25rem 0}.keypoints h3{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.75rem}.keypoints ul{margin:0;padding-left:1.2rem}.figure{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:1.4rem 0;padding:1.1rem}.figure svg:not(.icon){width:100%;height:auto;display:block}.figure figcaption{color:var(--muted);text-align:center;margin-top:.7rem;font-size:.82rem}.svgtext{fill:var(--text);font-family:Inter,system-ui,sans-serif}.svgmuted{fill:var(--muted);font-family:Inter,system-ui,sans-serif}.ctl{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.9rem;display:flex}.qcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.qtext{white-space:pre-wrap;font-size:1.05rem;font-weight:600;line-height:1.5}.opt{text-align:left;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:9px;align-items:flex-start;gap:.75rem;margin-top:.5rem;padding:.65rem .85rem;display:flex}.opt:hover:not(:disabled){border-color:var(--muted)}.opt.sel{border-color:var(--accent);background:var(--accent-soft)}.opt.right{border-color:var(--good);background:var(--good-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt .k{border:1px solid var(--line);width:1.4rem;height:1.4rem;color:var(--muted);border-radius:5px;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.explain{background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;border-radius:9px;margin-top:1rem;padding:.85rem 1rem;font-size:.94rem}.explain .verdict{font-weight:650}.explain .verdict.ok{color:var(--good)}.explain .verdict.no{color:var(--bad)}.flip{perspective:1200px;cursor:pointer;height:260px}.flip .in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;position:relative}.flip.on .in{transform:rotateY(180deg)}.flip .face{backface-visibility:hidden;text-align:center;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);white-space:pre-wrap;justify-content:center;align-items:center;padding:1.5rem;font-size:1.15rem;display:flex;position:absolute;inset:0}.flip .back{background:var(--surface);transform:rotateY(180deg)}.term{color:#d6deeb;border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;background:#0b0f16;border:1px solid #222834;height:clamp(420px,56vh,680px);padding:.9rem 1rem;font-size:.84rem;line-height:1.5;overflow-y:auto}.term .in{color:#fff}.term .pr{color:#7dd3fc}.termline{align-items:center;gap:.4rem;display:flex}.termline input{color:#fff;font-family:inherit;font-size:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=980px){.split{grid-template-columns:1fr}}.task{border-bottom:1px solid var(--line);gap:.7rem;padding:.65rem 0;font-size:.92rem;display:flex}.task:last-child{border:0}.task .ck{border:1.5px solid var(--line);color:#fff;border-radius:99px;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.task .ck .icon{stroke-width:3px;width:11px;height:11px}.task.done .ck{background:var(--good);border-color:var(--good)}.task.done{color:var(--muted)}.binrow{flex-wrap:wrap;gap:2px;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;display:flex}.bit{text-align:center;background:var(--panel2);border-radius:4px;width:1.5rem;padding:.1rem 0;font-size:.88rem}.bit.n{background:var(--accent-soft);color:var(--accent)}.bit.h{background:var(--warn-soft);color:var(--warn)}.dot{text-align:center;width:1rem;color:var(--muted)}dl.kv{grid-template-columns:max-content 1fr;gap:.4rem 1.5rem;margin:0;display:grid}dl.kv dt{color:var(--muted)}dl.kv dd{margin:0;font-family:JetBrains Mono,ui-monospace,Consolas,monospace}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem 0;font-size:.92rem;font-weight:550}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-color:var(--text)}.dock-fab{z-index:18;background:var(--text);color:var(--bg);border:0;border-radius:99px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex;position:fixed;bottom:1.25rem;right:1.5rem;box-shadow:0 6px 24px #00000040}.dock-fab .muted{color:inherit;opacity:.65}.dock{z-index:18;background:var(--bg);border-top:1px solid var(--line);flex-direction:column;height:52vh;display:flex;position:fixed;bottom:0;left:264px;right:0;box-shadow:0 -8px 30px #0000002e}@media (width<=860px){.dock{height:62vh;left:0}}.dock-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem clamp(1rem,2.5vw,2.5rem);display:flex}.dock-head p{margin:0}.dock-body{flex:1;padding:.9rem clamp(1rem,2.5vw,2.5rem) 1.2rem;overflow:auto}body.dock-open .main{padding-bottom:calc(52vh + 2rem)}.ws-compact .term{height:clamp(220px,30vh,380px)}.ws-compact .figure svg:not(.icon){max-height:250px}pre.cli .cmd{cursor:pointer;border-radius:4px}pre.cli .cmd:hover{color:#fff;background:#7dd3fc29}.chip{border:1px solid var(--line);background:var(--panel);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;margin:.25rem .35rem .25rem 0;padding:.35rem .7rem;font-size:.9rem;display:inline-block}.chip.sel{border-color:var(--accent);background:var(--accent-soft)}.chip.right{border-color:var(--good);background:var(--good-soft)}.chip.wrong{border-color:var(--bad);background:var(--bad-soft)}.dz{border:1px dashed var(--line);background:var(--surface);border-radius:10px;min-height:3rem;padding:.5rem}.dz.pool.hot,.dz.box:hover{border-color:var(--accent)}.dzgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;margin-top:.7rem;display:grid}.dzt{color:var(--muted);margin-bottom:.3rem;font-size:.82rem;font-weight:650}.ordrow{border:1px solid var(--line);background:var(--bg);cursor:grab;border-radius:9px;align-items:center;gap:.7rem;margin-top:.4rem;padding:.5rem .7rem;display:flex}.ordrow .k{border:1px solid var(--line);width:1.5rem;height:1.5rem;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.ordrow.dragging{opacity:.5}.ordrow.right{border-color:var(--good);background:var(--good-soft)}.ordrow.wrong{border-color:var(--bad);background:var(--bad-soft)}.exh{border-bottom:1px solid var(--line);margin-bottom:.9rem;padding-bottom:.9rem}.exh-scn{font-size:.93rem}