html,body,#root{height:100%;margin:0;padding:0}*{box-sizing:border-box}.page{color:#fff;background:#1e1e1e;flex-direction:column;height:100dvh;font-family:sans-serif;display:flex}.credits{color:#d8c9a8;background:#2a2113;border-bottom:1px solid #e8a33d55;align-items:center;gap:14px;padding:6px 20px;font-size:13px;display:flex}.credits a{color:#e8a33d;text-decoration:none}.credits a:hover{text-decoration:underline}.credits .sponsor{color:#d8c9a8;white-space:nowrap;background:#1e1e1e;border:1px solid #444;border-radius:12px;padding:3px 12px}.credits .sponsor strong{color:#e8a33d}.credits .sponsor:hover{border-color:#e8a33d;text-decoration:none}.credits-text{text-align:center;flex:1}.credits .donate{color:#1e1e1e;background:#e8a33d;border-radius:12px;margin-left:auto;padding:3px 12px;font-weight:700}.credits .donate:hover{background:#f5b95a;text-decoration:none}.language-picker{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.language-picker-label{color:#d8c9a8;font-size:11px}.language-picker select{color:#f2e8d5;max-width:150px;font:inherit;background:#1e1e1e;border:1px solid #6b5a3d;border-radius:8px;padding:4px 8px}.language-picker select:focus-visible{outline-offset:2px;outline:2px solid #e8a33d}.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}.lesson-language-fallback{color:#f2d7a0;background:#332a1b;border-bottom:1px solid #6b5a3d;padding:6px 16px;font-size:12px}.app{flex:1;min-height:0;display:flex}.sidebar{background:#111;flex-direction:column;width:220px;padding:20px;display:flex;overflow-y:auto}.sidebar-lessons{flex:1}.lesson-check{color:#7fbf7f;width:16px;font-weight:700;display:inline-block}.lesson-done{color:#7fbf7f;margin-left:12px;font-size:12px;font-weight:700}.account{border-top:1px solid #333;flex-direction:column;gap:8px;padding-top:14px;display:flex}.account-title{letter-spacing:1px;text-transform:uppercase;color:#888;font-size:11px}.account input{color:#fff;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:6px 8px;font-size:13px}.account input:focus{border-color:#e8a33d;outline:none}.account-buttons{gap:8px;display:flex}.account-btn{color:#1e1e1e;cursor:pointer;background:#e8a33d;border:none;border-radius:4px;flex:1;padding:6px 0;font-size:12px;font-weight:700}.account-btn:hover{background:#f5b95a}.account-btn.alt{color:#e8a33d;background:0 0;border:1px solid #e8a33d}.account-btn.alt:hover{background:#2a2113}.account-btn:disabled{opacity:.5;cursor:default}.account-error{color:#e07070;font-size:12px}.account-user{color:#ccc;font-size:13px}.sidebar h2{color:#e8a33d;margin-top:0}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;border-radius:6px;padding:8px 10px}.sidebar li:hover{color:#e8a33d;background:#222}.sidebar li.active{color:#e8a33d;background:#2a2113;border-left:3px solid #e8a33d}.phase-header{letter-spacing:1px;text-transform:uppercase;color:#777;margin-top:14px;font-size:11px}.circuit-notes{color:#aaa;border-top:1px solid #333;padding:8px 12px;font-size:12px;line-height:1.5}.lesson-source{color:#777;margin:10px;font-size:11px;font-style:italic}.hints{border-top:1px solid #333;flex-direction:column;gap:4px;max-height:110px;padding:6px 10px;display:flex;overflow-y:auto}.companion-sketch{background:#1c1c1c;border-top:1px solid #333;padding:6px 10px 8px}.companion-sketch .panel-label{color:#e8a33d;opacity:.8}.companion-code{color:#b6c2a0;white-space:pre;background:#141414;border:1px solid #333;border-radius:4px;max-height:150px;margin:4px 0 0;padding:8px 10px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.hint{color:inherit;text-align:left;background:#252525;border:1px solid #333;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-family:inherit;font-size:12px;display:flex}.hint:hover{border-color:#444}.hint.done{background:#1c2a1c;border-color:#3f7a3f}.hint.done .hint-label{color:#7fbf7f}.python-indent-note{color:#c5c5c5;border-top:1px solid #333;margin:0;padding:5px 10px;font-size:11px;line-height:1.45}.python-indent-note code{color:#e8a33d}.hints-title{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:11px}.editor-bar{justify-content:space-between;align-items:center;display:flex}.run{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:4px;padding:3px 14px;font-size:12px;font-weight:700}.run:hover{background:#388e3c}.run.stop{background:#8b2e2e}.run.stop:hover{background:#a33636}.wokwi-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#252525;flex:1;min-height:0;position:relative;overflow:auto}.wokwi-stage{width:100%;height:100%;position:absolute;top:0;left:0}.wokwi-canvas svg,.wokwi-canvas img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.circuit-area{flex-direction:column;flex:1;min-height:0;display:flex}.tray{border-bottom:1px solid #333;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.tray-label{text-transform:uppercase;letter-spacing:1px;color:#888;font-size:11px}.tray-part{color:#ccc;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:4px;padding:3px 10px;font-size:12px}.tray-part:hover{color:#e8a33d;border-color:#e8a33d}.tray-part.danger{color:#e07070;border-color:#8b2e2e}.zoom-controls{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.zoom-btn{color:#ccc;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;line-height:1;display:inline-flex}.zoom-btn:hover:not(:disabled){color:#e8a33d;border-color:#e8a33d}.zoom-btn:disabled{opacity:.4;cursor:default}.zoom-readout{color:#888;text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.wokwi-canvas .part{transform-origin:0 0;cursor:grab;position:absolute}.wokwi-canvas .part.selected{outline-offset:3px;border-radius:4px;outline:2px solid #e8a33d}.part-tag{color:#e8a33d;background:#1e1e1e;border-radius:3px;padding:1px 5px;font-size:11px;position:absolute;top:-18px;left:0}.wire-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire{fill:none;stroke:#4a9eda;stroke-width:2.5px;stroke-linecap:round;pointer-events:none}.wire.dragging{stroke:#e8a33d;stroke-dasharray:6 4}.wire.wire-selected{stroke:#e8a33d}.wire.flowing{stroke:#ffd75e;stroke-dasharray:8 6;animation:.6s linear infinite flow}.wire.flowing.reverse{animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:-14px}}.wire-hit{fill:none;stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:pointer}.current-arrow{fill:#ffd75e}.pin{fill:#666;fill-opacity:.35;stroke:#0000;stroke-width:6px;pointer-events:all;cursor:crosshair}.pin:hover{fill:#e8a33d;fill-opacity:1}.pin.pin-active{fill:#4a9eda;fill-opacity:.8}.pin-hover{fill:none;stroke:#e8a33d;stroke-width:2.5px;pointer-events:none}.pin-tooltip{color:#e8a33d;pointer-events:none;white-space:nowrap;z-index:20;background:#1e1e1e;border:1.5px solid #e8a33d;border-radius:5px;padding:4px 10px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0009}.world-controls{color:#aaa;border-top:1px solid #333;flex-wrap:wrap;align-items:center;gap:16px;padding:6px 12px;font-size:12px;display:flex}.world-controls label{align-items:center;gap:6px;display:flex}.world-controls input{accent-color:#e8a33d;width:110px}.world-controls code{color:#e8a33d;min-width:42px}.world-hint{color:#888;font-style:italic}.console{background:#111;border-top:1px solid #333;height:150px;display:flex}.console-pane{flex:1;min-width:0;padding-bottom:8px;overflow-y:auto}.console-pane.diagnostics{border-left:1px solid #333}.diag-list{flex-direction:column;gap:5px;padding:6px 10px;display:flex}.diag{color:#ccc;background:#1a1a1a;border-left:3px solid #444;border-radius:4px;padding:5px 8px;font-size:12px;line-height:1.45}.diag-badge{text-transform:uppercase;letter-spacing:1px;color:#888;margin-right:8px;font-size:10px}.diag-error{border-left-color:#c0392b}.diag-error .diag-badge{color:#e07070}.diag-warn{border-left-color:#b08a4a}.diag-warn .diag-badge{color:#e8a33d}.diag-ok{border-left-color:#3f7a3f}.diag-ok .diag-badge{color:#7fbf7f}.guide h5{text-transform:uppercase;letter-spacing:1px;color:#e8a33d;margin:12px 10px 2px;font-size:11px}.pot-control{color:#aaa;border-top:1px solid #333;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex}.pot-control input{accent-color:#e8a33d;flex:1}.pot-control code{color:#e8a33d;text-align:right;min-width:36px}.console .live{color:#7fbf7f;text-transform:none;letter-spacing:0}@keyframes motor-spin{to{transform:rotate(360deg)}}.schematic{color:#e8a33d;background:#252525;border:1px solid #333;border-radius:6px;min-height:40px;margin:4px 10px;padding:8px}.schematic svg{width:100%;max-height:110px;margin:0 auto;display:block}.hint-label{color:#e8a33d;width:14px;font-weight:700}.hint code{color:#ccc;white-space:pre-wrap}.topbar .offline{color:#b08a4a;margin-left:12px;font-size:12px}.guide .why{color:#ccc;margin:10px;font-size:13px;line-height:1.5}.guide .steps{color:#ccc;margin:10px 10px 10px 0;font-size:13px;line-height:1.6}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#222;border-bottom:1px solid #333;align-items:baseline;padding:10px 20px;display:flex}.topbar h3{margin:0}.content{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:10px;min-height:0;padding:10px;display:grid}.panel-label{letter-spacing:1px;text-transform:uppercase;color:#888;border-bottom:1px solid #333;padding:6px 10px;font-size:11px}.canvas{background:#252525;flex-direction:column;grid-area:1/1/3/2;display:flex;overflow:hidden}.math-workspace{color:#ddd;flex:1;min-height:0;padding:16px;display:flex}.math-graph{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex}.math-graph-heading{color:#eee;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.math-graph-heading span,.math-graph-caption{color:#999;font-size:11px}.math-graph-heading b{color:#e8a33d;padding:0 4px}.math-graph-plot{flex:1;width:100%;min-height:0;display:block;overflow:visible}.math-graph-grid{stroke:#ffffff14;stroke-width:1px}.math-graph-zero,.math-graph-axis{stroke:#8a8a8a;stroke-width:1.5px}.math-graph-tick{fill:#999;font:12px sans-serif}.math-graph-line{fill:none;stroke:#e8a33d;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.math-graph-point{fill:#252525;stroke:#f5b95a;stroke-width:3px}.math-graph-value{fill:#f5c875;font:13px sans-serif}.math-graph-empty{fill:#8b8b8b;font:15px sans-serif}.math-graph-caption{text-align:center;margin:0}.guide .math-problem{color:#f2d7a0;background:#2d271d;border:1px solid #57472f;border-radius:6px;margin:8px 0 12px;padding:12px;font-size:15px;font-weight:600;line-height:1.6}.guide .math-code-snippet{color:#c8e6c9;white-space:pre;background:#111820;border:1px solid #3d4652;border-radius:6px;margin:8px 0 12px;padding:10px 12px;font:12px/1.6 Cascadia Code,Consolas,monospace;overflow-x:auto}.math-result-animation{background:#17231b;border:1px solid #47634d;border-radius:6px;margin:12px 0 4px;padding:10px;animation:.5s ease-out both math-result-enter}.math-result-animation h5{color:#a9e6b4;margin:0 0 8px}.math-problem-result{animation:.7s ease-out both math-question-pulse}.kindergarten-math-board{flex-direction:column;flex:1;justify-content:center;gap:12px;padding:clamp(12px,4vw,32px);display:flex}.kindergarten-math-board .math-problem{text-align:center;margin:0;padding:clamp(14px,3vw,24px);font-size:clamp(18px,2.5vw,30px)}.kindergarten-board-prompt{color:#c5cbd2;text-align:center;font-size:14px;line-height:1.5}.math-answer-label{color:#ddd;font-size:12px;font-weight:600}.math-answer-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.math-answer-choice{color:#f5f5f5;min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;background:#20242a;border:2px solid #555;border-radius:8px;padding:10px;font-size:15px;font-weight:700}.math-answer-choice:hover,.math-answer-choice.selected{color:#ffe09c;background:#352a19;border-color:#e8a33d}.math-answer-choice:focus-visible,.math-check-button:focus-visible{outline-offset:2px;outline:3px solid #ffe09c}.guided-math-content{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.guided-math-content .canvas{grid-row:1}.guided-math-content .guide{grid-area:1/2}.math-result-values,.math-result-fraction{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.math-result-value{justify-items:center;gap:5px;min-width:74px;animation:.45s cubic-bezier(.2,.8,.3,1.4) both math-value-pop;display:grid}.math-result-value:nth-child(2){animation-delay:90ms}.math-result-value:nth-child(3){animation-delay:.18s}.math-result-value-label,.math-result-place>span,.math-result-rectangle>span{color:#bbc4ce;font-size:10px}.math-result-value>strong{color:#ffe09c;font-size:20px}.math-result-geometry{flex-wrap:wrap;justify-content:center;gap:8px;min-height:22px;display:flex}.math-result-place{justify-items:center;gap:4px;display:grid}.math-result-hundreds{flex-wrap:wrap;gap:3px;max-width:104px;display:flex}.math-result-hundreds>span{background:#a97928;border:1px solid #f0bd5e;border-radius:2px;width:18px;height:18px}.math-result-tens{flex-wrap:wrap;gap:3px;max-width:100px;display:flex}.math-result-tens>span{background:#397d9f;border:1px solid #7ec8ec;border-radius:2px;width:7px;height:22px}.math-result-ones{flex-wrap:wrap;justify-content:center;gap:3px;max-width:104px;min-height:14px;display:flex}.math-result-unit{background:#92d79b;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 -2px #0003}.math-result-fraction{background:linear-gradient(90deg,#92d79b 50%,#33443a 50%)}.math-result-zero{color:#92d79b;font-size:14px}.math-result-scale{color:#bbc4ce;grid-template-columns:1fr auto;gap:3px 6px;width:min(180px,50vw);font-size:10px;display:grid}.math-result-track{background:#303943;border-radius:7px;grid-column:1/-1;height:13px;overflow:hidden}.math-result-track>span{border-radius:inherit;transform-origin:0;background:#72b7e8;height:100%;animation:.65s ease-out both math-bar-fill;display:block}.math-result-slash{color:#e8a33d;font-size:22px}.math-result-rectangle{justify-items:center;gap:6px;display:grid}.math-result-grid{gap:2px;width:min(220px,60vw);display:grid}.math-result-grid>span{aspect-ratio:1;background:#293f50;border:1px solid #74add6;animation:.4s ease-out both math-square-pop}.math-result-grid>span:nth-child(5n){animation-delay:80ms}.math-check-button{color:#1e1e1e;font:inherit;cursor:pointer;background:#e8a33d;border:0;border-radius:4px;align-self:flex-start;padding:8px 11px;font-size:12px;font-weight:700}.math-check-button:disabled{cursor:wait;opacity:.6}@keyframes math-result-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes math-value-pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes math-question-pulse{0%{box-shadow:0 0 #8bd99b00}35%{box-shadow:0 0 0 4px #8bd99b88}to{box-shadow:0 0 #8bd99b00}}@keyframes math-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes math-square-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.math-result-animation,.math-problem-result,.math-result-value,.math-result-track>span,.math-result-grid>span{animation-duration:.01ms;animation-iteration-count:1}}.react-main{flex-direction:column;min-height:0;display:flex}.react-course{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.react-course-heading,.react-course-progress,.react-panel-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.react-course-heading h4{margin:4px 0;font-size:20px}.react-course-heading p,.react-course-progress,.react-panel-bar span{color:#b7c2cf;margin:0;font-size:12px}.react-course-progress{background:#1a2028;border:1px solid #343f4c;border-radius:7px;padding:9px 12px}.react-course-progress progress{accent-color:#61dafb;width:min(220px,35%)}.react-course-panels{flex:1;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:520px;display:grid}.react-guide-panel,.react-code-panel,.react-preview-panel{background:#171b21;border:1px solid #343f4c;border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.react-guide-panel{overflow:auto}.react-guide-content{color:#c5d1de;padding:12px;font-size:13px;line-height:1.5}.react-guide-content h5{color:#f0f4f8;margin:2px 0 7px;font-size:13px}.react-guide-content p{margin:0 0 14px}.react-guide-content ol{flex-direction:column;gap:14px;margin:0 0 14px;padding-left:22px;display:flex}.react-guide-content li{padding-left:2px}.react-guide-content li p{margin-bottom:6px}.react-guide-content pre{color:#e8c98a;white-space:pre;background:#11161c;border:1px solid #3d4652;border-radius:6px;margin:0 0 6px;padding:9px;font-size:12px;line-height:1.5;overflow-x:auto}.react-guide-content small{color:#9ba9b8;display:block}.react-verbose-output button{color:#d9f5ff;font:inherit;cursor:pointer;background:#263343;border:1px solid #425164;border-radius:5px;padding:5px 8px;font-size:11px}.react-guide-content .react-guide-next{background:#1d252d;border-left:2px solid #61dafb;margin:0;padding:9px}.react-panel-bar{background:#202630;border-bottom:1px solid #343f4c;min-height:40px;padding:0 12px}.react-panel-bar button{color:#fff;font:inherit;cursor:pointer;background:#198754;border:0;border-radius:5px;padding:6px 11px;font-weight:700}.react-panel-bar button:disabled{cursor:wait;opacity:.6}.react-editor{flex:1;min-height:300px;display:flex}.react-editor-loading,.react-preview-empty{color:#9ba9b8;text-align:center;flex:1;place-items:center;min-height:300px;padding:20px;display:grid}.react-preview-panel iframe{background:#f7f8fc;border:0;flex:1;width:100%;min-height:380px}.react-verbose-output{color:#c5d1de;border-top:1px solid #343f4c;flex:none;max-height:320px;font-size:12px;overflow:auto}.react-verbose-output summary{color:#d9f5ff;cursor:pointer;background:#202630;padding:9px 12px;position:sticky;top:0}.react-verbose-output>div{padding:9px 12px}.react-verbose-output p{overflow-wrap:anywhere;margin:6px 0}.react-verbose-output ul{flex-direction:column;gap:7px;padding-left:20px;display:flex}.react-verbose-output li{justify-content:space-between;align-items:center;gap:8px;display:flex}.react-verbose-output small{color:#9ba9b8}.react-suggested-script{color:#e8c98a;white-space:pre;background:#11161c;border:1px solid #3d4652;border-radius:6px;margin:8px 0;padding:10px;font-size:12px;line-height:1.5;overflow-x:auto}.react-hint{color:#c5d1de;border-top:1px solid #343f4c;padding:9px 12px;font-size:12px}.react-hint summary{cursor:pointer;color:#61dafb}.react-hint ul{margin:8px 0 0;padding-left:20px}.react-hint li+li{margin-top:5px}.react-error,.react-success{border-top:1px solid #343f4c;margin:0;padding:8px 12px;font-size:12px}.react-error{color:#ff9e9e}.react-success{color:#85dfa6}.react-course>.lesson-source{margin:0}@media (width<=1040px){.react-course-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.react-guide-panel{grid-column:1/-1;max-height:280px}}@media (width<=760px){.react-course{padding:10px}.react-course-heading,.react-course-progress{flex-direction:column;align-items:flex-start}.react-course-progress progress{width:100%}.react-course-panels{flex:none;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);min-height:0}.react-guide-panel{grid-column:auto;min-height:260px;max-height:none}.react-code-panel,.react-preview-panel{min-height:400px}.react-verbose-output{max-height:min(45vh,360px)}}.math-answer-form{flex-direction:column;gap:7px;margin:10px 0 14px;display:flex}.math-answer-form>label{color:#ddd;font-size:12px;font-weight:600}.math-answer-controls{gap:6px;display:flex}.math-answer-controls input{color:#f5f5f5;min-width:0;font:inherit;background:#171717;border:1px solid #555;border-radius:4px;flex:1;padding:8px 10px}.math-answer-controls input:focus-visible{outline-offset:1px;outline:2px solid #e8a33d}.math-answer-help{color:#999;font-size:11px}.math-answer-feedback{margin:0;font-size:12px;line-height:1.5}.math-answer-feedback.correct{color:#80d69b}.math-answer-feedback.incorrect,.math-answer-feedback.invalid,.math-answer-feedback.no-result{color:#f0b46f}.math-hints{border-top:1px solid #333;padding:8px 10px}.math-hints summary{color:#e8a33d;cursor:pointer;font-size:12px}.math-hints[open]{flex-direction:column;gap:5px;display:flex}.sidebar-roadmap{border-top:1px solid #333;margin:16px 12px;padding-top:12px}.sidebar-roadmap h3{color:#aaa;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;font-size:11px}.sidebar-roadmap article{border-bottom:1px solid #2d2d2d;grid-template-columns:1fr auto;gap:3px 8px;padding:9px 0;font-size:12px;display:grid}.sidebar-roadmap article>span,.sidebar-roadmap small{color:#888}.sidebar-roadmap p{color:#aaa;grid-column:1/-1;margin:2px 0;line-height:1.5}.sidebar-roadmap small{grid-column:1/-1}.vision-view{background:repeating-conic-gradient(#2a2a2a 0% 25%,#262626 0% 50%) 50%/24px 24px;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.vision-canvas{max-width:100%;image-rendering:pixelated;border:1px solid #444;border-radius:4px;box-shadow:0 2px 12px #0006}.vision-placeholder{text-align:center;color:#aaa;max-width:320px;font-size:13px;line-height:1.6}.vision-placeholder code{color:#c58cff}.vision-eye{opacity:.7;margin-bottom:10px;font-size:40px;display:block}.vision-hint{color:#888;font-size:12px}.guide{background:#2d2d2d;overflow-y:auto}.guide h4,.guide dl,.guide .note{margin:10px}.guide dt{color:#888;text-transform:uppercase;font-size:12px}.guide dd{color:#e8a33d;margin:2px 0 10px;font-weight:700}.guide .note{background:#3a2f1a;border:1px solid #e8a33d55;border-radius:6px;padding:10px;font-size:13px}.editor{background:#2d2d2d;flex-direction:column;display:flex;overflow:hidden}.editor-load-placeholder{color:#ddd;cursor:pointer;background:#1e1e1e;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:120px;display:flex}.editor-load-placeholder span{color:#999;font-size:12px}.console{background:#111;border-top:1px solid #333;padding:0 0 10px}.console pre{color:#7fbf7f;margin:10px;font-size:13px}.nav-toggle,.mobile-tabs,.nav-backdrop{display:none}@media (pointer:coarse){.pin{stroke-width:16px}}@media (width<=820px){.credits{flex-wrap:wrap;gap:8px 10px;padding:6px 12px;font-size:12px}.credits-text{text-align:left;flex-basis:100%;order:3}.credits .donate{margin-left:auto}.nav-toggle{color:#e8a33d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 12px 0 0;font-size:22px;line-height:1;display:inline-flex}.sidebar{z-index:60;width:260px;max-width:82vw;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:2px 0 16px #00000080}.sidebar.open{transform:translate(0)}.nav-backdrop{z-index:55;background:#00000080;display:block;position:fixed;inset:0}.mobile-tabs{background:#1a1a1a;border-bottom:1px solid #333;display:flex}.mobile-tabs button{color:#999;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;min-width:0;min-height:48px;padding:8px 2px;font-size:12px;font-weight:700;line-height:1.2;position:relative}.mobile-tabs button.active{color:#e8a33d;background:#221b0f;border-bottom-color:#e8a33d}.tab-dot{vertical-align:middle;background:#7fbf7f;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}.topbar{min-height:54px;padding:6px max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));align-items:center;gap:8px}.topbar h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.topbar .lesson-done,.topbar .offline{flex:none;margin-left:0;font-size:10px}.nav-toggle{flex:0 0 40px;width:40px;height:40px;padding:0}.content{min-height:0;padding:6px max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));flex-direction:column;flex:1;gap:0;display:flex}.canvas,.guide,.editor,.console{display:none}.main.m-canvas .canvas{flex:1;display:flex}.main.m-guide .guide{flex:1;display:block}.main.m-editor .editor{flex:1;display:flex}.main.m-console .content{display:none}.main.m-console .console{flex-direction:row;flex:1;height:auto;min-height:0;display:flex}.main.m-guide .guide,.main.m-console .console-pane{overscroll-behavior:contain}.main.m-editor .editor{min-height:0}.editor-bar{gap:8px}.editor-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.run{flex:none;min-width:64px;min-height:40px}.console-pane.diagnostics{border-top:1px solid #333;border-left:none}}@media (width<=560px){.main.m-console .console{flex-direction:column}.main.m-console .console-pane{min-height:0}.main.m-console .console-pane.diagnostics{flex:0 0 40%}.panel-label{letter-spacing:.7px;padding:6px 8px;font-size:10px}.vision-view{padding:8px}}.activity-bar{background:#0c0c0c;border-right:1px solid #000;flex-direction:column;align-items:center;gap:6px;width:54px;padding:10px 0;display:flex}.activity-tracks{flex-direction:column;flex:1;gap:6px;display:flex}.activity-btn{color:#cfcfcf;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .12s;display:flex;position:relative}.activity-btn .activity-icon{opacity:.7;font-size:20px;line-height:1}.activity-btn:hover{background:#1c1c1c}.activity-btn:hover .activity-icon{opacity:1}.activity-btn.active{background:#1c1c1c}.activity-btn.active .activity-icon{opacity:1}.activity-btn.soon .activity-icon{opacity:.4}.soon-dot{background:#666;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.activity-btn.transcript{border-top:1px solid #222;border-radius:0;margin-top:auto;padding-top:6px}.activity-btn.transcript.active{color:#ffd75e}.sidebar-track-icon{margin-right:8px}.sidebar h2{align-items:center;font-size:17px;display:flex}.sidebar-soon{color:#999;padding:8px 2px;font-size:13px;line-height:1.5}.cs-tag{letter-spacing:1.5px;text-transform:uppercase;color:#888;border:1px solid #444;border-radius:10px;margin-top:10px;padding:3px 10px;font-size:10px;display:inline-block}.coming-soon-main{justify-content:center;align-items:center}.coming-soon{text-align:center;max-width:420px;padding:40px}.coming-soon .cs-icon{margin-bottom:14px;font-size:56px;display:block}.coming-soon h2{margin:0 0 8px}.coming-soon p{color:#aaa;margin:0 0 18px;line-height:1.6}.transcript{flex:1;min-width:0;padding:26px 30px 40px;overflow-y:auto}.transcript-head h2{margin:0 0 4px}.transcript-sub{color:#aaa;margin:0 0 24px;font-size:14px}.transcript-sub strong{color:#e8a33d}.transcript-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.track-card{background:#262626;border:1px solid #363636;border-top:3px solid #555;border-radius:10px;flex-direction:column;padding:18px;display:flex}.track-card.soon{opacity:.72}.track-card-head{align-items:flex-start;gap:12px;display:flex}.track-card-icon{font-size:28px;line-height:1}.track-card h3{margin:0 0 3px;font-size:16px}.track-blurb{color:#999;margin:0;font-size:12px;line-height:1.45}.progress-row{align-items:center;gap:10px;margin-top:16px;display:flex}.progress-track{background:#1a1a1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.progress-pct{color:#ccc;text-align:right;min-width:34px;font-size:12px}.track-count{color:#888;margin-top:6px;font-size:12px}.badge-row{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.badge{color:#888;background:#1e1e1e;border:1px solid #383838;border-radius:12px;padding:3px 10px;font-size:11px}.badge.earned{color:#ffd75e;background:#2a2413;border-color:#b0913f}.track-actions{gap:8px;margin-top:16px;display:flex}.track-open{color:#1e1e1e;cursor:pointer;background:#e8a33d;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:700}.track-open:hover{background:#f5b95a}.track-cert{color:#ffd75e;cursor:pointer;background:0 0;border:1px solid #b0913f;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:700}.track-cert:hover{background:#2a2413}.track-soon{letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-top:16px;font-size:11px}.cert-overlay{z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cert-modal{flex-direction:column;gap:14px;width:100%;max-width:760px;display:flex}.certificate-sheet{color:#2a2416;background:#fbf7ee;border-radius:6px;padding:12px;box-shadow:0 12px 40px #00000080}.cert-border{text-align:center;border:3px double #b08a3a;border-radius:4px;padding:38px 30px}.cert-brand{letter-spacing:6px;color:#b0873a;font-size:13px;font-weight:700}.cert-title{margin-top:12px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700}.cert-presented{color:#6a5f42;margin-top:18px;font-size:13px;font-style:italic}.cert-name{color:#1c1810;border-bottom:1px solid #cdbba0;margin:6px 0;padding:0 30px 4px;font-family:Georgia,Times New Roman,serif;font-size:34px;display:inline-block}.cert-track{margin:8px 0 4px;font-size:22px;font-weight:700}.cert-date{color:#6a5f42;margin-top:18px;font-size:13px}.cert-foot{justify-content:space-around;gap:20px;margin-top:40px;display:flex}.cert-sig{border-top:1px solid #8c7c50;min-width:160px;padding-top:6px;font-family:Georgia,serif;font-size:16px}.cert-sig-label{color:#8c7c50;margin-top:3px;font-size:11px}.cert-buttons{justify-content:center;gap:10px;display:flex}@media print{body *{visibility:hidden}.cert-overlay,.cert-overlay *{visibility:visible}.cert-overlay{background:#fff;padding:0;display:block;position:absolute;inset:0}.cert-modal{max-width:none}.certificate-sheet{box-shadow:none}.cert-buttons{display:none}}@media (width<=820px){.activity-bar{width:46px}.activity-btn{width:36px;height:36px}.transcript{padding:18px 16px 32px}.cert-border{padding:24px 16px}.cert-title{font-size:22px}.cert-name{font-size:26px}.cert-foot{flex-direction:column;align-items:center;gap:18px}}.feedback-widget{z-index:60;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.feedback-fab{color:#1e1e1e;font:inherit;cursor:pointer;background:#e8a33d;border:1px solid #e8a33d;border-radius:24px;align-items:center;gap:8px;padding:9px 15px;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #0006}.feedback-fab:hover{background:#f5b95a}.feedback-fab.active{color:#e8a33d;background:#1e1e1e}.feedback-fab:focus-visible{outline-offset:2px;outline:2px solid #fff}.feedback-card{color:#e7edf4;background:#1b2027;border:1px solid #3d4652;border-radius:12px;width:min(320px,100vw - 36px);padding:14px;box-shadow:0 10px 30px #0008}.feedback-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.feedback-close{color:#9ba9b8;cursor:pointer;background:0 0;border:0;font-size:15px}.feedback-close:hover{color:#e7edf4}.feedback-form{flex-direction:column;gap:10px;display:flex}.feedback-stars{align-items:center;gap:4px;display:flex}.feedback-star{color:#46525f;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:28px;line-height:1;transition:color .1s,transform .1s}.feedback-star:hover{transform:scale(1.1)}.feedback-star.on{color:#ffc24a}.feedback-star:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #61dafb}.feedback-star-label{color:#9ba9b8;margin-left:8px;font-size:12px}.feedback-comment-label{color:#c5d1de;font-size:12px}.feedback-comment-label span{color:#8191a0}.feedback-comment{color:#e7edf4;width:100%;font:inherit;resize:vertical;box-sizing:border-box;background:#11161c;border:1px solid #3d4652;border-radius:7px;padding:8px;font-size:13px}.feedback-comment:focus-visible{border-color:#61dafb;outline:none}.feedback-submit{color:#fff;font:inherit;cursor:pointer;background:#198754;border:0;border-radius:7px;padding:8px 12px;font-weight:700}.feedback-submit:hover{background:#1e9d61}.feedback-submit:disabled{cursor:wait;opacity:.6}.feedback-error{color:#ff9e9e;margin:0;font-size:12px}.feedback-thanks{flex-direction:column;gap:10px;display:flex}.feedback-thanks p{color:#85dfa6;margin:0;font-size:13px}.feedback-secondary{color:#d9f5ff;font:inherit;cursor:pointer;background:#263343;border:1px solid #425164;border-radius:6px;align-self:flex-start;padding:6px 10px;font-size:12px}@media (width<=560px){.feedback-widget{bottom:10px;right:10px}.feedback-fab-text{display:none}.feedback-fab{padding:11px;font-size:18px}}.terminal-main{flex-direction:column;min-width:0;display:flex}.terminal-course{flex:1;grid-template-columns:1.5fr 1fr;gap:14px;min-height:0;padding:14px;display:grid;overflow:hidden}.terminal-pane{min-width:0;min-height:0;display:flex}.terminal-window{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.terminal-titlebar{background:#1b1b1b;border-bottom:1px solid #2a2a2a;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.term-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.term-red{background:#ff5f56}.term-amber{background:#ffbd2e}.term-green{background:#27c93f}.terminal-title{color:#9a9a9a;font-size:12px;font-family:var(--mono,"Cascadia Code", "Consolas", monospace);margin-left:8px}.terminal-scroll{font-family:var(--mono,"Cascadia Code", "Consolas", monospace);color:#d6d6d6;cursor:text;flex:1;padding:12px 14px;font-size:13.5px;line-height:1.5;overflow-y:auto}.term-line{white-space:pre-wrap;word-break:break-word}.term-prompt{color:#7fbf7f}.term-out{color:#cfcfcf}.term-sys{color:#7aa2c8;margin-bottom:8px;font-style:italic}.term-input-row{align-items:baseline;gap:8px;display:flex}.term-prompt-inline{color:#5cc8ff;white-space:nowrap;flex:none}.term-input{color:#fff;min-width:0;font-family:inherit;font-size:inherit;caret-color:#5cc8ff;background:0 0;border:none;outline:none;flex:1}.term-input::placeholder{color:#4a4a4a}.nano-editor{z-index:5;font-family:var(--mono,"Cascadia Code", "Consolas", monospace);background:#0a0a0a;flex-direction:column;font-size:13.5px;display:flex;position:absolute;inset:0}.nano-titlebar{color:#0a0a0a;background:#d6d6d6;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:4px 12px;font-size:12.5px;display:flex}.nano-brand{font-weight:600}.nano-file{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nano-flag{text-align:right;min-width:60px;font-style:italic}.nano-body{resize:none;color:#e8e8e8;min-height:0;font-family:inherit;font-size:inherit;caret-color:#5cc8ff;white-space:pre;background:#0a0a0a;border:none;outline:none;flex:1;padding:10px 14px;line-height:1.5;overflow:auto}.nano-status{text-align:center;color:#7fbf7f;flex:none;min-height:20px;padding:0 12px;font-size:12.5px;line-height:20px}.nano-keys{background:#1b1b1b;border-top:1px solid #2a2a2a;flex:none;gap:18px;padding:6px 12px;display:flex}.nano-keys button{color:#d6d6d6;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:12.5px}.nano-keys button:hover{color:#fff}.nano-key{color:#0a0a0a;background:#d6d6d6;border-radius:2px;margin-right:6px;padding:1px 4px;font-weight:600}.terminal-guide{background:#202020;border:1px solid #333;border-radius:8px;min-height:0;padding:16px 18px;overflow-y:auto}.tg-title{color:#f0f0f0;margin:0 0 6px;font-size:16px}.tg-desc{color:#b6b6b6;margin:0 0 14px;font-size:13px;line-height:1.55}.tg-progress{color:#9a9a9a;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.tg-progress-track{background:#111;border-radius:5px;flex:1;height:8px;overflow:hidden}.tg-progress-fill{background:#5cc8ff;height:100%;transition:width .3s}.tg-steps{flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.tg-step{background:#1a1a1a;border:1px solid #2c2c2c;border-left:3px solid #333;border-radius:6px;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.tg-step.current{background:#17222b;border-left-color:#5cc8ff}.tg-step.done{opacity:.72;border-left-color:#7fbf7f}.tg-check{color:#6a6a6a;text-align:center;flex:none;width:16px;font-size:13px}.tg-step.current .tg-check{color:#5cc8ff}.tg-step.done .tg-check{color:#7fbf7f}.tg-step-body{flex-direction:column;gap:3px;min-width:0;display:flex}.tg-cmd{font-family:var(--mono,"Cascadia Code", "Consolas", monospace);color:#ffd75e;word-break:break-all;background:#111;border-radius:4px;align-self:flex-start;padding:2px 7px;font-size:13px}.tg-step.done .tg-cmd{color:#9ccc9c}.tg-why{color:#a0a0a0;font-size:12px;line-height:1.5}.tg-complete{color:#9edc9e;background:#16281a;border:1px solid #2e5233;border-radius:6px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.5}.tg-tip{color:#7f7f7f;margin:0;font-size:12px;line-height:1.6}.tg-tip kbd{font-family:var(--mono,"Cascadia Code", "Consolas", monospace);background:#111;border:1px solid #333;border-radius:4px;padding:1px 5px;font-size:11px}.tg-tip code{color:#ffd75e}@media (width<=820px){.terminal-course{grid-template-rows:1fr auto;grid-template-columns:1fr;overflow-y:auto}.terminal-window{min-height:320px}.terminal-guide{overflow:visible}}.lab-main{flex-direction:column;min-width:0;display:flex}.lab{flex:1;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.lab-controls{flex-direction:column;gap:14px;min-width:0;display:flex}.lab-field{color:#c5d1de;flex-direction:column;gap:4px;font-size:12px;display:flex}.lab-field input,.lab-field select{color:#e7edf4;font:inherit;background:#11161c;border:1px solid #3d4652;border-radius:7px;padding:7px 9px;font-size:13px}.lab-field input:focus-visible,.lab-field select:focus-visible{border-color:#61dafb;outline:none}.lab-expression input{font-family:Consolas,Courier New,monospace;font-size:15px}.lab-error{color:#ff9e9e;background:#2a1c1c;border-left:2px solid #ff9e9e;border-radius:4px;margin:0;padding:7px 9px;font-size:12px}.lab-variables{background:#171b21;border:1px solid #343f4c;border-radius:8px;padding:10px}.lab-variables-head{color:#d9f5ff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.lab-variables-head button{color:#d9f5ff;font:inherit;cursor:pointer;background:#263343;border:1px solid #425164;border-radius:5px;padding:3px 9px;font-size:11px}.lab-variables-hint{color:#9ba9b8;margin:0;font-size:11px}.lab-variables-hint code,.lab-variable-name,.lab-variable-value{font-family:Consolas,Courier New,monospace}.lab-variable-row{align-items:center;gap:6px;margin-top:7px;display:flex}.lab-variable-name{width:42%}.lab-variable-value{flex:1;min-width:0}.lab-variable-name,.lab-variable-value{color:#e7edf4;background:#11161c;border:1px solid #3d4652;border-radius:6px;padding:6px 8px;font-size:13px}.lab-variable-eq{color:#9ba9b8}.lab-variable-remove{color:#9ba9b8;cursor:pointer;background:0 0;border:0;font-size:12px}.lab-variable-remove:hover{color:#ff9e9e}.lab-modes{flex-wrap:wrap;gap:6px;display:flex}.lab-mode{color:#c5d1de;font:inherit;cursor:pointer;background:#171b21;border:1px solid #3d4652;border-radius:999px;padding:6px 10px;font-size:12px}.lab-mode.active{color:#d9f5ff;background:#15303a;border-color:#61dafb}.lab-params{flex-wrap:wrap;gap:10px;display:flex}.lab-params .lab-field{width:calc(50% - 5px)}.lab-stage{flex-direction:column;gap:12px;min-width:0;display:flex}.lab-plot{background:#0d1117;border:1px solid #343f4c;border-radius:10px;width:100%;height:auto}.lab-plot-empty{color:#ff9e9e;text-align:center;place-items:center;min-height:300px;padding:20px;display:grid}.lab-grid{stroke:#1d2530;stroke-width:1px}.lab-axis{stroke:#4a5566;stroke-width:1.4px}.lab-tick{fill:#7e8b9a;font-size:11px}.lab-curve{fill:none;stroke:#61dafb;stroke-width:2.2px}.lab-rect{fill:#e8a33d33;stroke:#e8a33d;stroke-width:.6px}.lab-tangent{stroke:#85dfa6;stroke-width:2px;stroke-dasharray:6 4}.lab-iter-line{stroke:#d88bc7;stroke-width:1px;stroke-dasharray:3 3}.lab-iter{fill:#d88bc7}.lab-root{fill:#85dfa6}.lab-dot{fill:#61dafb}.lab-readout{color:#c5d1de;background:#171b21;border:1px solid #343f4c;border-radius:10px;padding:12px 14px}.lab-readout h5{color:#f0f4f8;margin:0 0 4px;font-size:13px}.lab-big{color:#d9f5ff;margin:0;font-family:Consolas,Courier New,monospace;font-size:26px}.lab-note{color:#9ba9b8;margin:6px 0 0;font-size:12px}.lab-iters{columns:2;color:#c5d1de;margin:8px 0 0;padding-left:18px;font-family:Consolas,Courier New,monospace;font-size:12px}.lab-readout-hint{color:#9ba9b8;margin:0;font-size:12px}.lab-source{color:#8191a0;margin:10px 2px 0;font-size:11px}@media (width<=820px){.lab{grid-template-columns:minmax(0,1fr)}}