:root{--paper:#f2f2f7;--surface:#fff;--ink:#1c1c1e;--muted:#60616b;--green:#075fd3;--green-dark:#074ea9;--green-pale:#e9f2ff;--line:#dadbe1;--orange:#aa5200;--blue:#075fd3;--radius:14px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;line-height:1.65;padding-bottom:calc(92px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}::selection{background:#c7deff;color:#13223b}button,input,select,textarea{font:inherit;accent-color:var(--blue)}button{min-height:44px;border-radius:10px;cursor:pointer;padding:9px 15px;border:1px solid var(--line);color:var(--blue);background:#fff;font-weight:600;touch-action:manipulation}button:hover:not(:disabled){background:#e9f2ff}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #236cd5;outline-offset:3px}textarea:focus,input:focus{outline:2px solid var(--blue);outline-offset:1px}.primary{background:var(--blue);color:#fff;border:0;box-shadow:none}.primary:hover:not(:disabled){background:#074ea9}.secondary{background:#e9f2ff;border:0;color:#0753b4}.text-button{border:0;background:transparent}.root-hidden,[hidden]{display:none!important}h1,h2,h3,h4{font-family:inherit;color:var(--ink);font-weight:700;letter-spacing:-.025em;text-wrap:balance}h1{font-size:32px;line-height:1.25}h2{font-size:24px;line-height:1.35}h3{font-size:21px}p{max-width:72ch}small,.subtle{color:var(--muted)}a{color:var(--blue);text-underline-offset:3px}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{white-space:pre;overflow:auto;max-width:100%;font-size:14px}pre code{white-space:inherit}.shell{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1580px;margin:0 auto}.sidebar{background:var(--paper);border-right:1px solid var(--line);padding:32px 22px;position:sticky;top:0;height:calc(100dvh - 80px);overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-size:15px}.brand-mark{border-radius:12px;background:var(--blue);color:#fff;font-size:22px;width:44px;height:44px;display:grid;place-items:center;font-weight:700;box-shadow:none}.brand small{font-size:12px}.sidebar-label{margin-top:34px;color:var(--muted)}.side-note,.rhythm{display:none}.nav-stage{border:0}.nav-stage summary{min-height:44px}.lesson-link{min-height:54px;border-radius:9px}.lesson-link[aria-current]{background:#dceaff;color:#074ea9;box-shadow:none}.lesson-link .num{font-variant-numeric:tabular-nums}.offline{margin-top:24px;background:none}.catalog-button{width:100%;border:0;background:none;margin-top:12px}#main{padding:24px 36px 36px;min-width:0}.topbar{border:0;color:var(--muted);margin-bottom:24px}.lesson-hero{display:block;padding:0;margin:0 0 18px}.lesson-hero h1{font-size:34px;margin:4px 0 12px}.lead{font-size:16px;color:var(--muted);line-height:1.7}.eyebrow{display:none}.lesson-goal{background:#fff;border:0;border-radius:14px;padding:16px 20px;display:flex;align-items:flex-start;gap:18px;margin:0 0 22px}.goal-label{color:var(--blue);white-space:nowrap;font-size:14px;font-weight:700}.lesson-goal p{margin:0;font-size:15px}.tabs{display:flex;background:#e5e5eb;border:0;border-radius:10px;padding:4px;gap:4px;margin:0 0 28px;width:max-content;max-width:100%}.tabs button{border:0;min-width:100px;border-radius:7px;background:none;font-size:15px;min-height:38px;padding:7px 18px;color:var(--muted)}.tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 5px #1c1c1e12}.section-heading{align-items:center;margin-bottom:18px}.section-heading h2{margin:0}.trace-tag{border:0;background:none;color:var(--muted);font-size:12px}.lab-selectors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}.lab-selectors label{font-size:13px;color:var(--muted)}select{border:1px solid var(--line);border-radius:10px;padding:10px 32px 10px 12px;min-height:44px;width:100%;background:#fff;color:var(--ink);font-size:16px}.lab{border:0;background:#fff;border-radius:16px;box-shadow:none;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.code-side,.visual-side{min-width:0}.code-side{background:#f8f9fb;border-right:1px solid var(--line)}.pane-heading{background:transparent;border-bottom:1px solid #e6e7ec;color:#424551;font-size:13px;min-height:46px}.code-lines{max-height:410px;min-height:260px;font-size:14px;position:relative}.code-line{padding:3px 12px;border-left:3px solid transparent;line-height:1.8}.code-line.active{background:#dfedff;border-color:var(--blue)}.line-number{color:#6c7381}.syn-key{color:#8843a6}.syn-str{color:#906124}.syn-num{color:#075fd3}.syn-comment{color:#666d79}.code-foot{background:none;color:var(--muted);border-top:1px solid #e6e7ec}.scene{background:#fff;min-height:280px;padding:24px;overflow:auto}.variable-box{border:1px solid var(--line);background:#f8f9fc;border-radius:12px;box-shadow:none}.variable-box.changed{background:#e9f2ff;border-color:#6694d8;animation:variable-arrival .22s ease-out}.variable-meta{color:#4d5664}.type-label{background:#e9ebf0;color:#4b535e}.variable-value{color:#074ea9;font-size:27px}.input-token{background:#eef0f5;color:#414753;border:1px solid #cfd3dc}.input-token.used{opacity:.65}.empty-scene{color:#646b78;font-size:15px}.execution-note{background:#e9f2ff;border:0;color:#25466f;padding:16px 20px;grid-column:1/-1}.output-pane{background:#f8f9fc;border-top:1px solid #e6e7ec;grid-column:1/-1}.output-pane pre{color:#233349}.lab-controls{border-top:1px solid #e6e7ec;background:#fff;padding:18px;grid-column:1/-1;gap:15px}.checkpoint,.prediction-feedback{grid-column:1/-1}.checkpoint{background:#fff5df;border:0}.variable-strip{overflow:auto;max-height:150px}.step-progress{min-width:120px}progress{accent-color:var(--blue);height:5px;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#e2e4ea}progress::-webkit-progress-value{background:var(--blue)}.lab-caption{font-size:13px;color:var(--muted);margin:14px 0}.section-next{border:0;padding:16px 0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fafafc;border-top:1px solid #dadbe1;z-index:30;display:flex;justify-content:center;gap:64px;padding:8px 20px calc(8px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;color:#60616b;min-width:84px;padding:5px 20px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px}.bottom-nav button[aria-current]{color:var(--blue)}.bottom-nav svg{flex-shrink:0}.app-status{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom));right:22px;background:#f2f2f7;color:#585b66;font-size:11px;padding:2px 6px;z-index:29;max-width:90vw}.app-status:empty{display:none}footer{border:0;font-size:12px;color:var(--muted);padding-top:32px}.practice-heading h2{margin:0}.practice-heading p{margin:7px 0 18px;color:var(--muted)}.task-tabs{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}.task-tabs button{font-size:13px;border:0;color:#5b6170;background:#e7e9f0;padding:8px 12px}.task-tabs button span{margin-right:6px;font-variant-numeric:tabular-nums}.task-tabs button[aria-pressed=true]{background:#075fd3;color:#fff}.exercise-header small{color:#676d79;font-variant-numeric:tabular-nums}.exercise-header h3{margin:3px 0 12px}.exercise-header p{margin-bottom:20px}.sample-details{margin:12px 0 20px}.sample-details summary{color:var(--blue);min-height:44px;cursor:pointer}.sample-case{background:#fff;padding:14px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.sample-case pre{margin-bottom:0}.editor-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:13px 16px;border-radius:14px 14px 0 0;border-bottom:1px solid #e7e9f0;font-size:14px}.editor-top span{font-size:12px;color:var(--muted)}#editor{background:#fff;overflow:hidden}.cm-editor{max-height:480px}.cm-editor.cm-focused{outline:none;box-shadow:inset 0 0 0 2px #7aa6e8}.cm-cursor{border-left-color:var(--blue)!important}.keyboard-tools{display:flex;overflow-x:auto;gap:4px;background:#fff;padding:6px 10px;border-radius:0 0 14px 14px;border-top:1px solid #e6e7ec}.keyboard-tools button{flex:0 0 auto;min-width:38px;min-height:44px;padding:4px 10px;border:0;border-radius:5px;font-size:14px;background:#f2f3f7;color:#3f4b60}.execution-input{margin:20px 0 12px}.execution-input label{display:block;font-weight:600;font-size:14px}.execution-input label span{font-weight:400;color:var(--muted);margin-left:10px;font-size:12px}textarea{width:100%;padding:12px;border:1px solid #d7d9e0;border-radius:10px;background:#fff;color:var(--ink);font-size:16px;resize:vertical;caret-color:var(--blue)}#stdin{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-top:8px}.run-actions{display:flex;gap:10px;margin:16px 0}.run-actions button{min-width:92px}.result-panel{background:#fff;padding:20px;border-radius:14px;margin:18px 0}.result-panel h4{font-size:15px;margin:0 0 12px}.result-panel pre{max-height:320px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#33445f}.result-panel p{font-size:14px;color:#704300;margin:12px 0 0}#traceback-wrap summary{color:#a62924;min-height:44px;margin-top:12px}#traceback{color:#96251d;background:#fff3f2;padding:14px}.hint{background:#fff;border:0;border-bottom:1px solid #e4e5e9;border-radius:0;padding:0 16px}.hint:first-child{border-radius:12px 12px 0 0}.hint:last-child{border-radius:0 0 12px 12px;border:0}.hint summary{padding:15px 0;min-height:48px;color:#364358;font-size:14px}.hint p{padding-bottom:16px}.hint pre{padding:12px;background:#f7f8fb;border-radius:8px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.minor-actions{margin-bottom:24px;justify-content:flex-end}.mine-heading{margin:0 0 26px}.mine-heading h1{margin:0 0 8px}.mine-heading p{margin:0;color:var(--muted)}.learning-progress{display:flex;gap:65px;margin:20px 0}.learning-progress strong{font-size:38px;line-height:1.2;letter-spacing:-.03em}.learning-progress strong span{font-size:16px;color:var(--muted);font-weight:400}.learning-progress p{margin:8px 0 0;font-size:14px;color:var(--muted)}#progress-summary>progress{width:100%}.settings-group{background:#fff;border-radius:14px;padding:24px;margin-top:24px}.settings-group h2{font-size:21px;margin:0 0 10px}.settings-group p,.settings-group li{font-size:14px;color:#535966}.settings-group ol{padding-left:22px}.download-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #e5e6eb}.download-row small{display:block;font-size:12px;margin-top:4px}.download-row button{font-size:14px;white-space:nowrap}.download-row strong{font-size:15px}#download-progress{width:100%;margin-top:20px}.review-block{margin-top:30px}.cheat-table{background:#fff;font-size:14px;border-radius:12px;overflow:hidden}.cheat-table th{background:#e9edf4;color:#4d5a6b}.error-card,.oral-card{background:#fff;border:0;border-radius:12px;padding:20px}.self-rating button[aria-pressed=true]{background:var(--blue);color:#fff}.checklist label{padding:12px;min-height:44px}.checklist input{width:20px;height:20px}.session-note{color:var(--muted)}.concept-grid{gap:16px}.concept-card{background:#fff;border:0;border-radius:14px;padding:22px}.concept-card h3{font-size:20px}.concept-card p{color:#555c69}.metaphor,.reading-card{background:#fff;border:0;border-radius:14px}.reading-links{overflow-wrap:anywhere}.scene .algo-array,.scene .index-cells{max-width:100%;overflow:auto}.scene svg{max-width:100%;height:auto}.scene .algo-graph{min-width:0}.scene .algo-table-wrap{max-width:100%;overflow:auto}.flow-svg .node.on{fill:#dceaff;stroke:#075fd3}.flow-svg .edge.on{stroke:#075fd3}.gate.done,.mapping-card.selected,.index-cell.selected{background:#e9f2ff;border-color:#6694d8}.sum-number{color:var(--blue)}.loop-token.current{background:var(--blue);color:#fff;border-color:var(--blue)}dialog{border:0;border-radius:18px;max-height:85dvh;width:min(720px,calc(100vw - 28px));padding:24px;background:#fff}dialog::backdrop{background:#1b263e55}.catalog-item{min-height:50px;padding:12px 0}.catalog-item .ready{display:none}.close-dialog{font-size:25px;min-width:44px}.catalog-stage h3{font-size:19px}.guide-list{padding-left:24px}summary{cursor:pointer}.question-code{background:#fff;padding:18px;border-radius:14px}.live-indicator{color:#346084}.status-dot{background:#075fd3}.goal-label:before{display:none}.hero-symbol{display:none}
:root{--sub:#60616b;--green-light:#e9f2ff;--lime:#c7deff;--orange-light:#fff2df}
.lab>.lab-controls{grid-row:1;grid-column:1/-1;position:static;box-shadow:none;backdrop-filter:none}
.lab>.code-side{grid-row:2;grid-column:1}.lab>.visual-side{grid-row:2;grid-column:2}
.code-text{white-space:pre;overflow-wrap:normal}.code-line{width:max-content;min-width:100%}
.goal-detail{width:100%}.goal-detail summary{color:var(--blue);min-height:26px;cursor:pointer;font-size:14px;font-weight:600}.goal-detail p{padding-top:10px}
.scene-caption,.loop-callout,.scope-heading,.variable-details,.scene .algo-caption{color:#5b6574}.empty-scene{border-color:#d7dee9}.scene.animate .flow-arrow{color:#4277ba}.file-dot{background:#6694d8}
@keyframes variable-arrival{from{background:#c8defd}to{background:#e9f2ff}}
@media(min-width:1100px){.lab-controls{display:flex;justify-content:space-between}.playback{gap:8px}#exercise-workspace{max-width:880px}.settings-group{max-width:800px}.mine-heading,#progress-summary{max-width:800px}}
@media(max-width:1000px){.shell{grid-template-columns:220px minmax(0,1fr)}#main{padding:22px}.sidebar{padding:24px 14px}.lab{grid-template-columns:1fr}.visual-side{grid-row:1}.code-side{grid-row:2;border:0;border-top:1px solid var(--line)}.code-lines{min-height:0;max-height:200px}.lab-controls{display:block}.step-progress{margin-top:15px}.scene{min-height:230px}.tabs button{min-width:80px}.trace-tag{display:none}}
@media(max-width:700px){body{padding-top:env(safe-area-inset-top);padding-bottom:calc(102px + env(safe-area-inset-bottom))}.shell{display:block}.sidebar{position:static;height:auto;border:0;padding:18px 20px 0;background:none;overflow:visible}.brand{display:none}.sidebar-label,.sidebar #lesson-nav,.sidebar .offline,.sidebar .catalog-button{display:none}.mobile-course-picker{display:block;color:#4d5664;font-size:12px;margin:0}.mobile-course-picker select{margin-top:5px;background:#fff;border:0;font-weight:600;font-size:15px;padding-right:30px}#main{padding:12px 20px 24px}.topbar{margin:0 0 12px;font-size:12px;min-height:34px}.topbar>span{font-size:12px}.topbar button{font-size:12px;padding:2px 0;min-height:34px}.lesson-hero h1{font-size:28px;line-height:1.3;margin:8px 0 10px}.lead{font-size:14px;line-height:1.7;margin:0}.lesson-hero{margin-bottom:16px}.lesson-goal{padding:13px 15px;margin-bottom:20px;display:block}.goal-label{display:block;margin-bottom:4px;font-size:12px}.lesson-goal p{font-size:13px}.tabs{width:100%;margin:0 0 22px;position:sticky;top:0;z-index:12}.tabs button{flex:1;min-width:0;font-size:14px;min-height:38px;padding:5px 8px}.section-heading{margin-bottom:14px}.section-heading h2,.practice-heading h2{font-size:21px}.lab-selectors{grid-template-columns:1fr;gap:10px}.lab-selectors label{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;font-size:12px}.lab-selectors select{font-size:14px;min-height:44px}.lab{border-radius:14px}.scene{padding:18px 15px;min-height:230px}.pane-heading{padding:11px 14px;min-height:44px;font-size:12px}.pane-heading small{font-size:10px}.code-lines{font-size:13px;max-height:165px}.code-line{padding:2px 8px}.line-number{width:26px;flex-shrink:0}.code-foot{font-size:10px;padding:8px 12px}.execution-note{padding:13px 15px;font-size:13px}.execution-note p{font-size:13px}.output-pane{padding:14px;display:block}.output-pane>div{display:flex;gap:10px;align-items:center;margin-bottom:8px}.output-pane small{font-size:10px}.output-pane pre{font-size:14px;margin:0}.lab-controls{padding:14px;position:sticky;bottom:70px}.playback{display:flex;flex-wrap:wrap;gap:6px}.playback button{font-size:13px;padding:9px 10px;min-height:44px}.playback #next{flex:1}.playback #prev{width:44px}.step-progress{margin-top:12px;display:flex;gap:12px;align-items:center;font-size:11px}.step-progress progress{flex:1}.variable-grid{gap:10px}.variable-value{font-size:24px}.variable-meta code{font-size:12px}.checkpoint{padding:16px}.prediction-controls{display:flex;flex-wrap:wrap}.prediction-controls input{width:100%;min-height:44px;font-size:16px}.section-next{font-size:12px;display:block}.section-next button{padding-left:0}.bottom-nav{gap:0;justify-content:space-around;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}.bottom-nav button{flex-direction:column;gap:3px;font-size:10px;min-width:76px;min-height:48px;padding:2px 18px}.bottom-nav svg{width:23px;height:23px}.app-status{right:16px;bottom:calc(71px + env(safe-area-inset-bottom));font-size:10px;padding:0 4px}.task-tabs{gap:5px;flex-wrap:nowrap;justify-content:space-between;margin-bottom:20px}.task-tabs button{padding:8px 7px;font-size:11px;flex:1}.task-tabs button span{display:block;font-size:13px;margin:0}.exercise-header h3{font-size:22px}.exercise-header p{font-size:14px}.editor-top{font-size:13px;padding:12px}.editor-top span{font-size:10px}.run-actions{gap:8px}.run-actions button{font-size:14px;min-width:0;flex:1}.execution-input label span{display:block;margin:3px 0 0}.result-panel{padding:16px}.result-panel pre{font-size:13px}.result-panel p{font-size:12px}.practice-heading p{font-size:13px}.settings-group{padding:20px 17px;margin-top:20px}.settings-group h2{font-size:20px}.download-row{gap:8px}.download-row button{padding:7px 10px;font-size:12px}.mine-heading h1{font-size:30px}.learning-progress{gap:50px}.learning-progress strong{font-size:34px}.concept-grid{display:block}.concept-card{margin-bottom:14px;padding:18px}.concept-card h3{font-size:20px}.concept-card p{font-size:14px}.cheat-table{display:block;overflow:auto;min-width:0;max-width:100%;font-size:12px}.cheat-table pre{font-size:12px}.cheat-table th,.cheat-table td{min-width:100px;padding:12px}.cheat-table th:nth-child(2),.cheat-table td:nth-child(2){min-width:150px}.error-card pre{font-size:12px}.self-rating{display:flex;gap:6px;flex-wrap:wrap}.self-rating button{font-size:12px;padding:8px 10px}.review-block h2{font-size:22px}.checklist label{font-size:14px}.reading-card{padding:18px}.reading-card h3{font-size:18px}.reading-card p{font-size:13px}.reference-row{grid-template-columns:70px 18px minmax(0,1fr)}.object-slots{flex-wrap:wrap}.reference-names code{font-size:11px}.scope-heading{flex-wrap:wrap}.variable-pill{font-size:11px;overflow-wrap:anywhere}.scene .rank-card{font-size:11px;gap:5px}.scene .rank-card code{font-size:10px}.scene .algo-scalar{min-width:0}.flow-svg{width:100%;min-width:0}.boolean-gates{gap:8px}.gate code{font-size:11px}.gate{padding:12px}.keyboard-open .bottom-nav{display:none}.keyboard-open .app-status{bottom:4px}.keyboard-open .lesson-hero,.keyboard-open .lesson-goal,.keyboard-open .topbar,.keyboard-open .sidebar{display:none}.keyboard-open .tabs{position:static}.keyboard-open body{padding-bottom:20px}body[data-section=mine] .sidebar{display:none}footer{font-size:10px;display:block}.tiny-label{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.algo-title>span{display:none}.algo-title>b{color:#263c5b;font-size:14px}.algo-fine,.network-frame>.algo-fine,.algo-row-heading small,.algo-cell>small,.algo-metric code,.algo-metric small,.pointer-label,.call-frame>div span,.call-frame p,.pipeline-track small,.sieve-cell small{color:#59677b;font-size:12px;line-height:1.65;letter-spacing:0}.algo-row-heading,.algo-cell strong,.algo-metric strong,.call-frame b,.call-frame>div,.euclid-chain b,.euclid-chain strong,.binary-exponent span,.discipline-label{color:#2c527e}.algo-empty{color:#59677b;background:#f8faff;border-color:#9aaac1;font-size:13px}.algo-cell{border-color:#aab8cc}.algo-cell>small{border-color:#dce3ec}.algo-cell.pointed{border-color:#075fd3;box-shadow:none}.algo-cell.in-window,.algo-metric.fresh,.call-frame.active,.pipeline-track>span.done{background:#e7f0ff;border-color:#6891c5}.algo-cell.updated{background:#fff2dc;border-color:#ae782b}.pointer-label{font-size:10px;top:3px}.network-frame{background:#f8faff;border-color:#d3ddec}.network-edge path,.heap-edge,.link-edge{stroke:#6d829f}.network-edge.chosen path{stroke:#075fd3}.network-edge text,.network-node text,.heap-svg text,.linked-svg text,.timeline-tick,.timeline-index,.answer-axis text{fill:#3f5575}.network-edge rect{fill:#f8faff}.network-node circle{stroke:#6d829f;fill:#fff}.network-node.reached circle{fill:#e3eeff;stroke:#075fd3}.network-node.current circle{fill:#ffedcf;stroke:#a36513}.network-node text.node-distance,.heap-svg text.heap-index,.linked-svg text.heap-index{fill:#506785}.dp-matrix th{color:#536780;font-size:12px}.dp-matrix td{background:#f8faff;color:#34567e;border-color:#afbdd1}.dp-matrix td.dp-current{border-color:#075fd3;box-shadow:none}.dp-matrix td.dp-updated{background:#fff0d7;color:#814914;border-color:#b8853d}.heap-svg circle,.linked-svg rect{fill:#edf3ff;stroke:#718bb0}.heap-svg circle.heap-root{fill:#d5e6ff;stroke:#075fd3}.timeline-bar{fill:#e5efff;stroke:#6687b3}.timeline-bar.picked{fill:#075fd3;stroke:#075fd3}.timeline-value{fill:#315a8b}.axis-range{stroke:#678abc}.answer-axis circle{fill:#075fd3}.sieve-cell{background:#edf3ff;border-color:#9dafc9}.sieve-cell strong{color:#345a88}.sieve-cell.eliminated strong{color:#667080}.pipeline-track>span{color:#506887;background:#f8faff;border-color:#abbad0}.dependency-note{color:#4d6684;border-left-width:1px}.reading-transfer{border-left-width:1px}.mobile-course-picker select{color:#263c5b}.nav-stage>summary,.nav-stage summary small,.nav-stage[open]>summary{color:#53637b}.code-lines{scrollbar-color:#8a9cb7 transparent}
@media(max-width:1000px){.lab>.lab-controls{grid-row:1;grid-column:1}.lab>.visual-side{grid-row:2;grid-column:1}.lab>.code-side{grid-row:3;grid-column:1}.lab>.execution-note{grid-row:4;grid-column:1}.lab>.output-pane{grid-row:5;grid-column:1}.lab>.checkpoint{grid-row:6;grid-column:1}.lab>.prediction-feedback{grid-row:7;grid-column:1}.lab{grid-template-columns:minmax(0,1fr)}.playback #next{white-space:nowrap}}
@media(max-width:700px){.lesson-goal{padding:10px 14px;margin-bottom:16px}.topbar{margin-bottom:2px}.lesson-hero{margin-bottom:12px}.tabs{margin-bottom:18px}.section-heading{margin-bottom:10px}.lab-selectors{margin-bottom:12px}.lab>.lab-controls{padding:12px;position:static}.lab>.visual-side{width:100%}.code-lines{max-height:185px}.scene{min-height:200px}.sidebar{min-height:0}.learning-progress{margin-top:16px}body[data-section=practice] .lesson-goal,body[data-section=practice] .lead{display:none}body[data-section=practice] .lesson-hero h1{font-size:22px}body[data-section=practice] .lesson-hero{margin-bottom:16px}}