:root{--paper:#f7f8f3;--paper-2:#fdfdfa;--grid:#e1e7dd;--grid-major:#d2dbcc;--edge:#dce1d6;--blue:#2b4ba8;--pink:#d81b78;--teal:#0e9b87;--purple:#7e2a9e;--orange:#de7a16;--pencil:#6c7280;--pencil-2:#9aa0a6;--highlight:#d8f24e;--highlight-2:#ffe873;--hand:"Caveat", "Segoe Print", cursive;--read:"Newsreader", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--rail-w:214px;--margin-w:256px;--grid-fine:23px;--grid-coarse:115px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--blue);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px);background-size:var(--grid-fine) var(--grid-fine), var(--grid-fine) var(--grid-fine), var(--grid-coarse) var(--grid-coarse), var(--grid-coarse) var(--grid-coarse);font-family:var(--read);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}.hand,.tag{font-family:var(--hand);font-size-adjust:.4}.tag{color:var(--pencil);letter-spacing:.02em;font-size:16px}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--margin-w);min-height:100vh;display:grid}.rail{border-right:1.5px solid var(--edge);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;background:#ffffff57;flex-direction:column;gap:20px;height:100vh;padding:24px 0 24px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.rail h1{font-family:var(--hand);font-size-adjust:.4;color:var(--purple);margin:0;font-size:25px;font-weight:700;line-height:1.1;transform:rotate(-1.1deg)}.module{flex-direction:column;gap:2px;display:flex}.module>.tag{color:var(--teal);margin-bottom:5px;font-weight:600}.lesson-link{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:15px 1fr;align-items:baseline;gap:8px;width:100%;padding:2px 0;font-size:18px;transition:color .15s;display:grid}.lesson-link:hover{color:var(--blue)}.lesson-link .mark{font-size:14px;font-style:normal}.lesson-link.done .mark{color:var(--teal)}.lesson-link.done .name{text-decoration:line-through;-webkit-text-decoration-color:var(--pencil-2);text-decoration-color:var(--pencil-2);text-decoration-thickness:1px}.lesson-link.here{color:var(--pink);font-weight:600}.lesson-link.here .mark{color:var(--pink)}.lesson-link.planned{color:var(--pencil-2)}.rail-foot{flex-direction:column;gap:6px;margin-top:auto;padding-right:22px;display:flex}.bar{border:1.5px solid var(--blue);background:#fff;border-radius:4px;height:7px;overflow:hidden}.bar>span{background:repeating-linear-gradient(45deg, var(--blue) 0 4px, #4c6ac4 4px 8px);height:100%;transition:width .4s;display:block}.pens{flex-direction:column;gap:6px;padding-right:22px;display:flex}.pentray{flex-wrap:wrap;gap:5px;display:flex}.pen{font-family:var(--hand);font-size-adjust:.4;border:1.5px solid var(--edge);color:var(--pencil);cursor:pointer;background:#fff;border-radius:6px;padding:1px 8px;font-size:16px;font-weight:600;transition:all .18s}.pen:hover{border-color:var(--pencil)}.pen[aria-pressed=true]{border-color:var(--pink);color:var(--pink);background:#fdf0f6}.stage{flex-direction:column;min-width:0;padding:26px 42px 44px;display:flex}.stage-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.titlewrap{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.numcircle{width:44px;height:44px;font-family:var(--hand);font-size-adjust:.4;color:var(--blue);flex:none;place-items:center;margin-top:4px;font-size:24px;font-weight:700;display:grid;position:relative}.numcircle svg{width:100%;height:100%;position:absolute;inset:0}.stage h2{font-family:var(--hand);font-size-adjust:.4;color:var(--purple);margin:6px 0 0;font-size:42px;font-weight:700;line-height:1;display:inline-block;position:relative;transform:rotate(-.7deg)}.stage h2:before{content:"";background:var(--highlight);mix-blend-mode:multiply;z-index:-1;border-radius:26px 8px 20px 10px;position:absolute;inset:12% -14px -6% -10px;transform:rotate(.8deg)}.lesson-body{flex-direction:column;height:calc(100vh - 172px);min-height:400px;display:flex}.page{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex:1;min-height:0;padding:22px 14px;overflow-y:auto}.canvas-fit{margin:0 auto;position:relative}.canvas{transform-origin:0 0;width:1000px;position:relative}.canvas:before{content:"";background:#d81b7838;width:1.5px;position:absolute;top:-40px;bottom:-40px;left:34px}.note{flex-direction:column;align-items:flex-start;transition:opacity .55s;display:flex;position:absolute}.note.past{opacity:.46}.note.past:hover{opacity:1}.footer{flex:none;padding-bottom:4px}.ink{font-family:var(--hand);font-size-adjust:.4;font-weight:600;animation:.85s cubic-bezier(.35,.1,.35,1) both write}@keyframes write{0%{clip-path:inset(0 100% -.25em 0)}to{clip-path:inset(0 -.45em -.25em 0)}}.ink.d1{animation-delay:.18s}.ink.d2{animation-delay:.42s}.ink.d3{animation-delay:.66s}.lead{font-family:var(--hand);font-size-adjust:.4;color:var(--blue);text-align:center;font-size:24px}.lead b{color:var(--pink);font-weight:700}.stack{flex-direction:column;align-items:center;gap:20px;display:flex}.cells{align-items:center;gap:5px;display:flex}.cell{width:40px;height:46px;font-family:var(--hand);font-size-adjust:.4;border:1.8px solid var(--blue);color:var(--pencil);background:#fff9;border-radius:5px;place-items:center;font-size:23px;font-weight:600;transition:color .4s,background .4s,border-color .4s;display:grid}.cell.hot{color:#fff;background:var(--pink);border-color:var(--pink)}.cells.zeros .cell:not(.hot){color:var(--orange);border-color:var(--orange)}.ell{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);padding:0 7px;font-size:24px}.note{font-family:var(--hand);font-size-adjust:.4;color:var(--teal);font-size:20px}.vec-row{align-items:center;gap:4px;max-width:100%;padding:3px 0 6px;display:flex;overflow-x:auto}.vcell{text-align:center;min-width:56px;font-family:var(--mono);font-variant-numeric:tabular-nums;border:1.6px solid var(--blue);color:var(--blue);background:#ffffffb3;border-radius:4px;flex:none;padding:10px 7px;font-size:12.5px;transition:all .45s}.vec-row.learning .vcell{color:var(--orange);border-color:var(--orange);background:#fff8ef}.figures{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:30px;display:flex}.figure{flex-direction:column;align-items:center;gap:1px;display:flex}.figure b{font-family:var(--hand);font-size-adjust:.4;color:var(--pink);font-size:29px;font-weight:700;line-height:1}.figure span{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);font-size:17px}.space{aspect-ratio:8/5;width:100%;max-width:558px;margin:0 auto;position:relative}.space>svg.links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pt{background:0 0;border:0;align-items:center;gap:7px;padding:3px 5px;transition:opacity .4s;display:flex;position:absolute;transform:translate(-50%,-50%)}.pt .dot{border:2px solid #fff;border-radius:50%;flex:none;width:11px;height:11px}.pt .w{font-family:var(--hand);font-size-adjust:.4;white-space:nowrap;font-size:21px;font-weight:600;transition:color .3s}.pt.faded{opacity:.26}.space.live .pt{cursor:pointer}.space.live .pt:hover .w{color:var(--pink)}.halo{pointer-events:none;width:46px;height:46px;position:absolute;transform:translate(-50%,-50%)}.caption{border-top:1.5px solid var(--edge);align-items:flex-start;gap:14px;min-height:84px;padding:20px 0 0;display:flex}.caption .quill{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil-2);flex:none;font-size:24px;line-height:1.3}.caption p{color:#2a2f3a;text-wrap:pretty;max-width:60ch;margin:0;font-size:21px;font-weight:300;line-height:1.5}.caption .turn{font-family:var(--hand);font-size-adjust:.4;color:var(--pink);font-size:25px;font-style:normal;font-weight:700}.transport{border:1.8px solid var(--blue);background:#ffffff9e;border-radius:10px;align-items:center;gap:14px;margin-top:18px;padding:10px 14px;display:flex}.tbtn{font-family:var(--hand);font-size-adjust:.4;border:1.8px solid var(--blue);color:var(--blue);cursor:pointer;white-space:nowrap;background:#fff;border-radius:7px;padding:3px 13px;font-size:19px;font-weight:600;transition:all .18s}.tbtn:hover:not(:disabled){background:var(--blue);color:#fff}.tbtn:disabled{opacity:.4;cursor:default}.tbtn.primary{border-color:var(--pink);color:var(--pink)}.tbtn.primary:hover:not(:disabled){background:var(--pink);color:#fff}.tbtn[aria-pressed=true]{border-color:var(--teal);background:var(--teal);color:#fff}.scrub{border:1.6px solid var(--blue);background:#fff;border-radius:4px;flex:1;min-width:60px;height:7px;position:relative;overflow:hidden}.scrub>span{background:repeating-linear-gradient(45deg, var(--pink) 0 4px, #e8579b 4px 8px);transition:width .3s;position:absolute;inset:0 auto 0 0}.count{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);font-size:18px}.depth{border-top:1.5px solid var(--edge);margin-top:32px}.depth>.tag{color:var(--teal);padding:16px 0 8px;font-size:18px;font-weight:600;display:block}.depth details{border-bottom:1.5px dashed var(--edge)}.depth summary{cursor:pointer;font-family:var(--hand);font-size-adjust:.4;color:var(--blue);align-items:baseline;gap:12px;padding:12px 2px;font-size:23px;font-weight:600;list-style:none;transition:color .2s;display:flex}.depth summary::-webkit-details-marker{display:none}.depth summary:hover{color:var(--pink)}.depth summary .k{font-family:var(--hand);font-size-adjust:.4;color:#fff;background:var(--teal);border-radius:5px;flex:none;padding:1px 9px;font-size:16px;font-weight:700;transform:rotate(-1.2deg)}.depth summary .k.deeper{background:var(--purple)}.depth summary .k.mixup{background:var(--orange)}.depth summary .k.code{background:var(--blue)}.depth summary .k.why{background:var(--pink)}.depth summary .caret{color:var(--pencil-2);flex:none;margin-left:auto;transition:transform .25s}.depth details[open]>summary{color:var(--pink)}.depth details[open]>summary .caret{color:var(--pink);transform:rotate(90deg)}.panel{background:var(--paper-2);border:1px solid var(--edge);margin:2px 4px 20px;padding:26px 30px 28px;transform:rotate(-.25deg);box-shadow:0 1px #0000000d,0 8px 20px -14px #141e324d}.panel p{color:#333842;max-width:62ch;margin:0 0 14px;font-size:17.5px;line-height:1.7}.panel p:last-child{margin-bottom:0}.panel strong{color:var(--blue);font-weight:400}.panel em{font-family:var(--hand);font-size-adjust:.4;color:var(--pink);font-size:21px;font-style:normal;font-weight:700}.panel code,.panel .num{font-family:var(--mono);color:var(--purple);font-size:.84em}.panel table{border-collapse:collapse;font-family:var(--mono);margin:2px 0 18px;font-size:12.5px}.panel th,.panel td{text-align:left;font-variant-numeric:tabular-nums;padding:7px 16px 7px 0;font-weight:400}.panel th{font-family:var(--hand);font-size-adjust:.4;color:var(--teal);border-bottom:1.5px solid var(--edge);padding-bottom:6px;font-size:16px;font-weight:600}.panel td{color:#444b57;border-bottom:1px solid #edefe9}.panel td:first-child{color:var(--blue)}.panel pre{font-family:var(--mono);border-left:3px solid var(--purple);color:#3a404b;background:#f2f4ee;margin:2px 0 0;padding:15px 18px;font-size:12.5px;line-height:1.75;overflow-x:auto}.panel pre .c{color:var(--pencil-2)}.panel pre .n{color:var(--pink)}.nest{border-top:1.5px dashed var(--edge);margin-top:20px;padding-top:16px}.nest summary{padding:5px 0;font-size:20px}.nest .panel{background:#f4f6f0;margin-bottom:0;padding:20px 22px;transform:rotate(.2deg)}.margin-col{border-left:1.5px solid var(--edge);background:#ffffff57;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.margin-col>.tag{color:var(--teal);font-size:17px;font-weight:600}.lines{flex-direction:column;gap:13px;max-height:72vh;padding-right:4px;display:flex;overflow-y:auto}.line{color:var(--pencil);cursor:pointer;text-align:left;font-size:14px;font-weight:300;line-height:1.5;font-family:var(--read);background:0 0;border:0;border-left:2px solid #0000;padding-left:10px;transition:all .3s}.line:hover{color:#2a2f3a}.line.now{color:#2a2f3a;border-left-color:var(--pink)}.margin-foot{border-top:1.5px dashed var(--edge);margin-top:auto;padding-top:14px}.margin-foot p{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);margin:0;font-size:17px;line-height:1.35}.unwritten{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.unwritten .big{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);font-size:30px}.unwritten p{max-width:44ch;color:var(--pencil);margin:0}@media (width<=1080px){.app{grid-template-columns:1fr}.rail,.margin-col{border:0;border-top:1.5px solid var(--edge);padding:22px}.rail{order:3;height:auto;position:static;overflow-y:visible}.margin-col{order:2}.lines{max-height:none}.stage{padding:22px 20px 32px}.lesson-body{height:auto;min-height:0}.page{overflow-y:visible}.footer{background:linear-gradient(to bottom, #f7f8f300 0, var(--paper) 20px, var(--paper) 100%);z-index:5;padding-top:8px;position:sticky;bottom:0}.stage h2{font-size:34px}.caption p{font-size:19px}}.picker{flex-direction:column;gap:26px;max-width:760px;margin:0 auto;padding:60px 28px 80px;display:flex}.picker h1{font-family:var(--hand);font-size-adjust:.4;color:var(--purple);margin:0;font-size:44px;font-weight:700;transform:rotate(-.8deg)}.picker p.lede{color:var(--pencil);max-width:54ch;margin:0;font-size:18px}.course-card{border:2px dashed var(--blue);color:inherit;background:#ffffff9e;border-radius:10px;padding:22px 26px;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:block}.course-card:hover{border-color:var(--pink);background:#fff;transform:translateY(-2px)rotate(-.3deg)}.course-card .ct{font-family:var(--hand);font-size-adjust:.4;color:var(--blue);font-size:30px;font-weight:700;line-height:1.1}.course-card .cs{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);margin-top:4px;font-size:19px}.course-card .cm{color:#3a404b;margin-top:10px;font-size:15px}.rail-home{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 0 4px;font-size:16px}.rail-home:hover{color:var(--pink)}.loading-note{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);padding:60px;font-size:22px}.check{border-top:1.5px solid var(--edge);flex-direction:column;gap:6px;margin-top:30px;display:flex}.check>.tag{color:var(--pink);padding:16px 0 6px;font-size:18px;font-weight:600;display:block}.cq{border-bottom:1.5px dashed var(--edge);flex-direction:column;gap:8px;padding:12px 0 16px;display:flex}.cq-q{font-family:var(--hand);font-size-adjust:.4;color:var(--blue);align-items:baseline;gap:12px;max-width:64ch;font-size:22px;font-weight:600;line-height:1.3;display:flex}.cq-n{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);flex:none;font-size:19px}.cq-opts{flex-direction:column;gap:6px;max-width:62ch;padding-left:30px;display:flex}.cq-opt{text-align:left;font-family:var(--read);color:#2a2f3a;border:1.6px dashed var(--edge);cursor:pointer;background:#ffffff9e;border-radius:8px;align-items:baseline;gap:10px;padding:8px 14px;font-size:16px;line-height:1.45;transition:border-color .18s,background .18s,opacity .3s;display:flex}.cq-opt:hover:not(:disabled){border-color:var(--pink);background:#fff}.cq-opt:disabled{cursor:default}.cq-letter{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);flex:none;width:16px;font-size:18px;font-weight:700}.cq-opt.right{border-style:solid;border-color:var(--teal);background:#eefaf7}.cq-opt.right .cq-letter{color:var(--teal)}.cq-opt.wrong{border-style:solid;border-color:var(--orange);background:#fff6ec}.cq-opt.wrong .cq-letter{color:var(--orange)}.cq-opt.dim{opacity:.45}.cq-why{color:#3a404b;max-width:60ch;margin:2px 0 0 30px;font-size:15.5px;line-height:1.55}.cq-why.yes:first-letter{color:var(--teal)}.cq-why.no:first-letter{color:var(--orange)}.cq-score{font-family:var(--hand);font-size-adjust:.4;color:var(--pink);align-items:center;gap:16px;padding:14px 0 4px;font-size:22px;display:flex}.pen-blue{--ink-pen:var(--blue)}.pen-pink{--ink-pen:var(--pink)}.pen-teal{--ink-pen:var(--teal)}.pen-purple{--ink-pen:var(--purple)}.pen-orange{--ink-pen:var(--orange)}.pen-pencil{--ink-pen:var(--pencil)}.pen-text-blue{color:var(--blue)}.pen-text-pink{color:var(--pink)}.pen-text-teal{color:var(--teal)}.pen-text-purple{color:var(--purple)}.pen-text-orange{color:var(--orange)}.pen-text-pencil{color:var(--pencil)}.notebox{border:2px dashed var(--ink-pen,var(--pink));background:#ffffff94;border-radius:9px;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;padding:18px 26px;animation:.5s both boxin;display:inline-flex}.notebox.wide{padding:22px 34px}@keyframes boxin{0%{opacity:0}to{opacity:1}}.notebox-title{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);font-size:17px}.notebox-body{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.written{font-family:var(--hand);font-size-adjust:.4;text-align:left;font-weight:600;line-height:1.32;animation:.85s cubic-bezier(.35,.1,.35,1) both write}.written.marked{padding:0 6px;display:inline-block;position:relative}.written.marked:before{content:"";background:var(--highlight);mix-blend-mode:multiply;z-index:-1;border-radius:22px 7px 18px 9px;position:absolute;inset:14% -10px -4% -8px;transform:rotate(.7deg)}.arrow{display:block}.ringed{place-items:center;width:44px;height:44px;display:inline-grid;position:relative}.ringed svg{width:100%;height:100%;position:absolute;inset:0}.versus{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:18px;display:flex}.versus-side{flex-direction:column;align-items:center;gap:8px;max-width:300px;display:flex}.versus-head{font-family:var(--hand);font-size-adjust:.4;font-size:22px;font-weight:700}.versus-vs{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);font-size:24px;animation:.6s .22s both write}.net{width:100%;max-width:480px}.net svg{aspect-ratio:1.35;width:100%;height:auto}.net-node{transition:opacity .4s;animation:.35s both pop}.net-edge{animation:.5s both fadein}.net-label{font-family:var(--hand);fill:var(--pencil);font-size:5.5px}@keyframes pop{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}}.ptable{flex-direction:column;gap:5px;min-width:340px;display:flex}.prow{font-family:var(--hand);font-size-adjust:.4;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;font-size:23px;animation:.6s both write;display:grid}.pname{color:var(--blue)}.pdots{border-bottom:2px dotted var(--pencil-2);transform:translateY(-4px)}.pval{color:var(--pink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.genchart{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:430px;display:flex}.genbars{justify-content:center;align-items:flex-end;gap:40px;width:100%;height:200px;display:flex}.genbar{background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;width:78px;height:100%;padding:0;display:flex;position:relative}.genchart.live .genbar{cursor:pointer}.genfill{border:1.8px solid var(--blue);background:repeating-linear-gradient(45deg,#2b4ba824 0 5px,#0000 5px 10px);border-bottom:0;border-radius:5px 5px 0 0;width:46px;transition:background .2s,border-color .2s;animation:.7s cubic-bezier(.2,.7,.3,1) both grow}.genbar.open .genfill{border-color:var(--pink);background:repeating-linear-gradient(45deg,#d81b7833 0 5px,#0000 5px 10px)}@keyframes grow{0%{height:0!important}}.genval{font-family:var(--hand);font-size-adjust:.4;color:var(--pink);order:-1;font-size:21px;font-weight:700;animation:.5s both write}.genname{font-family:var(--hand);font-size-adjust:.4;color:var(--blue);font-size:19px;animation:.5s both write}.gencard{white-space:nowrap;background:var(--paper-2);border:1.5px solid var(--pink);font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);z-index:3;border-radius:7px;flex-direction:column;gap:1px;margin-bottom:8px;padding:7px 12px;font-size:17px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.gencard b{color:var(--pink);font-weight:700}.genaxis{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);text-align:center;font-size:16px;animation:.5s .6s both write}.genjumps{gap:90px;display:flex}.jump{font-family:var(--hand);font-size-adjust:.4;color:var(--orange);font-size:20px;font-weight:700;animation:.5s both write}.umbrellas{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:26px;width:100%;display:flex}.umbrellas svg{flex:none;width:270px;height:270px}.ring{transition:opacity .35s;animation:.5s both fadein}.ring.off{opacity:.4}.umbrellas.live .ring{cursor:pointer}.ring-label{font-family:var(--hand);font-size:7px;font-weight:700}.ring-info{flex-direction:column;gap:5px;max-width:270px;min-height:110px;display:flex}.ring-full{font-family:var(--hand);font-size-adjust:.4;color:var(--blue);font-size:23px;font-weight:700}.ring-eg{color:#3a404b;margin:0;font-size:15.5px;line-height:1.5}.ring-not{font-family:var(--hand);font-size-adjust:.4;color:var(--orange);margin:0;font-size:18px;line-height:1.3}.ring-hint{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil-2);font-size:18px}.tmap{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:30px;width:100%;display:flex}.tstack{flex-direction:column;align-items:stretch;gap:5px;min-width:268px;display:flex}.tblock{border:1.8px solid var(--blue);font-family:var(--hand);font-size-adjust:.4;background:#ffffff9e;border-radius:7px;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 14px;font-size:19px;font-weight:600;transition:opacity .25s,background .2s;animation:.4s both boxin;display:flex}.tmap.live .tblock{cursor:pointer}.tblock.off{opacity:.35}.tblock.on{background:#fff}.tmod{color:var(--pencil-2);font-size:15px;font-weight:400}.tin{font-family:var(--mono);color:var(--pencil);text-align:center;padding-top:6px;font-size:13px}.tnote{flex-direction:column;gap:6px;max-width:280px;min-height:124px;display:flex}.tnote-head{font-family:var(--hand);font-size-adjust:.4;font-size:22px;font-weight:700}.tnote p{color:#3a404b;margin:0;font-size:15.5px;line-height:1.5}.tnote-mod{font-family:var(--hand);font-size-adjust:.4;color:var(--teal);font-size:18px}.applist{flex-direction:column;gap:11px;width:100%;max-width:480px;display:flex}.appitem{grid-template-columns:30px 1fr;align-items:baseline;gap:12px;animation:.6s both write;display:grid}.appnum{font-family:var(--hand);font-size-adjust:.4;text-align:right;font-size:26px;font-weight:700}.appbody{flex-direction:column;gap:1px;display:flex}.applabel{font-family:var(--hand);font-size-adjust:.4;font-size:23px;font-weight:600}.appeg{color:var(--pencil);font-size:15px;line-height:1.4}.blurb{color:var(--pencil);margin-top:5px;font-size:17px}.pager{justify-content:space-between;gap:14px;margin-top:10px;display:flex}svg.demo-hand{pointer-events:none;opacity:0;z-index:6;filter:drop-shadow(1px 3px 2px #14181e38);transition:transform .65s cubic-bezier(.3,.7,.3,1),opacity .3s;position:absolute;top:0;left:0;aspect-ratio:auto!important;width:34px!important;max-width:none!important;height:37px!important;box-shadow:none!important;background:0 0!important;border:0!important}.demo-hand.show{opacity:1}.demo-hand.snap{transition:opacity .3s}.demo-hand.down{filter:drop-shadow(0 1px 1px #14181e4d)}.demo-hand.down .demo-hand-skin{transform-origin:11px 4px;transform:scale(.92)}.demo-hand-skin{fill:#fff4e2;stroke:var(--pencil);stroke-width:1.8px;stroke-linejoin:round;transition:transform .15s}.m{color:var(--ink-pen,var(--blue))}.m .katex{font-size:1.12em}.m-display .katex-display{text-align:left;margin:0}.m-display .katex-display>.katex{text-align:left}.m-hl{color:var(--pink);background:linear-gradient(#0000 62%,#d6336c29 62%);border-radius:2px}.m-soft{color:var(--pencil);opacity:.85}.derive{flex-direction:column;gap:6px;width:100%;display:flex}.derive-title{font-family:var(--hand);font-size-adjust:.4;color:var(--purple);font-size:19px;font-weight:600}.derive-step{border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:3px 8px;transition:background .3s;animation:.6s both write;display:grid}.derive-step.now{box-shadow:inset 3px 0 0 var(--pink);background:#ffffffb3}.derive-eq{overflow:auto hidden}.derive-why{font-family:var(--hand);font-size-adjust:.4;color:var(--pencil);text-align:right;max-width:200px;font-size:15px}