@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{--ink:#edf3ff;--muted:#9aa7bb;--line:#c2d2ef29;--panel:#121a2d;--panel-2:#18233a;--canvas:#0b1020;--blue:#7aa5ff;--aqua:#52dbc4;--orange:#ffad78;--red:#ff7a93;--mono:"DM Mono",monospace;--sans:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 82% 5%,#52dbc41a,#0000 22rem),radial-gradient(circle at 5% 35%,#7aa5ff1a,#0000 24rem);position:fixed;inset:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;background:#0b1020d1;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:1.35rem 2rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:.5rem;font-size:1.08rem;font-weight:800;display:flex}.brand span{font:500 .76rem var(--mono);color:var(--aqua);border:1px solid #52dbc44d;border-radius:.35rem;padding:.28rem .36rem}.topbar nav{color:var(--muted);gap:1.7rem;font-size:.86rem;font-weight:700;display:flex}.topbar nav a:hover{color:var(--ink)}.nav-cta,.primary{background:var(--aqua);color:#071514;border:0;border-radius:.55rem;align-items:center;gap:.6rem;padding:.72rem 1rem;font-size:.83rem;font-weight:800;display:inline-flex}.nav-cta span,.primary span{font-size:1.1rem}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;max-width:1240px;margin:auto;padding:7.2rem 2rem 6.5rem;display:grid}.eyebrow{font:700 .68rem var(--mono);letter-spacing:.13em;color:var(--aqua);margin:0}.hero h1{letter-spacing:-.065em;max-width:690px;margin:.9rem 0 1.5rem;font:600 clamp(3.3rem,6vw,6.2rem)/.93 Newsreader,serif}.hero h1 em{color:var(--aqua);font-style:italic}.hero-text{max-width:550px;color:var(--muted);font-size:1.05rem;line-height:1.75}.hero-actions{align-items:center;gap:1.35rem;margin-top:2rem;display:flex}.quiet{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:.25rem;font-size:.88rem;font-weight:700}.trust{color:var(--muted);font:500 .72rem var(--mono);flex-wrap:wrap;gap:.72rem;margin-top:2.6rem;display:flex}.hero-card{background:linear-gradient(145deg,#1b2843,#10182a 64%);border:1px solid #a7bff038;border-radius:1.25rem;padding:1.8rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038}.hero-card:after{content:"";border:1px solid #52dbc426;border-radius:100%;width:15rem;height:15rem;position:absolute;top:-9rem;right:-8rem}.card-top,.hero-card-footer{font:500 .68rem var(--mono);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.card-top b{color:var(--aqua);border:1px solid #52dbc440;border-radius:5rem;padding:.3rem .5rem}.hero-card h2{letter-spacing:-.05em;margin:2.6rem 0 .45rem;font-size:1.65rem}.hero-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.mini-code{font:400 .76rem/2 var(--mono);border:1px solid var(--line);color:#d4ddec;background:#090e1b;border-radius:.75rem;flex-direction:column;margin:1.6rem 0;padding:1.1rem;display:flex}.mini-code b{color:var(--orange)}.mini-code i{color:#a9e5c4;font-style:normal}.mini-code strong{color:var(--aqua);margin-top:.45rem}.hero-card-footer b{color:var(--ink)}.pulse,.live-dot{background:var(--aqua);border-radius:50%;width:.52rem;height:.52rem;margin-right:.48rem;display:inline-block;box-shadow:0 0 0 .25rem #52dbc41f}.method-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1240px;margin:auto;padding:2rem}.method-steps{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;display:grid}.method-steps div{border-left:1px solid var(--line);padding:.15rem 1rem}.method-steps b{font:500 .7rem var(--mono);color:var(--aqua);display:block}.method-steps span{margin:.45rem 0;font-weight:800;display:block}.method-steps small{color:var(--muted);font-size:.75rem}.course-shell,.studio,.next-up{max-width:1240px;margin:auto;padding:6rem 2rem}.section-title{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-title h2,.next-up h2{letter-spacing:-.05em;margin:.7rem 0 0;font:600 clamp(2rem,4vw,3.5rem)/.98 Newsreader,serif}.section-note{color:var(--muted);max-width:360px;font-size:.86rem;line-height:1.65}.progress-wrap{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;align-items:center;gap:.8rem;padding:.65rem .9rem;display:flex}.progress-wrap b{font-size:.76rem;display:block}.progress-wrap span{color:var(--muted);font-size:.7rem}.progress-ring{--p:0deg;background:conic-gradient(var(--aqua) var(--p),#28334a 0);border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:grid;position:relative}.progress-ring:before{content:"";background:var(--panel);border-radius:50%;width:2.25rem;height:2.25rem;position:absolute}.progress-ring span{color:var(--ink);font:500 .75rem var(--mono);position:relative}.progress-ring small{font-size:.52rem}.lesson-picker{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.lesson-card{color:var(--ink);text-align:left;border:1px solid var(--line);background:#121a2db3;border-radius:.8rem;grid-template-columns:2.1rem 1fr auto;align-items:start;gap:.72rem;padding:1rem;transition:all .18s;display:grid}.lesson-card:hover,.lesson-card.selected{border-color:var(--blue);background:var(--panel-2);transform:translateY(-2px)}.lesson-card.complete{border-color:#52dbc473}.lesson-card>span{font:500 .68rem var(--mono);color:var(--aqua);background:#52dbc41a;border-radius:.45rem;place-items:center;width:1.8rem;height:1.8rem;display:grid}.lesson-card small{font:500 .62rem var(--mono);color:var(--muted);display:block}.lesson-card b{margin:.28rem 0;font-size:.83rem;display:block}.lesson-card p{color:var(--muted);margin:0;font-size:.71rem;line-height:1.45}.lesson-card i{color:var(--muted);font-style:normal}.lesson-workspace{border:1px solid var(--line);background:#121a2d9e;border-radius:1rem;grid-template-columns:300px 1fr;min-height:620px;display:grid;overflow:hidden}.lesson-intro{border-right:1px solid var(--line);background:#04081233;padding:2rem}.lesson-intro h2{letter-spacing:-.05em;margin:.8rem 0;font:600 2.15rem/1 Newsreader,serif}.lesson-intro>p:not(.eyebrow):not(.lesson-tip){color:var(--muted);font-size:.86rem;line-height:1.65}.lesson-tabs{grid-template-columns:repeat(3,1fr);gap:.25rem;margin:1.8rem 0;display:grid}.lesson-tabs button{color:var(--muted);border:0;border-bottom:1px solid var(--line);background:0 0;padding:.65rem .25rem;font-size:.68rem;font-weight:800}.lesson-tabs button.active{color:var(--aqua);border-color:var(--aqua)}.lesson-tip{border-left:2px solid var(--blue);color:#c6d1e3;padding-left:.85rem;font-size:.78rem;line-height:1.65}.workspace-main{min-width:0;padding:1.5rem}.code-panel{border:1px solid var(--line);background:#080d19;border-radius:.75rem;overflow:hidden}.panel-label{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.67rem;display:flex}.panel-label span{color:#b1cafc;font:500 .6rem var(--mono);background:#203150;border-radius:.25rem;padding:.18rem .3rem}.code-panel pre{margin:0;padding:.75rem 0;overflow:auto}.line{font:400 .76rem/1.8 var(--mono);white-space:pre;color:#d8e1f0;padding:.16rem 1rem;display:block}.line i{color:#617088;width:2.2rem;font-style:normal;display:inline-block}.line.active{border-left:2px solid var(--aqua);color:#fff;background:#52dbc421}.visual-stage{border:1px solid var(--line);background:linear-gradient(145deg,#1e2d48a6,#0a0f1d73);border-radius:.75rem;margin-top:1.2rem;padding:1rem}.stage-head{font:500 .64rem var(--mono);color:var(--muted);align-items:center;gap:.15rem;display:flex}.stage-head strong{color:var(--ink);margin-left:auto;font-size:.68rem}.live-dot{width:.42rem;height:.42rem;margin:0}.array-scene{margin:1.5rem 0 1rem}.scene-label{font:500 .62rem var(--mono);color:var(--muted);text-transform:uppercase}.array-row,.algorithm-array{flex-wrap:wrap;gap:.45rem;margin-top:.7rem;display:flex}.array-cell,.algorithm-array>div{text-align:center;background:#111b30;border:1px solid #9aa7bb47;border-radius:.5rem;min-width:4rem;padding:.45rem;position:relative}.array-cell small,.algorithm-array small{color:var(--muted);font:400 .6rem var(--mono);display:block}.array-cell b,.algorithm-array b{font:700 1.05rem var(--mono);margin-top:.2rem;display:block}.array-cell.active,.algorithm-array .focus{border-color:var(--orange);background:#ffad781a}.array-cell em{font:500 .55rem var(--mono);color:var(--orange);background:var(--canvas);padding:0 .2rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)}.state-chips{flex-wrap:wrap;gap:.55rem;margin:1rem 0;display:flex}.state-chips div{border:1px solid var(--line);background:#080d19a6;border-radius:.45rem;min-width:5.3rem;padding:.45rem .6rem}.state-chips span{color:var(--muted);font:400 .58rem var(--mono);display:block}.state-chips b{font:700 .8rem var(--mono);color:var(--aqua)}.thought{border-left:2px solid var(--blue);margin-top:1rem;padding:.5rem .75rem}.thought span,.terminal span{font:500 .6rem var(--mono);color:var(--blue);text-transform:uppercase}.thought p{color:#d5def0;margin:.3rem 0 0;font-size:.78rem;line-height:1.6}.terminal{background:#080d19;border-radius:.5rem;align-items:center;gap:1rem;margin-top:1rem;padding:.65rem .75rem;display:flex}.terminal code{color:#b9eecf;font:400 .72rem var(--mono)}.decision-scene,.call-scene,.owner-scene{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;min-height:5.2rem;margin:1.4rem 0;display:flex}.decision{border:1px solid var(--blue);font:500 .7rem var(--mono);color:#d8e4ff;border-radius:5rem;padding:.7rem 1rem}.decision-scene>div:last-child{flex-direction:column;gap:.35rem;display:flex}.path{font:400 .66rem var(--mono);color:var(--muted)}.path.on{color:var(--aqua)}.call-scene>span,.owner,.value-box,.result{border:1px solid var(--line);font:400 .68rem var(--mono);text-align:center;border-radius:.5rem;padding:.6rem .8rem}.call-scene i,.owner-scene>span{font:400 .6rem var(--mono);color:var(--muted);font-style:normal}.call-scene .frame.active,.call-scene .result.active{border-color:var(--aqua);color:var(--aqua)}.owner{border-color:var(--aqua)}.value-box{border-color:var(--orange)}.trace-controls{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.1rem;display:flex}.trace-controls button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:.45rem;padding:.55rem .7rem;font-size:.72rem;font-weight:800}.trace-controls button:disabled{opacity:.35;cursor:not-allowed}.trace-controls .primary{color:#071514;border:0}.trace-controls span{color:var(--muted);font:400 .65rem var(--mono);margin-right:auto}.small{padding:.57rem .75rem}.understand-panel,.practice-panel{flex-direction:column;justify-content:center;min-height:100%;padding:1.2rem;display:flex}.understand-panel h3,.practice-panel h3{letter-spacing:-.045em;max-width:640px;margin:.65rem 0 1.5rem;font:600 2.2rem/1.05 Newsreader,serif}.idea-cards{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.idea-cards>div{border:1px solid var(--line);background:#080d1966;border-radius:.65rem;padding:1rem}.idea-cards b{color:var(--aqua);font:500 .65rem var(--mono);text-transform:uppercase;margin-bottom:.4rem;display:block}.idea-cards span{color:var(--muted);font-size:.8rem;line-height:1.6}.practice-panel>p:not(.eyebrow){color:var(--muted);margin-top:-.8rem;font-size:.85rem;line-height:1.6}.answer-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;display:grid}.answer-grid button{color:var(--ink);border:1px solid var(--line);text-align:left;background:#080d1966;border-radius:.6rem;align-items:center;gap:.65rem;padding:.85rem;font-size:.8rem;display:flex}.answer-grid button:hover{border-color:var(--blue)}.answer-grid b{font:500 .65rem var(--mono);width:1.5rem;height:1.5rem;color:var(--blue);background:#1c2944;border-radius:.3rem;place-items:center;display:grid}.answer-grid .correct{border-color:var(--aqua);background:#52dbc41f}.answer-grid .incorrect{border-color:var(--red);background:#ff7a9314}.feedback{border-radius:.6rem;gap:.2rem;margin-top:1rem;padding:.85rem;font-size:.78rem;display:grid}.feedback b{font-size:.8rem}.feedback span{color:var(--muted);line-height:1.55}.feedback.good{background:#52dbc414;border:1px solid #52dbc473}.feedback.retry{background:#ff7a930f;border:1px solid #ff7a9366}.studio{border-top:1px solid var(--line)}.studio-grid{border:1px solid var(--line);background:#121a2d8c;border-radius:1rem;grid-template-columns:310px 1fr;display:grid;overflow:hidden}.studio-grid aside{border-right:1px solid var(--line);padding:1rem}.algorithm-list{gap:.5rem;display:grid}.algorithm-list button{text-align:left;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.7rem;padding:.8rem;display:flex}.algorithm-list button:hover,.algorithm-list button.active{background:var(--panel-2);border-color:var(--line)}.algorithm-list button>span{width:1.7rem;height:1.7rem;color:var(--blue);font:500 .68rem var(--mono);background:#233450;border-radius:.35rem;place-items:center;display:grid}.algorithm-list b,.algorithm-list small{display:block}.algorithm-list b{font-size:.8rem}.algorithm-list small{font:400 .63rem var(--mono);color:var(--muted);margin-top:.15rem}.algo-cue{color:var(--muted);border-top:1px solid var(--line);margin:1rem 0 0;padding:.9rem .2rem;font-size:.78rem;line-height:1.6}.algo-cue b{font:500 .62rem var(--mono);color:var(--aqua);text-transform:uppercase;margin-bottom:.2rem;display:block}.algorithm-board{min-height:300px;padding:1.5rem}.board-top,.algorithm-explain{font:400 .66rem var(--mono);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.board-top b{color:var(--ink);font-size:.72rem}.algorithm-array{justify-content:center;margin:4rem 0 2rem}.algorithm-array>div{min-width:4.5rem;padding:.75rem}.algorithm-explain{border-top:1px solid var(--line);padding-top:1rem}.algorithm-explain b{color:var(--aqua)}.next-up{text-align:center;border-top:1px solid var(--line)}.next-up h2{max-width:600px;margin:.7rem auto 2rem}.next-up>div{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.next-up span{border:1px solid var(--line);color:var(--muted);border-radius:5rem;padding:.55rem .8rem;font-size:.73rem}footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding:1.5rem 2rem;font-size:.75rem;display:flex}footer .brand{color:var(--ink)}footer>a:last-child{color:var(--blue);font-weight:700}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:2.5rem;padding-top:4.5rem}.lesson-picker{grid-template-columns:1fr 1fr}.lesson-workspace,.studio-grid{grid-template-columns:1fr}.lesson-intro,.studio-grid aside{border-right:0;border-bottom:1px solid var(--line)}.method-steps{grid-template-columns:1fr 1fr}.section-title{flex-direction:column;align-items:start}.topbar nav{display:none}}@media (max-width:620px){.topbar,.hero,.method-strip,.course-shell,.studio,.next-up,footer{padding-left:1rem;padding-right:1rem}.nav-cta{display:none}.hero{padding-bottom:4rem}.hero h1{font-size:3.5rem}.lesson-picker,.answer-grid,.idea-cards{grid-template-columns:1fr}.method-steps{gap:.3rem}.method-steps div{padding:.3rem .6rem}.lesson-workspace{min-height:0}.lesson-intro,.workspace-main{padding:1rem}.trace-controls{flex-wrap:wrap}.trace-controls span{order:-1;width:100%}.algorithm-array{margin:2.5rem 0 1.8rem}.array-cell,.algorithm-array>div{min-width:3.6rem}.topbar{position:static}.hero-card{padding:1.25rem}footer{flex-wrap:wrap;gap:1rem}}.lesson-tabs{grid-template-columns:repeat(4,1fr)}.experiment-panel{flex-direction:column;justify-content:center;min-height:100%;padding:1.2rem;display:flex}.experiment-panel h3{letter-spacing:-.045em;margin:.65rem 0 .55rem;font:600 2.2rem/1.05 Newsreader,serif}.experiment-panel>p:not(.eyebrow){color:var(--muted);margin:0 0 1.3rem;font-size:.85rem;line-height:1.65}.experiment-control{border:1px solid var(--line);background:#080d198c;border-radius:.75rem;grid-template-columns:1fr auto 2rem minmax(190px,1.8fr);align-items:center;gap:.7rem;padding:.85rem;display:grid}.experiment-control label{color:var(--muted);font:500 .66rem var(--mono);text-transform:uppercase}.experiment-control input{border:1px solid var(--blue);width:100%;color:var(--aqua);font:500 .9rem var(--mono);background:#0c1426;border-radius:.45rem;padding:.6rem .7rem}.experiment-control>span{color:var(--aqua);text-align:center}.experiment-control output{color:#cdeedc;font:500 .76rem/1.5 var(--mono)}.experiment-note{border-left:2px solid var(--aqua);gap:.25rem;margin-top:1rem;padding:.7rem .9rem;display:grid}.experiment-note b{color:var(--aqua);font:500 .65rem var(--mono);text-transform:uppercase}.experiment-note span{color:var(--muted);font-size:.78rem;line-height:1.6}@media (max-width:620px){.experiment-control{grid-template-columns:1fr}.experiment-control>span{display:none}.experiment-panel h3{font-size:1.9rem}}.lesson-page{max-width:1240px;margin:auto;padding:3.2rem 2rem 5.5rem}.lesson-page-head{grid-template-columns:1fr auto;align-items:end;gap:1.5rem;margin-bottom:2rem;display:grid}.lesson-page-head>a{color:var(--aqua);font:700 .76rem var(--mono);grid-column:1/-1;width:max-content}.lesson-page-head h1{letter-spacing:-.06em;margin:.65rem 0 .8rem;font:600 clamp(2.7rem,5vw,4.7rem)/.94 Newsreader,serif}.lesson-page-head p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0;line-height:1.65}.lesson-page-progress{color:var(--muted);font:500 .7rem var(--mono);flex-direction:column;align-items:flex-end;gap:.45rem;display:flex}.lesson-page-progress b{color:var(--aqua);border:1px solid #52dbc447;border-radius:5rem;padding:.45rem .7rem}.lesson-pagination{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.lesson-pagination a{border:1px solid var(--line);color:var(--muted);border-radius:.7rem;padding:.85rem 1rem;font-size:.78rem;font-weight:800}.lesson-pagination a:last-child{text-align:right}.lesson-pagination a:hover{border-color:var(--aqua);color:var(--aqua)}@media (max-width:620px){.lesson-page{padding:2rem 1rem 4rem}.lesson-page-head{grid-template-columns:1fr}.lesson-page-progress{align-items:flex-start}.lesson-pagination{grid-template-columns:1fr}.lesson-pagination a:last-child{text-align:left}}.notes-library-link{color:var(--ink);background:linear-gradient(100deg,#52dbc41f,#121a2dbf);border:1px solid #52dbc459;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid}.notes-library-link>span{font:500 .62rem var(--mono);color:var(--aqua);border:1px solid #52dbc44d;border-radius:.4rem;padding:.4rem}.notes-library-link b{font-size:.88rem}.notes-library-link p{color:var(--muted);margin:.25rem 0 0;font-size:.75rem;line-height:1.5}.notes-library-link i{font:700 .76rem var(--mono);color:var(--aqua);font-style:normal}.notes-library{max-width:1320px;margin:auto;padding:3.2rem 2rem 5rem}.notes-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;padding-bottom:2.4rem;display:grid}.notes-hero h1{letter-spacing:-.06em;max-width:870px;margin:.7rem 0 1rem;font:600 clamp(2.6rem,5.4vw,5rem)/.94 Newsreader,serif}.notes-hero p:not(.eyebrow){max-width:730px;color:var(--muted);line-height:1.7}.notes-stat{border:1px solid var(--line);background:var(--panel);border-radius:.85rem;flex-direction:column;gap:.2rem;min-width:160px;padding:1rem 1.15rem;display:flex}.notes-stat b{color:var(--aqua);font:600 2.1rem Newsreader,serif}.notes-stat span{font-size:.72rem;font-weight:800}.notes-stat small{color:var(--muted);margin-top:.4rem;font-size:.65rem;line-height:1.45}.notes-layout{grid-template-columns:280px minmax(0,1fr);gap:2.5rem;margin-top:2rem;display:grid}.notes-sidebar{align-self:start;max-height:calc(100vh - 7rem);padding-right:.7rem;position:sticky;top:5.5rem;overflow:auto}.notes-sidebar>a{font:700 .72rem var(--mono);color:var(--aqua);margin-bottom:1.35rem;display:inline-block}.notes-sidebar label{font:600 .68rem var(--mono);color:var(--muted);margin-bottom:.45rem;display:block}.notes-sidebar input{width:100%;color:var(--ink);border:1px solid var(--line);outline-color:var(--aqua);background:#0c1323;border-radius:.5rem;padding:.65rem .7rem;font-size:.76rem}.notes-results{font:500 .63rem var(--mono);color:var(--muted);margin:.65rem 0}.notes-sidebar nav{gap:.25rem;display:grid}.notes-sidebar nav button{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:.55rem;grid-template-columns:1.9rem 1fr auto;align-items:start;gap:.45rem;padding:.65rem .55rem;display:grid}.notes-sidebar nav button:hover,.notes-sidebar nav button.active{background:var(--panel-2);border-color:var(--line);color:var(--ink)}.notes-sidebar nav button.active{border-left-color:var(--aqua)}.notes-sidebar nav button span{font:500 .6rem var(--mono);color:var(--aqua);padding-top:.14rem}.notes-sidebar nav button b{font-size:.68rem;line-height:1.4}.notes-sidebar nav button i{color:var(--aqua);font-size:.7rem;font-style:normal}.notes-reader{min-width:0;max-width:920px}.reader-kicker{font:500 .65rem var(--mono);color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.8rem;display:flex}.reader-kicker span:first-child{color:var(--aqua)}.notes-reader>h2{letter-spacing:-.055em;margin:1rem 0 1.35rem;font:600 clamp(2rem,4vw,3.7rem)/.98 Newsreader,serif}.reader-toc{border:1px solid var(--line);background:#121a2db3;border-radius:.75rem;flex-wrap:wrap;gap:.4rem .75rem;margin-bottom:2rem;padding:.9rem 1rem;display:flex}.reader-toc b{width:100%;font:500 .62rem var(--mono);color:var(--aqua);text-transform:uppercase;margin-bottom:.15rem}.reader-toc a{color:var(--muted);border-bottom:1px solid #0000;font-size:.68rem}.reader-toc a:hover{color:var(--aqua);border-color:var(--aqua)}.notes-content{color:#d8e1f0;font-size:.93rem;line-height:1.78}.notes-content h2,.notes-content h3,.notes-content h4{letter-spacing:-.04em;scroll-margin-top:6rem}.notes-content h2{color:var(--ink);margin:3.4rem 0 1rem;font:600 2rem/1.1 Newsreader,serif}.notes-content h3{color:#fff;margin:2.3rem 0 .7rem;font-size:1.13rem}.notes-content h4{color:var(--aqua);margin:1.7rem 0 .45rem;font-size:.95rem}.notes-content p{margin:.8rem 0}.notes-content strong{color:#fff}.notes-content em{color:#d6e5ff}.notes-content :not(pre)>code{font:.83em var(--mono);color:#c5ddff;background:#17233c;border-radius:.25rem;padding:.12rem .3rem}.notes-content ul,.notes-content ol{margin:.9rem 0;padding-left:1.35rem}.notes-content li{margin:.3rem 0;padding-left:.2rem}.notes-content blockquote{border-left:3px solid var(--aqua);color:#dce9f4;background:#52dbc40f;margin:1.2rem 0;padding:.75rem 1rem}.notes-content hr{border:0;border-top:1px solid var(--line);margin:2.1rem 0}.notes-practice-heading{background:#7aa5ff14;border:1px solid #7aa5ff59;border-radius:.65rem;padding:.75rem .9rem}.notes-code{border:1px solid var(--line);color:#d6e1f4;font:400 .76rem/1.7 var(--mono);white-space:pre;background:#080d19;border-radius:.75rem;margin:1.1rem 0 1.35rem;padding:2rem 1rem 1rem;position:relative;overflow:auto}.notes-code>span{color:var(--aqua);font:500 .55rem var(--mono);letter-spacing:.12em;position:absolute;top:.6rem;left:.75rem}.notes-table-wrap{border:1px solid var(--line);border-radius:.65rem;margin:1rem 0;overflow:auto}.notes-table-wrap table{border-collapse:collapse;width:100%;font-size:.78rem}.notes-table-wrap th,.notes-table-wrap td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .75rem}.notes-table-wrap th{background:var(--panel-2);color:var(--aqua);font:600 .67rem var(--mono)}.notes-table-wrap tr:last-child td{border-bottom:0}.flow-visual{background:linear-gradient(135deg,#52dbc414,#121a2db3);border:1px solid #52dbc459;border-radius:.8rem;margin:1.3rem 0;padding:1rem}.flow-visual figcaption{color:var(--muted);margin-bottom:1rem;font-size:.72rem}.flow-visual figcaption span{font:500 .58rem var(--mono);letter-spacing:.12em;color:var(--aqua);margin-right:.5rem}.flow-nodes{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.flow-item{align-items:center;gap:.3rem;display:flex}.flow-item>div{color:#e8efff;font:500 .67rem/1.35 var(--mono);background:#101a2d;border:1px solid #7aa5ff59;border-radius:.45rem;max-width:180px;padding:.45rem .6rem}.flow-item i{font:500 .58rem var(--mono);color:var(--orange);white-space:nowrap;font-style:normal}.reader-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.3rem;display:flex}.reader-footer button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:.5rem;padding:.6rem .7rem;font-size:.72rem;font-weight:800}.reader-footer .primary{color:#071514;border:0}.reader-footer button:disabled{opacity:.35;cursor:not-allowed}.reader-footer span{font:500 .64rem var(--mono);color:var(--muted)}@media (max-width:900px){.notes-layout{grid-template-columns:1fr}.notes-sidebar{max-height:none;padding:0;position:static}.notes-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-hero{grid-template-columns:1fr}.notes-stat{width:max-content}}@media (max-width:620px){.notes-library{padding:2rem 1rem 4rem}.notes-sidebar nav{grid-template-columns:1fr}.notes-sidebar nav button{padding:.55rem}.notes-reader>h2{font-size:2.35rem}.reader-kicker{flex-direction:column}.notes-content{font-size:.88rem}.flow-nodes{flex-direction:column;align-items:stretch}.flow-item{flex-direction:column;align-items:stretch;width:100%}.flow-item>div{max-width:none}.flow-item i{text-align:center}.reader-footer{flex-wrap:wrap}.reader-footer span{text-align:center;order:-1;width:100%}.notes-library-link{grid-template-columns:1fr}.notes-library-link i{display:none}}.library-loading{max-width:1240px;min-height:68vh;margin:auto;padding:8rem 2rem}.library-loading h1{letter-spacing:-.06em;margin:.8rem 0;font:600 clamp(2.4rem,5vw,4.5rem)/.95 Newsreader,serif}.checkpoint-studio{background:linear-gradient(135deg,#52dbc414,#121a2d9e);border:1px solid #52dbc457;border-radius:1rem;margin:1.5rem 0 2.4rem;padding:1.15rem}.checkpoint-studio-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.checkpoint-studio-head h3{letter-spacing:-.04em;color:var(--ink);margin:.45rem 0 0;font:600 1.55rem/1.05 Newsreader,serif}.checkpoint-studio-head>span{font:500 .62rem var(--mono);color:var(--aqua);white-space:nowrap}.checkpoint-example-desc{color:var(--muted);margin:1rem 0;font-size:.8rem;line-height:1.55}.example-tabs{gap:.45rem;margin-top:1rem;display:flex;overflow:auto}.example-tabs button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:.4rem;flex:none;padding:.45rem .6rem;font-size:.67rem}.example-tabs button.active{color:var(--aqua);border-color:var(--aqua);background:#52dbc414}.trace-studio{background:#0a1020;border:1px solid #7aa5ff61;border-radius:.75rem;margin:1rem 0;overflow:hidden}.trace-studio>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem;display:flex}.trace-studio>header span,.trace-thought span,.trace-state>span,.trace-output>span{font:500 .57rem var(--mono);letter-spacing:.1em;color:var(--aqua);display:block}.trace-studio>header b{margin-top:.2rem;font-size:.75rem;display:block}.trace-studio>header strong{font:500 .63rem var(--mono);color:var(--muted);white-space:nowrap}.trace-studio-grid{grid-template-columns:minmax(0,1.05fr) minmax(210px,.95fr);display:grid}.trace-code{background:#080d19;max-height:340px;padding:.65rem 0;overflow:auto}.trace-code code{font:400 .69rem/1.75 var(--mono);white-space:pre;color:#cfd9ed;padding:.08rem .75rem;display:block}.trace-code code i{color:#65738b;width:2rem;font-style:normal;display:inline-block}.trace-code code.active{color:#fff;border-left:2px solid var(--aqua);background:#52dbc424}.trace-canvas{background:linear-gradient(140deg,#1b2a4699,#0a0f1d80);flex-direction:column;gap:.7rem;padding:.85rem;display:flex}.trace-thought{border-left:2px solid var(--orange);padding:.1rem 0 .1rem .65rem}.trace-thought p{color:#e2eaff;margin:.25rem 0 0;font-size:.74rem;line-height:1.5}.trace-state{border:1px solid var(--line);border-radius:.5rem;padding:.55rem}.trace-state>div{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.trace-state b{font:500 .64rem var(--mono);color:#dce7ff;background:#111b30;border:1px solid #7aa5ff4d;border-radius:.35rem;padding:.35rem .45rem}.trace-state b i{color:var(--aqua);margin-bottom:.12rem;font-size:.54rem;font-style:normal;display:block}.trace-state p{color:var(--muted);margin:.35rem 0 0;font-size:.7rem;line-height:1.45}.trace-output{background:#060a14;border-radius:.4rem;padding:.5rem .6rem}.trace-output code{color:#b9eecf;font:400 .66rem var(--mono);white-space:pre-wrap;margin-top:.25rem;display:block}.trace-player{border-top:1px solid var(--line);align-items:center;gap:.45rem;padding:.65rem .75rem;display:flex}.trace-player button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:.38rem;padding:.38rem .5rem;font-size:.64rem;font-weight:800}.trace-player .primary{color:#071514;border:0}.trace-player button:disabled{opacity:.35;cursor:not-allowed}.trace-player input{min-width:60px;accent-color:var(--aqua);flex:1}.worked-exercises{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:1rem}.worked-exercises h4{color:var(--ink);margin:.25rem 0;font:600 1.2rem Newsreader,serif}.worked-exercises article{border:1px solid var(--line);background:#080d1961;border-radius:.55rem;margin-top:.75rem;padding:.75rem}.worked-exercises article>b{color:#e6efff;font-size:.76rem;line-height:1.5}.worked-exercises article p{color:var(--muted);margin:.5rem 0;font-size:.7rem}.worked-exercises article pre{color:#cbe0ff;font:400 .68rem/1.6 var(--mono);white-space:pre;background:#080d19;border-radius:.4rem;margin:.55rem 0 0;padding:.7rem;overflow:auto}.expandable-trace{margin:-.6rem 0 1.4rem}.expandable-trace>button{color:var(--aqua);background:#52dbc414;border:1px solid #52dbc44d;border-radius:.45rem;padding:.45rem .6rem;font-size:.67rem;font-weight:800}.expandable-trace .trace-studio{margin-top:.7rem}.trace-studio.compact .trace-studio-grid{grid-template-columns:1fr}.trace-studio.compact .trace-code{max-height:270px}.trace-studio.compact .trace-canvas{border-top:1px solid var(--line)}@media (max-width:620px){.checkpoint-studio{padding:.85rem}.checkpoint-studio-head{flex-direction:column;align-items:start}.trace-studio-grid{grid-template-columns:1fr}.trace-canvas{border-top:1px solid var(--line)}.trace-player{flex-wrap:wrap}.trace-player input{flex-basis:100%;order:-1}.worked-exercises article pre{font-size:.62rem}}.problems-lab{max-width:1240px;margin:auto;padding:3.2rem 2rem 5rem}.problems-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:2.5rem;padding-bottom:2rem;display:grid}.problems-hero h1{letter-spacing:-.06em;max-width:750px;margin:.7rem 0 1rem;font:600 clamp(2.7rem,5vw,4.8rem)/.94 Newsreader,serif}.problems-hero p:not(.eyebrow){color:var(--muted);max-width:710px;line-height:1.7}.problems-hero>div:last-child{border:1px solid var(--line);background:var(--panel);border-radius:.8rem;flex-direction:column;gap:.2rem;min-width:160px;padding:.9rem 1rem;display:flex}.problems-hero>div:last-child b{color:var(--aqua);font:600 2rem Newsreader,serif}.problems-hero>div:last-child span{font-size:.72rem;font-weight:800}.problems-hero>div:last-child small{color:var(--muted);margin-top:.3rem;font-size:.63rem;line-height:1.45}.problem-filters{gap:.75rem;margin:1.5rem 0 1rem;display:grid}.problem-filters input{max-width:420px;color:var(--ink);border:1px solid var(--line);outline-color:var(--aqua);background:#0c1323;border-radius:.5rem;padding:.7rem .8rem}.problem-filters>div{gap:.4rem;padding-bottom:.2rem;display:flex;overflow:auto}.problem-filters button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:5rem;flex:none;padding:.4rem .65rem;font-size:.66rem}.problem-filters button.active{border-color:var(--aqua);color:var(--aqua);background:#52dbc41a}.problem-count{font:500 .67rem var(--mono);color:var(--muted)}.problem-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.problem-card{border:1px solid var(--line);background:#121a2da6;border-radius:.9rem;min-width:0;padding:1rem}.problem-card>header{justify-content:space-between;align-items:start;display:flex}.problem-card>header div{align-items:center;gap:.4rem;display:flex}.problem-card>header span{font:600 .58rem var(--mono);color:#071514;background:var(--orange);border-radius:.25rem;padding:.25rem .35rem}.problem-card>header small{font:500 .6rem var(--mono);color:var(--aqua)}.problem-card>header>b{font:500 .65rem var(--mono);color:var(--muted)}.problem-card h2{letter-spacing:-.04em;margin:.8rem 0 .5rem;font:600 1.35rem/1.05 Newsreader,serif}.problem-card>p{color:var(--muted);margin:.5rem 0;font-size:.77rem;line-height:1.55}.problem-strategy{border-left:2px solid var(--aqua);margin:1rem 0;padding:.15rem 0 .15rem .65rem}.problem-strategy b{color:var(--aqua);font:500 .58rem var(--mono);letter-spacing:.08em;display:block}.problem-strategy span{color:#d8e4f5;margin-top:.25rem;font-size:.72rem;line-height:1.5;display:block}.problem-complexity{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;display:flex}.problem-complexity span{border:1px solid var(--line);color:var(--muted);font:400 .6rem var(--mono);border-radius:.35rem;padding:.32rem .4rem}.problem-complexity span b{color:var(--aqua);margin-right:.3rem}.problem-complexity .visual-badge{color:var(--orange);border-color:#ffad7859}.problem-card>pre{border:1px solid var(--line);color:#d7e4ff;font:400 .66rem/1.65 var(--mono);white-space:pre;background:#080d19;border-radius:.55rem;margin:1rem 0;padding:1.9rem .75rem .75rem;position:relative;overflow:auto}.problem-card>pre>span{color:var(--aqua);font:500 .52rem var(--mono);letter-spacing:.12em;position:absolute;top:.55rem;left:.65rem}.problem-card .expandable-trace{margin:0}@media (max-width:900px){.problem-list,.problems-hero{grid-template-columns:1fr}.problems-hero>div:last-child{width:max-content}}@media (max-width:620px){.problems-lab{padding:2rem 1rem 4rem}.problem-card{padding:.8rem}.problem-card h2{font-size:1.2rem}}.practice-library{max-width:1240px;margin:auto;padding:3.2rem 2rem 5rem}.practice-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:2rem;padding-bottom:2rem;display:grid}.practice-hero h1{letter-spacing:-.06em;max-width:780px;margin:.7rem 0 1rem;font:600 clamp(2.6rem,5vw,4.7rem)/.94 Newsreader,serif}.practice-hero p:not(.eyebrow){max-width:700px;color:var(--muted);line-height:1.7}.practice-hero>div:last-child{background:#52dbc40f;border:1px solid #52dbc459;border-radius:.8rem;flex-direction:column;gap:.2rem;min-width:175px;padding:.9rem 1rem;display:flex}.practice-hero>div:last-child b{color:var(--aqua);font:600 2.1rem Newsreader,serif}.practice-hero>div:last-child span{font-size:.72rem;font-weight:800}.practice-hero>div:last-child small{color:var(--muted);margin-top:.35rem;font-size:.64rem;line-height:1.45}.practice-filters{align-items:center;gap:.65rem;margin:1.5rem 0;display:flex}.practice-filters input,.practice-filters select{color:var(--ink);border:1px solid var(--line);outline-color:var(--aqua);background:#0c1323;border-radius:.5rem;padding:.68rem .75rem}.practice-filters input{width:min(420px,100%)}.practice-filters select{font-size:.75rem}.practice-filters span{font:500 .66rem var(--mono);color:var(--muted)}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.practice-card{border:1px solid var(--line);background:#121a2da6;border-radius:.85rem;min-width:0;padding:1rem}.practice-card>header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.practice-card>header span{color:var(--aqua);font:500 .58rem var(--mono);letter-spacing:.09em}.practice-card>header small{color:var(--muted);text-align:right;font-size:.63rem}.practice-card h2{letter-spacing:-.04em;margin:.65rem 0 .25rem;font:600 1.28rem/1.05 Newsreader,serif}.practice-course{color:var(--blue);font:500 .64rem var(--mono);margin:0}.practice-content{color:#dbe4f3;margin-top:.8rem;font-size:.76rem;line-height:1.6}.practice-content p{margin:.65rem 0}.practice-content h4{color:var(--aqua);margin:1rem 0 .4rem;font-size:.9rem}.practice-content ul,.practice-content ol{margin:.65rem 0;padding-left:1.25rem}.practice-content blockquote{border-left:2px solid var(--aqua);color:#dceaff;margin:.7rem 0;padding:.3rem 0 .3rem .65rem}.practice-code pre{border:1px solid var(--line);color:#d7e4ff;font:400 .65rem/1.6 var(--mono);white-space:pre;background:#080d19;border-radius:.5rem;margin:.8rem 0;padding:1.8rem .7rem .7rem;position:relative;overflow:auto}.practice-code pre>span{color:var(--aqua);font:500 .52rem var(--mono);letter-spacing:.1em;position:absolute;top:.5rem;left:.6rem}.practice-table{border:1px solid var(--line);border-radius:.5rem;margin:.7rem 0;overflow:auto}.practice-table table{border-collapse:collapse;width:100%;font-size:.68rem}.practice-table th,.practice-table td{border-bottom:1px solid var(--line);text-align:left;padding:.4rem .5rem}.practice-table th{color:var(--aqua);background:#17233c}.practice-table tr:last-child td{border-bottom:0}@media (max-width:900px){.practice-hero{grid-template-columns:1fr}.practice-hero>div:last-child{width:max-content}.practice-grid{grid-template-columns:1fr}}@media (max-width:620px){.practice-library{padding:2rem 1rem 4rem}.practice-filters{flex-direction:column;align-items:stretch}.practice-filters input{width:100%}.practice-card{padding:.8rem}}.trace-header-actions{align-items:center;gap:.45rem;display:flex}.trace-header-actions button{color:var(--aqua);background:0 0;border:1px solid #52dbc466;border-radius:.35rem;padding:.3rem .45rem;font-size:.6rem;font-weight:800}.trace-studio:fullscreen{background:var(--canvas);flex-direction:column;justify-content:center;width:100%;height:100%;padding:1rem;display:flex}.trace-studio:fullscreen .trace-studio-grid{min-height:65vh}.trace-studio:fullscreen .trace-code{max-height:none}.expandable-trace>div:first-child{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.expandable-trace a,.open-detail{font:700 .66rem var(--mono);color:var(--aqua);border-bottom:1px solid #52dbc466}.chapters-index,.chapter-page,.visual-page,.practice-detail,.problem-detail{max-width:1240px;margin:auto;padding:3.2rem 2rem 5rem}.chapters-index>header{border-bottom:1px solid var(--line);padding-bottom:2rem}.chapters-index h1,.chapter-page-hero h1,.visual-page h1,.practice-detail h1,.problem-detail h1{letter-spacing:-.06em;margin:.7rem 0 1rem;font:600 clamp(2.6rem,5vw,4.8rem)/.94 Newsreader,serif}.chapters-index>header>p:not(.eyebrow),.chapter-page-hero>p:not(.eyebrow),.visual-page header>p:not(.eyebrow),.practice-detail header>p:not(.eyebrow),.problem-detail header>p:not(.eyebrow){color:var(--muted);max-width:720px;line-height:1.7}.chapter-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.chapter-card-grid a{border:1px solid var(--line);background:#121a2d99;border-radius:.85rem;padding:1rem;transition:all .18s}.chapter-card-grid a:hover{border-color:var(--aqua);transform:translateY(-2px)}.chapter-card-grid span{font:500 .58rem var(--mono);color:var(--aqua)}.chapter-card-grid h2{margin:.6rem 0;font:600 1.35rem/1.05 Newsreader,serif}.chapter-card-grid p{color:var(--muted);font-size:.7rem;line-height:1.5}.chapter-card-grid b{color:var(--aqua);font-size:.72rem}.chapter-page-hero>a,.visual-page header>a,.practice-detail header>a,.problem-detail header>a{color:var(--aqua);font:700 .7rem var(--mono)}.chapter-page-layout{grid-template-columns:245px minmax(0,1fr);gap:2rem;margin-top:2rem;display:grid}.chapter-page-layout>aside{border-right:1px solid var(--line);align-self:start;gap:.45rem;max-height:calc(100vh - 7rem);padding-right:1rem;display:grid;position:sticky;top:5.4rem;overflow:auto}.chapter-page-layout>aside>b{color:var(--aqua);font:500 .6rem var(--mono);text-transform:uppercase;margin-bottom:.3rem}.chapter-page-layout>aside a{color:var(--muted);font-size:.68rem;line-height:1.35}.chapter-page-layout>aside a:hover{color:var(--aqua)}.page-pagination{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:1rem;display:grid}.page-pagination a{border:1px solid var(--line);color:var(--muted);border-radius:.6rem;padding:.7rem .8rem;font-size:.73rem;font-weight:800}.page-pagination a:last-child{text-align:right}.page-pagination a:hover{color:var(--aqua);border-color:var(--aqua)}.visual-page header{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1.5rem}.visual-page>nav{justify-content:space-between;margin-top:1rem;display:flex}.visual-page>nav a{color:var(--aqua);font-size:.75rem;font-weight:800}.visual-page.empty{min-height:60vh}.practice-detail,.problem-detail{max-width:950px}.practice-detail header,.problem-detail header{border-bottom:1px solid var(--line);padding-bottom:1.5rem}.practice-detail-content,.problem-detail>article{border:1px solid var(--line);background:#121a2d80;border-radius:.85rem;margin-top:1.5rem;padding:1.25rem}.practice-detail-content{font-size:.95rem;line-height:1.75}.practice-detail-content p{margin:.85rem 0}.problem-detail>article>pre{border:1px solid var(--line);color:#dce8ff;font:400 .76rem/1.7 var(--mono);white-space:pre;background:#080d19;border-radius:.6rem;margin:1rem 0;padding:1.9rem .8rem .8rem;position:relative;overflow:auto}.problem-detail>article>pre>span{color:var(--aqua);font:500 .54rem var(--mono);position:absolute;top:.55rem;left:.65rem}@media (max-width:900px){.chapter-card-grid{grid-template-columns:repeat(2,1fr)}.chapter-page-layout{grid-template-columns:1fr}.chapter-page-layout>aside{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding:0 0 1rem;position:static}.chapter-page-layout>aside>b{grid-column:1/-1}}@media (max-width:620px){.chapters-index,.chapter-page,.visual-page,.practice-detail,.problem-detail{padding:2rem 1rem 4rem}.chapter-card-grid,.chapter-page-layout>aside,.page-pagination{grid-template-columns:1fr}.page-pagination a:last-child{text-align:left}.visual-page>nav{flex-direction:column;align-items:flex-start;gap:.75rem}.trace-header-actions{flex-direction:column;align-items:flex-end}.trace-studio>header{align-items:flex-start}.trace-studio:fullscreen{padding:.45rem}.trace-studio:fullscreen .trace-studio-grid{min-height:0}}.bookmark-button{color:var(--aqua);background:0 0;border:1px solid #52dbc461;border-radius:5rem;margin-top:.8rem;padding:.42rem .65rem;font-size:.68rem;font-weight:800}.bookmark-button.saved{color:#0b1520;background:var(--aqua)}.chapter-check{background:#7aa5ff12;border:1px solid #7aa5ff59;border-radius:.75rem;margin:1.5rem 0;padding:1rem}.chapter-check h3{color:var(--ink);margin:.5rem 0 1rem;font:600 1.3rem/1.1 Newsreader,serif}.chapter-check>div{flex-wrap:wrap;gap:.45rem;display:flex}.chapter-check button{color:var(--ink);border:1px solid var(--line);background:#111b30;border-radius:.4rem;padding:.5rem .65rem;font-size:.7rem}.chapter-check button.correct{border-color:var(--aqua);background:#52dbc41f}.chapter-check .good,.chapter-check .retry{margin:.7rem 0 0;font-size:.72rem}.chapter-check .good{color:var(--aqua)}.chapter-check .retry{color:var(--orange)}.dashboard,.labs,.roadmap,.not-found{max-width:1240px;margin:auto;padding:3.2rem 2rem 5rem}.dashboard>header,.labs>header,.roadmap>header{border-bottom:1px solid var(--line);padding-bottom:1.7rem}.dashboard h1,.labs h1,.roadmap h1,.not-found h1{letter-spacing:-.06em;margin:.7rem 0 1rem;font:600 clamp(2.6rem,5vw,4.7rem)/.94 Newsreader,serif}.dashboard>header p:not(.eyebrow),.labs>header p:not(.eyebrow),.roadmap>header p:not(.eyebrow),.not-found p:not(.eyebrow){color:var(--muted);max-width:700px;line-height:1.7}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0;display:grid}.dashboard-stats>div{border:1px solid var(--line);background:var(--panel);border-radius:.65rem;padding:.9rem}.dashboard-stats b{color:var(--aqua);font:600 1.75rem Newsreader,serif;display:block}.dashboard-stats span{color:var(--muted);font-size:.7rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.dashboard-grid article{border:1px solid var(--line);background:#121a2d99;border-radius:.8rem;padding:1rem}.dashboard-grid h2{margin:.5rem 0;font:600 1.35rem/1.1 Newsreader,serif}.dashboard-grid p:not(.eyebrow){color:var(--muted);font-size:.75rem;line-height:1.55}.dashboard-grid a:not(.primary){color:var(--aqua);font-size:.72rem;font-weight:800}.saved-list>div{border-top:1px solid var(--line);justify-content:space-between;gap:.5rem;padding:.5rem 0;display:flex}.saved-list>div a{font-size:.68rem}.saved-list button{color:var(--muted);background:0 0;border:0;font-size:1rem}.labs-layout{border:1px solid var(--line);background:#121a2d8c;border-radius:.85rem;grid-template-columns:250px 1fr;margin-top:1.7rem;display:grid;overflow:hidden}.labs-layout aside{border-right:1px solid var(--line);align-content:start;gap:.3rem;padding:.7rem;display:grid}.labs-layout aside button{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:.45rem;padding:.65rem;font-size:.75rem}.labs-layout aside button.active{color:var(--aqua);border-color:var(--line);background:var(--panel-2)}.labs-layout article{padding:1.4rem}.labs-layout h2{letter-spacing:-.04em;color:var(--ink);margin:.5rem 0;font:600 1.7rem/1.1 Newsreader,serif}.lab-canvas{border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#52dbc421,#0000 52%),#080d19;border-radius:.65rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;min-height:190px;margin:1.2rem 0;padding:1rem;display:flex}.lab-canvas span{font:500 .84rem var(--mono);color:#dce7ff;background:#111b30;border:1px solid #7aa5ff59;border-radius:.45rem;padding:.7rem .85rem}.lab-canvas span.focus{border-color:var(--orange);color:var(--orange);background:#ffad7821;transform:translateY(-5px)}.lab-thought{border-left:2px solid var(--aqua);color:#dbe8f5;padding-left:.7rem;font-size:.8rem}.lab-controls{align-items:center;gap:.45rem;margin-top:1rem;display:flex}.lab-controls button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:.4rem;padding:.48rem .6rem;font-size:.68rem;font-weight:800}.lab-controls .primary{color:#071514;border:0}.lab-controls button:disabled{opacity:.35}.lab-controls span{color:var(--muted);font:500 .62rem var(--mono);margin-right:auto}.roadmap ol{gap:.7rem;margin:1.8rem 0;padding:0;list-style:none;display:grid}.roadmap li{border:1px solid var(--line);background:#121a2d8c;border-radius:.7rem;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}.roadmap li>span{color:var(--aqua);font:500 .8rem var(--mono)}.roadmap h2{margin:0;font-size:1rem}.roadmap li p{color:var(--muted);margin:.25rem 0 0;font-size:.74rem}.roadmap li a{color:var(--aqua);font-size:.7rem;font-weight:800}.not-found{min-height:65vh;padding-top:10rem}@media (max-width:900px){.dashboard-grid,.labs-layout{grid-template-columns:1fr}.labs-layout aside{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr)}.roadmap li{grid-template-columns:3.5rem 1fr}}@media (max-width:620px){.dashboard,.labs,.roadmap,.not-found{padding:2rem 1rem 4rem}.dashboard-stats,.labs-layout aside{grid-template-columns:1fr}.lab-controls{flex-wrap:wrap}.lab-controls span{order:-1;width:100%}.roadmap li{grid-template-columns:2.5rem 1fr}.roadmap li a{grid-column:2}.chapter-check>div{grid-template-columns:1fr;display:grid}}