:root{color:#243f38;font-synthesis:none;background:#f5f4ee;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #bd633c}header{border-bottom:1px solid #dedfd5;align-items:center;gap:30px;height:88px;margin:0 5%;display:flex}.brand{color:inherit;letter-spacing:-1px;align-items:center;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child{font-weight:400}.brand-icon{color:#e4eccb;letter-spacing:-3px;background:#243f38;border-radius:10px;margin-right:11px;padding:6px 9px;font-family:Georgia,serif;font-size:21px}.header-note{color:#7b8378;margin:auto;font-size:12px}.preview{letter-spacing:1.6px;color:#7c8174;font-size:9px}main{max-width:1000px;margin:auto;padding:52px 38px 0}.eyebrow{letter-spacing:2px;color:#6c7e6b;font-size:10px;font-weight:600}.eyebrow span{float:right}h1{letter-spacing:-1.2px;margin:19px 0;font-family:Georgia,serif;font-size:42px;font-weight:400}.problem{color:#626b61;max-width:760px;margin-bottom:20px;font-size:17px;line-height:1.8}.problem strong{color:#243f38;font-weight:600}.problem-meta{color:#7c8476;gap:10px;margin:0 0 30px;font-size:10px;display:flex}.problem-meta span:first-child{background:#e9eddf;border-radius:4px;padding:5px 10px}.problem-meta span:last-child{padding:5px}.notebook{background:#fffefa;border:1px solid #deded3;border-radius:15px;overflow:hidden;box-shadow:0 12px 35px #27372306}.board-top{color:#8b9184;letter-spacing:1.2px;border-bottom:1px solid #efefe5;justify-content:space-between;padding:20px 27px;font-size:9px;display:flex}.board-top span:first-child{align-items:center;gap:8px;display:flex}.board-top span:last-child{letter-spacing:0;font-size:11px}.board-top i{background:#7b9272;border-radius:50%;width:5px;height:5px}.board{background-image:radial-gradient(#adb59c38 .7px,#0000 .7px);background-size:22px 22px;min-height:320px;position:relative}.board svg{width:100%;height:auto;display:block}.blank-prompt{text-align:center;color:#a2aa99;position:absolute;top:28%;left:0;right:0}.blank-prompt p{color:#81917d;margin:18px 0 10px;font-family:Georgia,serif;font-size:26px}.blank-prompt>span:last-child{font-size:12px}.tiny-spark{color:#a7b991;font-size:32px}.svg-label{letter-spacing:1.8px;fill:#7c8975;font:11px ui-sans-serif,sans-serif}.svg-mass{fill:#28735b;font:11px ui-sans-serif,sans-serif}.svg-scale{fill:#8a9282;font:11px ui-sans-serif,sans-serif}.svg-value{fill:#28735b;font:15px ui-sans-serif,sans-serif}.lesson-caption{background:#f7f9f1;border-top:1px solid #edf0e5;align-items:center;gap:18px;min-height:83px;padding:19px 27px;display:flex}.lesson-caption>span{color:#718563;border:1px solid #d7dfca;border-radius:50%;place-items:center;min-width:27px;height:27px;font-size:10px;display:grid}.lesson-caption p{color:#5e7056;margin:0;font-size:13px;line-height:1.65}.transport{background:#fffefa;padding:20px 27px 5px}.transport-main{align-items:center;gap:15px;display:flex}.play{color:#fffef5;white-space:nowrap;background:#243f38;border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-width:132px;padding:13px 17px;font-size:12px;display:flex}.play span{font-size:10px}.icon-button{color:#6e8069;background:0 0;border:0;padding:2px;font-size:24px}.timeline{flex:1;min-width:30px;display:flex}input[type=range]{accent-color:#486c52;cursor:pointer;width:100%;height:20px}.time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.time span{color:#9b9e92}.speed select{color:#60745a;background:#f5f5ed;border:0;border-radius:4px;padding:7px 3px;font-size:11px}.transport-extra{border-top:1px solid #eeeee6;justify-content:space-between;margin-top:19px;padding:13px 0;display:flex}.transport-extra button{color:#6a7e5d;background:0 0;border:0;padding:5px 0;font-size:11px}.transport-extra button:last-child span{padding-left:14px}.chapters{gap:8px;margin-top:24px;display:flex}.chapters button{text-align:left;color:#8a9280;background:0 0;border:1px solid #dedfd3;border-radius:8px;flex-direction:column;flex:1;gap:12px;padding:15px 12px;display:flex;position:relative}.chapters button[aria-current]{color:#34543e;background:#e9eddf;border-color:#cbd6be}.chapters button>span{font-size:10px}.chapters strong{font-size:11px;font-weight:500;line-height:1.4}.chapters small{color:#9a9f90;font-size:9px;font-weight:400;position:absolute;top:15px;right:12px}.explanation{background:#e9eddf;border-radius:10px;margin-top:18px;padding:20px 25px}.explanation>p:last-child{color:#52664a;font-size:14px;line-height:1.8}footer{color:#929989;justify-content:space-between;padding:30px 0;font-size:10px;display:flex}.reduced-note{color:#6b7d61;font-size:12px;line-height:1.6}.skip{position:absolute;top:-100px}.skip:focus{z-index:3;background:#fff;padding:10px;top:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=700px){.board svg{max-height:850px}}@media (width<=650px){header{gap:12px;height:72px;margin:0 20px}.brand{font-size:21px}.brand-icon{font-size:18px}.header-note{display:none}.preview{letter-spacing:1px;margin-left:auto;font-size:7px}main{padding:30px 16px 0}h1{font-size:32px;line-height:1.15}.problem{font-size:15px;line-height:1.75}.problem-meta{font-size:9px}.board-top{padding:17px 15px}.board-top span:first-child{letter-spacing:.7px;font-size:8px}.board-top span:last-child{font-size:9px}.blank-prompt p{font-size:23px}.blank-prompt>span:last-child{font-size:11px}.transport{padding:15px 14px 3px}.transport-main{flex-wrap:wrap;gap:9px}.play{min-width:110px;padding:13px 12px;font-size:11px}.time{font-size:10px}.timeline{flex-basis:100%;order:5}.transport-main .time{margin-left:auto}.transport-extra{margin-top:10px}.transport-extra button{min-height:34px;font-size:10px}.lesson-caption{gap:12px;padding:17px 15px}.lesson-caption p{font-size:12px}.chapters{flex-wrap:wrap;gap:7px}.chapters button{flex:29%;gap:9px;padding:12px 10px}.chapters strong{font-size:10px}.chapters small{top:12px;right:9px}footer{gap:16px;font-size:9px;line-height:1.6}footer span{max-width:50%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.board{scrollbar-width:thin;scrollbar-color:#cbd6be transparent;max-height:62vh;overflow-y:auto}.board svg{max-height:none}.quick-play{color:#fffefa;background:#243f38;border:0;border-radius:5px;min-height:34px;padding:9px 13px;font-size:10px}.board-top{align-items:center}.transport-extra{flex-wrap:wrap;gap:12px}.transport-extra button[aria-pressed=true]{color:#28735b;font-weight:600}