:root{--bg:#0a0c12;--bg2:#0f121a;--panel:#141823;--panel2:#1a1f2c;--line:#ffffff12;--line2:#ffffff1f;--text:#e9ecf3;--muted:#8b93a7;--faint:#5d6578;--accent:#7c9cff;--accent2:#a78bfa;--good:#34d399;--bad:#f87171;--warn:#fbbf24;--r1:10px;--r2:14px;--r3:20px;--ease:cubic-bezier(.2,.7,.2,1);--shadow:0 1px 0 #ffffff08 inset,0 10px 30px -12px #000c;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}@media(min-width:1000px){html{font-size:17px}}@media(min-width:1700px){html{font-size:22px}}body{margin:0;background:radial-gradient(900px 500px at 15% -10%,#1a2140 0,transparent 60%),radial-gradient(700px 400px at 100% 0,#241a3a 0,transparent 55%),var(--bg);background-attachment:fixed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}a{color:inherit;text-decoration:none}::selection{background:#7c9cff55}h1,h2,h3{letter-spacing:-.02em;line-height:1.2;font-weight:700}.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem 6rem}@media(max-width:640px){.wrap{padding:0 1rem 7rem}}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:1rem;padding:.75rem 0;margin-bottom:1.5rem;background:#0a0c12d9;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.brand,.nav{display:flex;align-items:center}.brand{font-weight:800;font-size:var(--fs-md);gap:.5rem;white-space:nowrap}.brand i{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-style:normal;font-size:.8rem;color:#0a0c12}.tabs{display:flex;gap:.25rem;flex:1 1;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.4rem .8rem;border-radius:999px;color:var(--muted);font-weight:550;font-size:var(--fs-sm);white-space:nowrap;border:1px solid transparent;transition:color .2s,background .2s}.tab.on{background:#ffffff0f;border-color:var(--line2)}.tab.on,.tab:hover{color:#fff}.stats{display:flex;gap:.5rem}.stat{background:var(--panel);border:1px solid var(--line);padding:.3rem .7rem;border-radius:999px;font-weight:600;font-size:var(--fs-sm);white-space:nowrap}@media(max-width:720px){.nav{flex-wrap:wrap;gap:.5rem}.tabs{order:3;flex-basis:100%}.stats .stat:last-child{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.title{font-size:var(--fs-3xl);margin:.25rem 0 .5rem}@media(max-width:640px){.title{font-size:var(--fs-2xl)}}.section{font-size:var(--fs-xl);margin:2.5rem 0 1rem;display:flex;align-items:baseline;gap:.75rem}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:color-mix(in srgb,var(--c,#8b93a7) 65%,#fff)}.crumbs{color:var(--faint);font-size:var(--fs-sm);margin-bottom:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumbs a{color:var(--muted)}.crumbs a:hover{color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.grid.six{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:640px){.grid,.grid.six{grid-template-columns:1fr}}.card{position:relative;display:block;background:linear-gradient(180deg,#171b27,#12151f);border:1px solid var(--line);border-radius:var(--r3);padding:1.25rem;box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--c,transparent),transparent)}.card h3{margin:.2rem 0;font-size:var(--fs-lg)}.lift{transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.lift:focus-visible,.lift:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c,#fff) 50%,transparent);box-shadow:0 20px 40px -16px #000e}.row{display:flex;gap:1rem;align-items:center}.emoji{font-size:1.4rem}.emoji.xl{font-size:2.6rem}.hero{display:block;padding:2rem;border-radius:24px;margin-bottom:1rem;background:radial-gradient(600px 300px at 0 0,color-mix(in srgb,var(--c,#7c9cff) 35%,transparent),transparent),linear-gradient(180deg,#171b27,#11141d);border:1px solid var(--line2);box-shadow:0 30px 60px -30px #000}.hero h2{font-size:var(--fs-3xl);margin:.5rem 0 1.25rem;max-width:22ch}@media(max-width:640px){.hero{padding:1.5rem}.hero h2{font-size:var(--fs-2xl)}}.banner{display:flex;gap:1.25rem;padding:1.5rem;border-radius:var(--r3);margin-bottom:1.5rem;border:1px solid var(--line);background:radial-gradient(500px 240px at 0 0,color-mix(in srgb,var(--c) 30%,transparent),transparent),var(--panel)}.banner,.btn{align-items:center}.btn{display:inline-flex;gap:.5rem;background:#fff;color:#0a0c12;font-weight:650;border:1px solid transparent;padding:.65rem 1.25rem;font-size:var(--fs-md);cursor:pointer;transition:transform .2s var(--ease),background .2s,opacity .2s;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.ghost{background:#ffffff0d}.btn.ghost:hover{background:#ffffff17}.btn.big{padding:.9rem 1.6rem;font-size:var(--fs-lg)}.btn:disabled{opacity:.35;pointer-events:none}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.chip{font-size:var(--fs-xs);padding:.2rem .6rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--line)}.chip.soon{color:var(--warn)}.chip.big{font-size:var(--fs-sm);padding:.4rem .85rem;color:var(--text)}.bar{height:6px;background:#ffffff10;overflow:hidden;margin-top:.6rem}.bar,.bar>div{border-radius:99px}.bar>div{height:100%;transition:width .6s var(--ease)}.fade{animation:fade .5s var(--ease) both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.seg button{all:unset;cursor:pointer;padding:.45rem 1rem;border-radius:999px;font-weight:600;font-size:var(--fs-sm);color:var(--muted);transition:background .25s,color .25s}.seg button.on{background:#fff;color:#0a0c12}.seg button:focus-visible{outline:2px solid var(--accent)}.modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin:1rem 0 2rem}@media(max-width:700px){.modes{grid-template-columns:1fr}}.mode{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:2rem;border-radius:24px;background:radial-gradient(500px 260px at 0 0,color-mix(in srgb,var(--c) 28%,transparent),transparent),linear-gradient(180deg,#171b27,#11141d);transition:transform .3s var(--ease),border-color .3s}.mode:focus-visible,.mode:hover{transform:translateY(-4px);border-color:var(--c)}.mode .emoji{font-size:2.2rem}.mode h2{font-size:var(--fs-2xl);margin:.75rem 0 .5rem}.mode ul{margin:.75rem 0 0;padding-left:1.1rem;color:var(--muted)}.homehead{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.homehead h1{font-size:var(--fs-2xl);margin:0}.daypath{overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.daypath,.daystep{display:flex;gap:.75rem}.daystep{flex:1 0 220px;align-items:center;padding:1rem;border-radius:var(--r2);background:var(--panel);border:1px solid var(--line)}.daystep b{display:block;font-size:var(--fs-sm)}.daystep .n{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--fs-sm);background:#ffffff10}.daystep.done .n{background:var(--good);color:#06150f}.streak{display:flex;gap:.35rem;align-items:center}.streak span{width:14px;height:14px;border-radius:4px;background:#ffffff12}.streak span.on{background:linear-gradient(135deg,#fb923c,#f43f5e)}.cmap .unit{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);padding:1.25rem 1.5rem;margin-bottom:1rem}.unit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.unit-head h2{margin:.2rem 0;font-size:var(--fs-xl)}.mastery{min-width:200px}.path{list-style:none;padding:0;margin:1rem 0 0;position:relative}.path:before{content:"";position:absolute;left:18px;top:12px;bottom:12px;width:2px;background:var(--line2)}.step{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:var(--r2);border:1px solid transparent;position:relative;transition:background .2s}a.step:focus-visible,a.step:hover{background:#ffffff08;border-color:var(--line2)}.node{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm);background:var(--panel2);border:2px solid var(--line2);z-index:1}.node.done{background:var(--c);color:#0a0c12;border-color:var(--c)}.node.next{border-color:var(--c);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 25%,transparent);animation:pulse 2s infinite}.node.locked,.node.soon{opacity:.55}.ltitle{font-size:var(--fs-md)}@keyframes pulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--c) 8%,transparent)}}article{max-width:none}.lesson{--measure:68ch}.lesson-head{max-width:var(--measure);margin:0 auto 1.25rem}.lesson .lead{font-size:var(--fs-lg);color:#c3c9d8;margin:.25rem 0 1rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.reader{max-width:var(--measure);margin:0 auto}.reader li,.reader p{font-size:1.0625rem;line-height:1.75;color:#d7dbe6}.reader h2{font-size:var(--fs-xl);margin:0 0 1rem}.lprog{position:-webkit-sticky;position:sticky;top:58px;z-index:40;max-width:var(--measure);margin:0 auto 1rem;padding:.5rem 0;background:linear-gradient(#0a0c12 70%,transparent)}.lprog .track{display:flex;gap:4px}.lprog .track button{all:unset;cursor:pointer;flex:1 1;height:5px;border-radius:99px;background:#ffffff14;transition:background .3s}.lprog .track button.on{background:var(--c)}.lprog .track button.cur{background:color-mix(in srgb,var(--c) 70%,#fff)}.lprog .lbl{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-top:.4rem}.stepcard{background:linear-gradient(180deg,#151925,#11141d);border:1px solid var(--line);border-radius:var(--r3);padding:1.75rem;box-shadow:var(--shadow);animation:fade .4s var(--ease) both}@media(max-width:640px){.stepcard{padding:1.25rem;border-radius:var(--r2)}}.stepcard+.stepcard{margin-top:1rem}.stepdock{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:#0a0c12e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.stepdock .in{max-width:var(--measure);margin:0 auto;display:flex;gap:.5rem;align-items:center}.stepdock .sp{flex:1 1;text-align:center;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.stepdock .sp{display:none}.stepdock .in .btn:last-child{flex:1 1;justify-content:center}}.listen.on{background:var(--accent);color:#0a0c12;border-color:transparent}.callout{border:1px solid var(--line);border-left:3px solid var(--accent);background:#7c9cff0d;padding:.9rem 1.1rem;border-radius:var(--r1);margin:1.25rem 0}.callout.warn{border-left-color:var(--warn);background:#fbbf240a}.takeaway{border:1px solid color-mix(in srgb,var(--good) 35%,transparent);background:#34d39910;border-radius:var(--r2);padding:1rem 1.2rem;margin:1.25rem 0}.takeaway .eyebrow{color:var(--good);margin-bottom:.35rem}.takeaway ul{margin:.25rem 0 0;padding-left:1.1rem}details.deep{border:1px solid var(--line);border-radius:var(--r2);background:#ffffff05;margin:1.25rem 0}details.deep>summary{list-style:none;padding:.8rem 1rem;font-weight:600;font-size:var(--fs-sm);color:var(--muted)}details.deep>summary:before{content:"▸ ";transition:transform .2s;display:inline-block}details.deep[open]>summary:before{transform:rotate(90deg)}details.deep>summary:hover{color:#fff}details.deep>div{padding:0 1rem 1rem}details summary{cursor:pointer}details summary::-webkit-details-marker{display:none}pre{background:#07090e;border:1px solid var(--line);border-radius:var(--r2);padding:1rem;overflow:auto;font-size:.82rem;line-height:1.55}code{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;background:#ffffff0d;padding:.1em .35em;border-radius:5px;font-size:.9em}pre code{padding:0;background:none;font-size:inherit}figure{margin:1.25rem 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:1rem;overflow:auto}figcaption{color:var(--muted);margin-top:.5rem}.tbl,figcaption{font-size:var(--fs-sm)}.tbl{width:100%;border-collapse:collapse}.tbl td,.tbl th{border-bottom:1px solid var(--line);padding:.55rem .65rem;text-align:left;vertical-align:top}.tbl th{color:var(--muted);font-weight:600}.quiz{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);padding:1.5rem;margin-top:1.5rem}.stepcard .quiz{background:none;border:0;padding:0;margin:0}.choice{display:block;width:100%;text-align:left;background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:var(--r2);padding:.8rem 1rem;margin:.5rem 0;font-size:var(--fs-md);cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,transform .15s}.choice:hover{border-color:#ffffff40}.choice:active{transform:scale(.99)}.choice.right{border-color:var(--good);background:#34d39914}.choice.wrong{border-color:var(--bad);background:#f8717114}.practice-q{padding:1rem 0;border-top:1px solid var(--line)}.practice-q:first-of-type{border-top:0}.bank li{margin:.5rem 0}.nextbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.5rem auto 0;max-width:var(--measure)}.skeleton{height:220px;opacity:.4}.ring{flex:none}.askrow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.askgrok{font-size:var(--fs-xs);font-weight:600;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line2);background:#ffffff08;color:#c7d2fe;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .2s}.askgrok:hover{background:#ffffff14}.toast{position:fixed;left:50%;bottom:6rem;transform:translateX(-50%);background:#fff;color:#0a0c12;font-weight:650;padding:.7rem 1.1rem;border-radius:999px;z-index:9999;box-shadow:0 10px 30px #000a;animation:fade .3s var(--ease)}.tutor-fallback{width:100%;margin-top:.5rem}.tutor-fallback textarea{width:100%;height:140px;background:#07090e;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.5rem;font-size:.8rem}#map{height:480px;border-radius:var(--r2)}.dark-tiles{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9)}header.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}@media(max-width:720px){.lprog{top:96px}}.walkcard{margin:1rem 0 .5rem;padding:.8rem 1rem;border-left:3px solid var(--c,#4f9cff);background:#ffffff08;border-radius:8px}.modebar{display:flex;gap:.5rem;margin:.75rem 0 1.25rem}.modebtn{flex:1 1;padding:.85rem 1rem;font-size:1.05rem;font-weight:600;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);cursor:pointer}.modebtn.on{background:var(--c,#4f9cff);border-color:transparent}.walklist{list-style:none;padding:0;margin:0 0 1rem}.walklist li button{all:unset;cursor:pointer;display:flex;gap:.75rem;align-items:flex-start;padding:.6rem .4rem;width:100%;border-bottom:1px solid var(--line)}.walklist li.on button{background:#ffffff0d}.wnum{min-width:1.6rem;height:1.6rem;border-radius:50%;display:inline-grid;place-items:center;background:#ffffff14;font-size:.85rem}.bridge{font-size:1.1rem;line-height:1.5}.walknav{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.bigbtn{flex:1 1;min-width:6.5rem;padding:.9rem 1rem;font-size:1.05rem;border-radius:12px;border:0;background:var(--c,#4f9cff);color:#fff;text-align:center;text-decoration:none;cursor:pointer}.bigbtn:disabled{opacity:.4}.ghostbtn{background:#ffffff10;color:var(--text);margin-bottom:.75rem;width:100%}.warnline{color:var(--warn);font-size:.95rem}.qsub{margin-top:2rem}.qrow{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}:root{--bg:#0f1216;--bg2:#161a20;--panel:#161a20;--panel2:#1d222a;--line:#232933;--line2:#2f3642;--text:#eef1f4;--muted:#99a3b1;--faint:#6a7381;--green:#5fd4c0;--red:#f0876e;--accent:#5fd4c0;--accent2:#5fd4c0;--good:#5fd4c0;--bad:#f0876e;--shadow:none;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}.hero h2,.homehead h1,.lesson-head h1,.title,.unit-head h2{font-family:var(--serif);font-weight:600!important;letter-spacing:-.01em!important}body{color:var(--text);letter-spacing:-.01em}::selection{background:#5fd4c044}.emoji{display:none}.nav{background:rgba(15,18,22,.88);height:64px;padding:0;margin-bottom:2rem}.brand{font-weight:900;font-size:1.15rem;letter-spacing:-.02em}.brand:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--green)}.tab{border-radius:0;border:0;border-bottom:2px solid transparent;padding:20px .6rem;color:#fff;font-weight:600}.tab.on,.tab:hover{color:var(--green)}.tab.on{border-bottom-color:var(--green)}.stat,.tab.on{background:none}.stat{border:0;color:var(--muted);padding:0 .25rem}.title{font-size:2.5rem}@media(max-width:640px){.title{font-size:1.75rem}}.eyebrow{color:var(--muted);letter-spacing:.06em}.banner,.card,.cmap .unit,.daystep,.hero,.mode,.quiz,.stepcard,figure{background:transparent;border:0;border-radius:0;box-shadow:none}.card:before{display:none}.card{border-bottom:1px solid var(--line);padding:1.1rem 0}.grid{gap:0 2rem}.lift:focus-visible,.lift:hover{transform:none;box-shadow:none}.lift:hover h3{color:var(--green)}.hero{padding:1rem 0 2rem}.banner,.hero{border-bottom:1px solid var(--line)}.banner{padding:0 0 1.5rem}.mode{border:1px solid var(--line2);border-radius:16px;padding:1.5rem}.mode:focus-visible,.mode:hover{transform:none;border-color:var(--green)}.btn{border-radius:999px;background:var(--green);color:#000;font-weight:700}.btn:hover{transform:none;filter:brightness(1.1)}.btn.ghost{background:transparent;border-color:var(--line2);color:#fff}.btn.ghost:hover{border-color:#fff;background:transparent}.seg button.on{background:var(--green);color:#000}.chip{background:transparent;border-color:var(--line2)}.streak span.on{background:var(--green)}.cmap .unit{padding:0 0 1.5rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.path:before{display:none}.node{background:transparent;border:1px solid var(--line2);font-size:.8rem}.node.done{background:var(--green);color:#000}.node.done,.node.next{border-color:var(--green)}.node.next{color:var(--green);box-shadow:none;animation:none}.step{border-radius:0;border:0;border-bottom:1px solid var(--line)}a.step:hover{background:var(--bg2);border-color:var(--line)}.stepcard{padding:0}.stepcard+.stepcard{margin-top:2.5rem;padding-top:2.5rem}.quiz,.stepcard+.stepcard{border-top:1px solid var(--line)}.quiz{padding:1.5rem 0}.callout{background:var(--bg2);border:0;border-left:3px solid var(--green);border-radius:8px}.callout.warn{border-left-color:var(--red);background:var(--bg2)}.takeaway{background:var(--bg2);border:0;border-radius:12px}.takeaway .eyebrow{color:var(--green)}.choice{background:var(--bg2);border-color:var(--line2)}.choice.right{border-color:var(--green);background:#5fd4c014}.choice.wrong{border-color:var(--red);background:#f0876e14}.lprog{position:static;background:none}.lprog .track button{height:4px}.lprog .track button.on{background:var(--green)}.lprog .track button.cur{background:#fff}.askgrok{background:transparent;color:var(--muted);border-color:var(--line2)}.bar>div{background:var(--green)!important}.stepnav{max-width:var(--measure);margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid var(--line)}.stepnav .in{display:flex;gap:.5rem;align-items:center}.stepnav .sp{flex:1 1;text-align:center;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.stepnav .sp{display:none}.stepnav .in .btn:last-child{flex:1 1;justify-content:center}}.lesson-head{margin-bottom:1rem}.lesson .lead{color:#cfcfcf}.watch{max-width:var(--measure);margin:0 auto 1rem}.player{position:relative;aspect-ratio:16/9;background:#0b0b0b;border-radius:12px;overflow:hidden}.player iframe,.ytbox{position:absolute;inset:0;width:100%;height:100%;border:0}.poster{all:unset;cursor:pointer;position:absolute;inset:0;background-size:cover;background-position:50%;display:grid;place-items:center}.poster:after{content:"";position:absolute;inset:0;background:#0005;transition:background .2s}.poster:hover:after{background:#0002}.play{position:relative;z-index:1;width:68px;height:68px;border-radius:50%;background:var(--green);display:grid;place-items:center}.play:before{content:"";margin-left:5px;border-color:transparent transparent transparent #000;border-style:solid;border-width:12px 0 12px 20px}.watch-meta{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.6rem 0;font-size:var(--fs-sm)}.modebar{max-width:var(--measure);margin:0 auto 1.25rem;gap:0;border-bottom:1px solid var(--line)}.modebtn{flex:none;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:1rem;padding:.75rem 1rem .75rem 0;margin-right:1rem}.modebtn.on{background:none;color:#fff;border-bottom-color:var(--green)}.walk{max-width:var(--measure);margin:0 auto}.walklist li.on button{background:var(--bg2)}.wnum{background:var(--panel2)}.related{max-width:var(--measure);margin:3rem auto 0}.ls{display:grid;grid-template-columns:1fr;grid-gap:0 2.5rem;gap:0 2.5rem}.ls-side{display:none}@media(min-width:1100px){.ls.side-on{grid-template-columns:280px minmax(0,1fr)}.ls.side-on .ls-side{display:block;position:-webkit-sticky;position:sticky;top:80px;align-self:start;max-height:calc(100vh - 96px);overflow:auto;padding-right:.5rem;border-right:1px solid var(--line)}}.ls-top{position:-webkit-sticky;position:sticky;top:64px;z-index:45;display:flex;align-items:center;gap:.75rem;padding:.6rem 0;margin-bottom:1rem;background:rgba(15,18,22,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.ls-where{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.ls-where b{font-size:var(--fs-sm)}.ls-where span{font-size:var(--fs-xs);color:var(--muted)}.ls-pn{display:flex;gap:.5rem}.ls-icon{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);color:#fff}.ls-icon:hover{border-color:#fff}.ls-btn{all:unset;cursor:pointer;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 1rem;border-radius:999px;border:1px solid var(--line2);font-weight:700;font-size:var(--fs-sm);color:#fff;white-space:nowrap;transition:border-color .15s,filter .15s}.ls-btn:hover{border-color:#fff}.ls-btn.pri{background:var(--green);border-color:var(--green);color:#000}.ls-btn.pri:hover{filter:brightness(1.1)}.ls-btn.off{opacity:.35;cursor:default}.ls-dock{display:none}@media(max-width:720px){.ls-pn{display:none}.ls-top{top:0;border:0;padding:0;background:none}.ls-top,.nav{position:relative}.ls-dock{display:flex;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(15,18,22,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.ls-dock .ls-btn{min-height:46px}.ls-dock .mid{flex:1 1;color:var(--muted)}}.ls-list{font-size:var(--fs-sm)}.ls-course{padding:.25rem 0 1rem;border-bottom:1px solid var(--line);margin-bottom:.75rem}.ls-course a{font-weight:800;font-size:var(--fs-md)}.ls-cp{display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font-size:var(--fs-xs)}.ls-cp .bar{height:4px;margin-top:.5rem}.ls-unit{margin-bottom:1rem}.ls-uh{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:.25rem 0}.ls-unit ol{list-style:none;margin:0;padding:0}.ls-l{display:flex;gap:.6rem;align-items:center;padding:.5rem;border-radius:8px;color:#d0d0d0;line-height:1.35}.ls-l:hover{background:var(--bg2);color:#fff}.ls-l i{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--line2);font-style:normal;font-size:.65rem;display:grid;place-items:center}.ls-l.done i{background:var(--green);border-color:var(--green);color:#000}.ls-l.cur{background:var(--panel2);color:#fff;font-weight:700}.ls-l.cur i{border-color:var(--green)}.ls-l.soon{color:var(--faint)}.ls-l em{margin-left:auto;font-style:normal;font-size:var(--fs-xs)}.ls-scrim{position:fixed;inset:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .2s;z-index:70}.ls-scrim.on{opacity:1;pointer-events:auto}.ls-drawer{position:fixed;top:0;bottom:0;left:0;width:min(360px,88vw);z-index:71;background:var(--bg);border-right:1px solid var(--line);padding:1rem 1rem 2rem;overflow:auto;transform:translateX(-102%);transition:transform .25s var(--ease)}.ls-drawer.on{transform:none}.ls-drawer .close{float:right;margin-bottom:.5rem}.ls-l.done i{animation:pop .35s var(--ease)}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.2)}to{transform:none}}.ls-l .pt{flex:none;width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),var(--line2) 0)}.resume{display:flex;gap:1rem;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--line2);border-radius:16px;padding:1rem 1.25rem;margin:0 auto 1.5rem;max-width:var(--measure,100%)}.resume b{display:block}.resume .bar{height:4px;margin-top:.5rem;max-width:280px}.reader li,.reader p{color:#d5dae1}.lesson .lead{color:#b9c1cc}.sheet{max-width:560px}.code{font-family:ui-monospace,Menlo,monospace;font-size:1.1rem;letter-spacing:.05em;padding:.6rem .9rem;border-radius:10px;display:inline-block;-webkit-user-select:all;-moz-user-select:all;user-select:all}.code,.sheet input{background:var(--bg2)}.sheet input{font:inherit;color:#fff;border:1px solid var(--line2);border-radius:10px;padding:.6rem .8rem;min-width:0;flex:1 1}.ytbox iframe{width:100%;height:100%;border:0;display:block}:root{--r1:2px;--r2:3px;--r3:4px;--sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif}body{font-family:var(--sans);background:var(--bg)}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.askgrok,.bigbtn,.btn,.btn.ghost,.callout,.chip,.choice,.code,.ls-btn,.ls-icon,.ls-l,.ls-l .pt,.ls-l i,.mode,.modebtn,.node,.play,.player,.resume,.seg,.seg button,.sheet input,.stat,.tab,.takeaway,.toast,.walkcard,code,details.deep,figure,pre{border-radius:2px!important}.ls-l .pt,.ls-l i,.node{border-radius:50%!important}.ls-dock,.ls-top,.nav{background:var(--bg)!important}.wrap{max-width:1240px;padding-left:2rem;padding-right:2rem}@media(max-width:640px){.wrap{padding-left:1.25rem;padding-right:1.25rem}}.lesson{--measure:66ch}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}.title{font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;margin:.5rem 0 1rem}.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;color:var(--green)}.lesson .lead{font-size:1.2rem;line-height:1.55;max-width:58ch}.reader li,.reader p{font-size:1.075rem;line-height:1.8}.chip{border:0;padding:0;background:none;color:var(--muted)}.chip+.chip:before{content:"·";margin-right:.4rem}.btn{padding:.7rem 1.2rem}.navset{all:unset;cursor:pointer;color:var(--muted);font-size:var(--fs-sm);padding:.4rem .25rem}.navset:hover{color:#fff}.ls-drawer.right{left:auto;right:0;width:min(420px,92vw);border-right:0;border-left:1px solid var(--line);transform:translateX(102%)}.ls-drawer.right.on{transform:none}.sh{font-size:1.5rem;margin:.5rem 0 1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 3rem}.card h3{font-size:1.3rem}.seg{border:0;background:none;padding:0;gap:1.25rem}.seg button{padding:.4rem 0;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important}.seg button.on{color:#fff;border-bottom-color:var(--green)!important}.modes{gap:0;border-top:1px solid var(--line)}.mode{border:0!important;border-bottom:1px solid var(--line)!important;padding:2rem 0}.mode h2{font-size:1.8rem}.daystep{border-top:2px solid var(--line2);padding:1rem 0;gap:1rem}.daystep.done{border-top-color:var(--green)}.daypath{gap:2rem}.homehead h1{font-size:2.6rem}.ls{grid-template-columns:minmax(0,1fr)}.ls-main{min-width:0}@media(max-width:720px){body,html{overflow-x:hidden}.title{font-size:1.9rem}.lesson .lead{font-size:1.05rem}.meta .btn{padding:.45rem .8rem;font-size:var(--fs-sm)}.lesson-head .callout{font-size:var(--fs-sm);padding:.6rem .8rem}}.lprog .track button{height:44px!important;padding:20px 0;box-sizing:border-box;background-clip:content-box!important}.lprog .askgrok,.lprog .lbl{align-items:center}.lprog .askgrok{min-height:44px;min-width:44px;display:inline-flex;justify-content:center;box-sizing:border-box}.ls-icon{width:44px;height:44px}.ls-drawer{visibility:hidden;transition:transform .25s var(--ease),visibility 0s .25s}.ls-drawer.on{visibility:visible;transition:transform .25s var(--ease),visibility 0s}@media(max-width:720px){.tabs{flex-wrap:wrap;overflow:visible}.tab{padding:12px .6rem;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}}