:root{--paper:#fff6ea;--paper-dots:#f1e2cd;--card:#fffbf5;--white:#fff;--ink:#3d2a20;--ink-soft:#6b5040;--ink-faint:#8f7563;--pink:#f39bb3;--pink-soft:#fde3ea;--pink-ink:#a2385a;--yellow:#ffd36e;--yellow-soft:#fff1c9;--blue:#8ec5ff;--blue-soft:#e3f0ff;--blue-ink:#2f6aa6;--green:#8fd6a8;--green-soft:#e1f5e8;--green-ink:#2e7d4f;--lavender:#c3b5f5;--lavender-soft:#ece7fd;--orange:#ffa66b;--orange-soft:#ffe6d4;--red-ink:#b23a2a;--accent:var(--pink);--accent-soft:var(--pink-soft);--accent-ink:var(--pink-ink);--hand:"Mali", "Chalkboard SE", "Comic Sans MS", cursive;--body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:18px 22px 16px 24px / 22px 16px 24px 18px;--radius-sm:12px 14px 10px 15px / 14px 10px 15px 12px;--line:2.5px solid var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--wrap:720px;--wide:960px}.subject-physics{--accent:var(--yellow);--accent-soft:var(--yellow-soft);--accent-ink:#8a6100}.subject-cs{--accent:var(--blue);--accent-soft:var(--blue-soft);--accent-ink:var(--blue-ink)}.subject-bio{--accent:var(--green);--accent-soft:var(--green-soft);--accent-ink:var(--green-ink)}.subject-philosophy{--accent:var(--lavender);--accent-soft:var(--lavender-soft);--accent-ink:#5b48a8}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100svh;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--paper-dots) 1.6px, transparent 1.6px);font-family:var(--body);-webkit-font-smoothing:antialiased;background-size:24px 24px;flex-direction:column;margin:0;font-size:18px;line-height:1.6;display:flex;overflow-x:hidden}@media (width<=560px){body{font-size:17px}}h1,h2,h3,h4{font-family:var(--hand);margin:0;font-weight:700;line-height:1.2}p{margin:0 0 1em}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration-thickness:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px dashed var(--accent-ink);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.defs{width:0;height:0;position:absolute;overflow:hidden}.boil{filter:url(#wobble)}.sketch{filter:url(#wobble-still)}.mascot{filter:url(#wobble);display:block;overflow:visible}.mascot .mood{display:none}.mascot[data-mood=happy] .m-happy,.mascot[data-mood=think] .m-think,.mascot[data-mood=wow] .m-wow,.mascot[data-mood=yay] .m-yay,.mascot[data-mood=oops] .m-oops{display:inline}.mascot-eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite blink}.mascot-bob{animation:4s ease-in-out infinite bob}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.topbar{width:min(var(--wide), 100% - 32px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 auto;padding:14px 0 6px;display:flex}.brand{color:var(--ink);font-family:var(--hand);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mascot{width:46px;height:auto}.topnav{gap:8px;display:flex}.topnav a{border:2px solid var(--ink);background:var(--white);color:var(--ink);font-family:var(--hand);border-radius:999px;padding:4px 14px;font-size:.95rem;font-weight:700;text-decoration:none}.topnav a[aria-current=page]{background:var(--accent-soft)}.progress{border:2px solid var(--ink);background:var(--white);border-radius:999px;flex-basis:100%;height:10px;overflow:hidden}.progress span{width:calc(var(--p) * 100%);background:var(--accent);border-right:2px solid var(--ink);height:100%;display:block}.card{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn{border:var(--line);border-radius:var(--radius-sm);background:var(--white);min-height:44px;box-shadow:var(--shadow-sm);font-family:var(--hand);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:var(--shadow-sm);transform:none}.btn-primary{background:var(--accent)}.btn[aria-pressed=true]{background:var(--accent-soft)}.chip{border:2px solid var(--ink);background:var(--white);white-space:nowrap;border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;font-size:.88rem;line-height:1.4;transition:background-color .2s;display:inline-flex}.chip b{font-family:var(--hand);font-variant-numeric:tabular-nums;font-size:1rem}.chip.is-hot{background:var(--yellow)}.slider{flex:260px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:min(100%,260px);font-size:.95rem;font-weight:700;display:grid}.slider output{text-align:right;min-width:3.2em;font-family:var(--hand);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px}input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--ink);background:var(--white);border-radius:999px;height:10px}input[type=range]::-moz-range-track{border:2px solid var(--ink);background:var(--white);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2.5px solid var(--ink);background:var(--accent);border-radius:50%;width:24px;height:24px;margin-top:-9px}input[type=range]::-moz-range-thumb{border:2.5px solid var(--ink);background:var(--accent);border-radius:50%;width:20px;height:20px}select{border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%233d2a20' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;min-height:44px;font-family:var(--hand);cursor:pointer;padding:6px 36px 6px 12px;font-weight:700}main{flex:1}.puff{width:min(var(--wide), 100% - 32px);margin:0 auto;padding:18px 0 48px}.puff>*{max-width:var(--wrap);margin-inline:auto}.puff>.fig,.puff>.wide{max-width:none}.kicker{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;margin-bottom:18px;font-size:.92rem;display:flex}.kicker a{border:2px solid var(--ink);background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:2px 12px;font-weight:700;text-decoration:none}.puff h1{text-wrap:balance;margin-bottom:14px;font-size:clamp(2rem,6.2vw,3rem)}.lede{color:var(--ink-soft);margin-bottom:32px;font-size:1.18rem}.section-label{font-family:var(--hand);align-items:center;gap:10px;margin:44px auto 14px;font-size:1.35rem;font-weight:700;display:flex}.section-label:before{content:attr(data-n);border:2.5px solid var(--ink);background:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;display:inline-grid}.section-label:not([data-n]):before{content:"+";background:var(--yellow)}.quiz{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.quiz-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.quiz-head .mascot{flex:none;width:92px;height:auto;margin-top:6px}.bubble{border:var(--line);border-radius:var(--radius-sm);background:var(--white);font-family:var(--hand);flex:1;padding:12px 16px;font-size:1.18rem;font-weight:700;line-height:1.35;position:relative}.bubble:before{content:"";background:var(--white);border-left:var(--line);border-bottom:var(--line);width:18px;height:18px;position:absolute;top:22px;left:-12px;transform:rotate(45deg)skew(8deg,8deg)}.bubble p{margin:0}.choices{gap:10px;display:grid}.choice{border:var(--line);border-radius:var(--radius-sm);background:var(--white);width:100%;min-height:48px;box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-weight:600;line-height:1.4;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:flex}.choice:before{content:attr(data-letter);border:2px solid var(--ink);width:28px;height:28px;font-family:var(--hand);background:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.choice:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.choice:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.choice.is-picked{background:var(--accent-soft)}.quiz.is-answered .choice.is-right{background:var(--green-soft)}.quiz.is-answered .choice.is-right:before{content:"✓";background:var(--green)}.quiz.is-answered .choice.is-picked.is-wrong{background:var(--orange-soft)}.quiz.is-answered .choice.is-picked.is-wrong:before{content:"✗";background:var(--orange)}.quiz-feedback{border-left:5px solid var(--accent);background:var(--white);border-radius:4px 12px 12px 4px;margin:16px 0 0;padding:12px 16px}.quiz-feedback[hidden]{display:none}.fig{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 auto;padding:16px}.fig-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:0 4px 10px;display:flex}.fig-n{font-family:var(--hand);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:.85rem;font-weight:700}.fig-title{font-family:var(--hand);font-size:1.1rem;font-weight:700}.fig-stage{border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);position:relative;overflow:hidden}.fig-stage>svg,.fig-stage>canvas{width:100%;height:auto;display:block}.fig-stage text{font-family:var(--hand);fill:var(--ink)}.fig-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;display:flex}.fig-readout{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.fig-hint{color:var(--ink-faint);margin:12px 4px 0;font-size:.92rem}.steps{gap:12px;margin:0 auto;padding:0;list-style:none;display:grid}.step{border:var(--line);border-radius:var(--radius-sm);background:var(--card);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;gap:14px;width:100%;padding:14px 16px;line-height:1.55;transition:background-color .2s,transform 80ms;display:grid}.step:hover{transform:translate(-1px,-1px)}.step-n{border:2.5px solid var(--ink);background:var(--yellow-soft);width:34px;height:34px;font-family:var(--hand);border-radius:50%;place-items:center;font-weight:700;display:grid}.step strong{font-family:var(--hand);margin-bottom:2px;font-size:1.1rem;display:block}.step.is-active{background:var(--accent-soft);box-shadow:var(--shadow-sm)}.step.is-active .step-n{background:var(--accent)}.steps-hint{color:var(--ink-faint);margin:10px auto 0;font-size:.92rem}.prose h3{margin:1.4em 0 .5em;font-size:1.25rem}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.3em}.prose li{margin-bottom:.35em}.deeper{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:44px}.deeper>summary{font-family:var(--hand);cursor:pointer;align-items:center;gap:12px;padding:16px 20px;font-size:1.25rem;font-weight:700;list-style:none;display:flex}.deeper>summary::-webkit-details-marker{display:none}.deeper>summary:before{content:"+";border:2.5px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:transform .2s;display:grid}.deeper[open]>summary:before{content:"−"}.deeper-sub{font-family:var(--body);color:var(--ink-faint);font-size:.9rem;font-weight:600;display:block}.deeper-body{padding:0 20px 20px}.formula{border:2px dashed var(--ink-faint);border-radius:var(--radius-sm);background:var(--white);text-align:center;white-space:nowrap;margin:0 0 1em;padding:12px 16px;font-size:1.1rem;line-height:1.8;overflow-x:auto}.formula var,.prose var{font-family:Georgia,Times New Roman,serif;font-size:1.05em;font-style:italic}.formula .note{color:var(--ink-faint);white-space:normal;font-size:.85rem;display:block}.frac{vertical-align:middle;text-align:center;flex-direction:column;margin:0 2px;line-height:1.2;display:inline-flex}.frac>:first-child{border-bottom:1.5px solid;padding:0 3px}.frac>:last-child{padding:0 3px}.live{font-family:var(--hand);background:var(--yellow-soft);font-variant-numeric:tabular-nums;border-radius:4px;padding:0 4px;font-weight:700}.sources{color:var(--ink-soft);margin-top:36px;font-size:.92rem}.sources h2{margin-bottom:6px;font-size:1.05rem}.sources ol{margin:0;padding-left:1.3em}.pager{grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;display:grid}.pager-link{border:var(--line);border-radius:var(--radius-sm);background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink);flex-direction:column;gap:4px;padding:14px 18px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex}.pager-link:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.pager-next{text-align:right;background:var(--accent-soft)}.pager-dir{color:var(--ink-faint);font-size:.85rem;font-weight:700}.pager-title{font-family:var(--hand);font-weight:700;line-height:1.3}@media (width<=560px){.pager{grid-template-columns:1fr}.pager>span:empty{display:none}.quiz-head .mascot{width:70px}.bubble{font-size:1.08rem}.fig{padding:12px}}.page{width:min(var(--wide), 100% - 32px);margin:0 auto;padding:18px 0 56px}.hero{text-align:center;flex-direction:column;align-items:center;padding:28px 0 8px;display:flex;position:relative}.hero .mascot{width:min(220px,52vw);height:auto}.hero h1{margin-top:16px;font-size:clamp(3rem,13vw,5.4rem);line-height:1}.hero-tagline{font-family:var(--hand);color:var(--ink-soft);margin:14px 0 0;font-size:clamp(1.2rem,4.4vw,1.6rem);font-weight:500}.hero-intro{max-width:34rem;color:var(--ink-soft);margin:18px auto 0}.doodle{pointer-events:none;animation:3.6s ease-in-out infinite twinkle;position:absolute;overflow:visible}@keyframes twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(10deg)}}.track-card{background:var(--accent-soft);grid-template-columns:1fr auto;align-items:center;gap:18px 24px;max-width:820px;margin:40px auto 0;display:grid}.track-card h2{margin:6px 0 8px;font-size:clamp(1.5rem,4.6vw,2rem)}.track-card p{color:var(--ink-soft);margin:0}.track-card .eyebrow{font-family:var(--hand);color:var(--accent-ink);font-weight:700}.track-card-actions{flex-direction:column;gap:10px;display:flex}.soon{max-width:820px;margin:36px auto 0}.soon h2{color:var(--ink-soft);margin-bottom:12px;font-size:1.2rem}.soon-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.soon-list li{border:2px dashed var(--ink-faint);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-soft) 60%, transparent);font-family:var(--hand);color:var(--ink-soft);padding:12px 14px;font-weight:700}.soon-list small{font-family:var(--body);color:var(--ink-faint);font-weight:600;display:block}.soon-list .soon-next{border-style:solid;border-color:var(--ink);color:var(--ink);grid-column:1/-1}@media (width<=640px){.track-card{grid-template-columns:1fr}}.course-hero{align-items:center;gap:20px;max-width:820px;margin:18px auto 0;display:flex}.course-hero .mascot{flex:none;width:120px;height:auto}.course-hero h1{margin:4px 0 10px;font-size:clamp(2rem,6.4vw,3rem)}.course-hero p{color:var(--ink-soft);margin:0}.course-hero .eyebrow{font-family:var(--hand);color:var(--accent-ink);font-weight:700}@media (width<=560px){.course-hero{flex-direction:column;align-items:flex-start}.course-hero .mascot{width:92px}}.chapters{max-width:820px;margin:28px auto 0;padding:0;list-style:none}.chapter{margin-top:34px}.chapter-title{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;font-size:1.6rem;display:flex}.chapter-n{border:2px solid var(--ink);background:var(--accent);border-radius:999px;padding:2px 12px;font-size:.95rem}.puff-cards{gap:12px;margin:0;padding:0;list-style:none;display:grid}.puff-card{border:var(--line);border-radius:var(--radius-sm);background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink);align-items:flex-start;gap:14px;padding:14px 16px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:flex}.puff-card:hover{box-shadow:4px 4px 0 var(--ink);background:var(--accent-soft);transform:translate(-1px,-1px)}.puff-card-n{border:2.5px solid var(--ink);background:var(--yellow-soft);width:38px;height:38px;font-family:var(--hand);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.puff-card-text{gap:2px;display:grid}.puff-card-title{font-family:var(--hand);font-size:1.12rem;font-weight:700;line-height:1.3}.puff-card-blurb{color:var(--ink-soft);font-size:.95rem;line-height:1.5}.site-footer{width:min(var(--wide), 100% - 32px);border-top:2px dashed var(--paper-dots);text-align:center;color:var(--ink-faint);margin:0 auto;padding:24px 0 32px;font-size:.92rem}.site-footer p{margin:0 0 4px}.site-footer a{color:var(--ink-soft)}.site-footer-note{font-size:.85rem}@media (prefers-reduced-motion:reduce){.boil,.mascot{filter:url(#wobble-still)}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero-mascot{cursor:pointer;background:0 0;border:0;padding:0}.lost h1{font-size:clamp(2.2rem,8vw,3.6rem)}.lost-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}