:root{font-family:DM Sans,Segoe UI,Microsoft YaHei,sans-serif;color:#e9f0f5;background:#0b111b;font-synthesis:none;--bg: #0b111b;--surface: #101a27;--surface-raised: #152231;--surface-hover: #1a2a3a;--border: #263747;--text: #e9f0f5;--muted: #9aafc2;--mint: #5de0bd;--orange: #ffac62;--purple: #b29bff;--blue: #8cbcff;--shadow: 0 16px 60px #0005;color-scheme:dark;font-size:14px}:root[data-theme=light]{--bg: #f5f8fb;--surface: #fff;--surface-raised: #edf3f7;--surface-hover: #e2edf4;--border: #cddce5;--text: #172c3d;--muted: #526b7d;--mint: #087d64;--orange: #a64a00;--purple: #7050b5;--blue: #2168ac;--shadow: 0 16px 60px #15354a18;color-scheme:light;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button{background:none;border:0}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:hover:not(:disabled){background-color:var(--surface-hover)}input,select,textarea{color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:7px;padding:10px 12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}select{font-size:13px;cursor:pointer}input[type=range]{padding:0;accent-color:var(--mint);border:0;height:5px;cursor:pointer}h1,h2,h3,h4,p{margin:0}p{line-height:1.85}h1{font-size:34px;letter-spacing:-1px;font-weight:700}h2{font-size:22px;letter-spacing:-.4px}h3{font-size:17px;font-weight:600}h4{font-size:15px}svg{flex-shrink:0}::selection{background:#5de0bd45}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--mint);color:var(--bg);z-index:100}.skip-link:focus{top:15px}.app{min-height:100vh}.sidebar{width:236px;height:100dvh;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--bg) 80%);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:13px;padding:27px 23px 29px}.brand svg{width:43px;height:43px;fill:var(--mint)}.brand svg path:last-child{fill:none;stroke:var(--mint);stroke-width:3}.brand strong{display:block;font-size:24px;letter-spacing:-.8px}.brand small{font-size:13px;letter-spacing:2px;color:var(--muted);display:block;margin-top:3px}.sidebar nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:0 12px}.nav-item{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:14px 15px;margin:3px 0;color:var(--muted);border-radius:8px;font-size:15px;border-left:2px solid transparent}.nav-item>span{margin-left:auto;font-size:11px;opacity:.75}.nav-item.active{border-left-color:var(--mint);color:var(--mint);background:linear-gradient(90deg,#5de0bd12,var(--surface-raised))}.nav-divider{border-top:1px solid var(--border);margin:22px 0}.nav-label{padding:0 13px 15px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.nav-label>span{font-size:10px;opacity:.7}.group-button{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;color:var(--muted);font-size:14px;border-radius:7px}.group-button span{flex:1;text-align:left}.group-button.selected{color:var(--mint);background:#5de0bd09}.topic-children{padding:3px 0 10px 35px}.topic-children button{position:relative;display:flex;align-items:center;width:100%;text-align:left;gap:9px;border-left:1px solid var(--border);font-size:12px;color:var(--muted);padding:9px 9px 9px 18px;line-height:1.4}.topic-children button:before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--border)}.topic-children button i{display:none;position:absolute;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--mint)}.topic-children button.selected{color:var(--mint);font-weight:600}.topic-children button.selected i{display:block}.topic-children button svg{margin-left:auto}.sidebar-footer{padding:16px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.sidebar-footer button{margin-left:auto}.local-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.workspace{margin-left:236px}.topbar{height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 30px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.breadcrumb button{display:flex;color:var(--mint);padding:4px}.breadcrumb strong{font-weight:500;color:var(--text)}.global-search{display:flex;align-items:center;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:7px;height:38px;padding:0 11px;color:var(--muted)}.global-search input{background:transparent;border:0;flex:1;padding:8px 10px;font-size:12px;width:100%}.global-search kbd{font-size:10px;border:1px solid var(--border);border-radius:3px;padding:2px 4px;white-space:nowrap;opacity:.65}main{max-width:1600px;margin:0 auto;padding:0 30px;outline:none}.lesson-header{margin:8px 0 22px}.lesson-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-title-row h1{display:flex;align-items:baseline;gap:20px}.lesson-title-row h1 span{font-size:21px;letter-spacing:-.3px;font-weight:400;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.button{padding:10px 15px;border:1px solid var(--border);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--muted);font-size:13px;white-space:nowrap;min-height:38px}.button:hover{border-color:var(--mint);color:var(--text)}.button.selected,.text-button{color:var(--mint)}.button.primary{background:var(--mint);color:var(--bg);border-color:var(--mint);font-weight:600}.button.primary:hover{filter:brightness(1.1);background:var(--mint)}.button.compact{padding:8px 11px;min-height:35px;font-size:12px}.icon-button{border:1px solid var(--border);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:8px;color:var(--muted)}.lesson-description{display:flex;align-items:flex-start;gap:25px;margin-top:17px}.lesson-description p{font-size:15px;color:var(--muted);flex:1;max-width:820px;line-height:1.9}.badges{display:flex;gap:9px;flex-shrink:0;padding-top:2px}.badge{font-size:11px;border:1px solid var(--border);border-radius:7px;padding:11px 12px;white-space:nowrap;color:var(--muted)}.badge b{font-size:13px;margin-left:8px}.badge.difficulty{background:#ffac6207;border-color:#ffac6225;color:var(--muted)}.badge.difficulty b{color:var(--orange)}.badge.importance{background:#5de0bd07;border-color:#5de0bd25}.badge.importance b{color:var(--mint)}.badge.popularity b{color:var(--blue)}.note-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.lesson-tabs{border-bottom:1px solid var(--border);display:flex;align-items:stretch;margin-bottom:17px;gap:22px}.lesson-tabs>button{padding:15px 13px;display:flex;gap:10px;align-items:center;border-bottom:2px solid transparent;color:var(--muted);font-size:15px;white-space:nowrap}.lesson-tabs>button.active{color:var(--mint);border-color:var(--mint)}.lesson-tabs .complete-button{margin-left:auto;font-size:11px;gap:6px;padding-inline:0}.complete-button.selected{color:var(--mint)}.experiment-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:13px}.lab-panel,.inspector{border:1px solid var(--border);border-radius:8px;background:linear-gradient(150deg,var(--surface),var(--bg));min-width:0}.lab-panel{padding:17px 18px 12px}.input-toolbar{display:flex;align-items:center;gap:9px}.input-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.input-main>span{font-size:12px;white-space:nowrap;font-weight:600}.input-main input,.input-main select{flex:1;width:100%;font-size:13px;height:37px}.target-label{display:flex;align-items:center;gap:6px;font-size:12px}.target-label input{width:59px;height:37px;padding:8px}.input-hint{font-size:10px;color:var(--muted);opacity:.85;margin-top:8px;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px}.input-hint button{font-size:10px;color:var(--mint);display:flex;align-items:center;gap:3px;white-space:nowrap;padding:0}.canvas{min-height:330px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:7px;background:radial-gradient(ellipse at 50% 90%,#5de0bd06,transparent 65%),var(--bg);padding:14px 10px 12px;overflow:hidden}.canvas-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.5px;padding:0 3px;opacity:.7}.canvas-top>span:first-child{display:flex;align-items:center;gap:7px}.canvas-top i{width:4px;height:4px;background:var(--mint);border-radius:50%}.bars-svg{width:100%;min-height:240px;max-height:350px;padding-top:10px;overflow:visible}.bar{fill:var(--mint);opacity:.85;transition:y .25s,height .25s,fill .2s}.bar.pivot{fill:var(--orange);opacity:1}.bar.current{fill:var(--purple)}.bar.done{opacity:1}.bar-value,.bar-index{text-anchor:middle;fill:var(--text);font-size:13px;font-family:DM Sans,sans-serif}.bar-index{fill:var(--muted);font-size:10px}.canvas-bottom{display:flex;justify-content:center;gap:15px;color:var(--muted);font-size:9px;margin-top:8px;flex-wrap:wrap}.canvas-bottom>span{display:flex;gap:5px;align-items:center}.canvas-bottom i{width:5px;height:5px;border-radius:50%;display:inline-block}.mint-dot{background:var(--mint)}.orange-dot{background:var(--orange)}.purple-dot{background:var(--purple)}.playback{display:flex;align-items:center;gap:8px;margin-top:18px}.play-button{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--mint);font-weight:600;font-size:12px;flex-shrink:0;padding:0 7px 0 0}.play-button>svg{background:var(--mint);color:var(--bg);padding:12px;border-radius:50%;width:42px;height:42px}.playback .icon-button{border-color:transparent}.timeline{display:flex;flex-direction:column;gap:10px;flex:1;min-width:50px;padding:0 8px;color:var(--muted);font-size:10px}.timeline input{width:100%}.speed{display:flex;align-items:center;gap:6px;color:var(--muted)}.speed select{font-size:11px;padding:7px}.lab-caption{font-size:10px;line-height:1.6;margin:14px 0 0;color:var(--muted);opacity:.75}.inspector{padding:18px 17px;display:flex;flex-direction:column}.inspector h3{display:flex;align-items:center;gap:8px;font-size:14px;margin:2px 0 18px}.current-step{background:#ffffff02;border:1px solid var(--border);border-radius:6px;padding:13px}.section-label{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;border-left:3px solid var(--mint);padding-left:7px}.section-label span{font-size:9px;color:var(--muted)}.current-step h4{font-size:15px;margin-bottom:8px}.current-step p{font-size:12px;color:var(--muted);min-height:65px;line-height:1.85}.small-title{font-size:12px;margin:19px 0 9px}.invariant{font-size:12px;line-height:1.9;color:var(--mint);padding:10px 12px;border:1px solid #5de0bd35;background:#5de0bd06;border-radius:6px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-grid>div{padding:10px 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface-raised);overflow:hidden}.stat-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.stat-grid strong{font-size:22px;font-weight:500;word-break:break-word}.result{margin-top:20px;font-size:11px;color:var(--muted)}.result summary{cursor:pointer}.result pre{font-size:10px;max-height:180px;overflow:auto;background:var(--bg);padding:10px}.insight-strip{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:25px;border:1px solid var(--border);border-radius:8px;margin-top:14px;background:var(--surface);padding:22px}.insight-strip>div:first-child{position:relative;padding-left:16px}.vertical-accent{position:absolute;left:0;top:3px;width:3px;height:21px;border-radius:2px;background:var(--mint)}.insight-strip h3{font-size:16px;margin-bottom:8px}.insight-strip p{font-size:11px;color:var(--muted);line-height:1.8}.method-step{display:flex;gap:10px;align-items:flex-start}.method-step>b{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--border);border-radius:50%;font-size:13px;background:var(--surface-raised);flex-shrink:0}.method-step strong{font-size:11px;line-height:29px}.method-step p{margin-top:3px}.inspect{font-size:11px;color:var(--mint);display:flex;gap:7px;margin-top:9px}.form-error{padding:9px 12px;background:#fa8a9c12;border:1px solid #fa8a9c50;color:#ef8999;border-radius:6px;font-size:12px;margin-bottom:12px}.graph-svg{width:100%;min-height:255px;max-height:430px;overflow:visible;margin:4px 0}.edge{color:var(--muted)}.edge line{stroke:var(--border);stroke-width:2}.edge text{fill:var(--muted);font-size:12px;paint-order:stroke;stroke:var(--bg);stroke-width:5px}.edge.active line{stroke:var(--mint);stroke-width:3}.node{cursor:pointer}.node rect{fill:var(--surface-raised);stroke:var(--border);stroke-width:1.5}.node text{fill:var(--text);text-anchor:middle;font-size:12px;font-family:DM Sans,Microsoft YaHei,sans-serif}.node.orange rect{fill:#ffac6220;stroke:var(--orange)}.node.orange text{fill:var(--orange)}.node.mint rect{fill:#5de0bd16;stroke:var(--mint)}.node:hover rect{stroke:var(--mint)}.cells{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:9px;min-height:265px;padding:20px 5px}.cell{display:flex;flex-direction:column;gap:10px;padding:12px 13px;min-width:46px;max-width:150px;border:1px solid var(--border);background:var(--surface-raised);border-radius:6px}.cell span{font-size:17px;word-break:break-all}.cell small{font-size:9px;color:var(--muted)}.cell.hot{border-color:var(--purple);color:var(--purple);background:#b29bff10}.cell.pivot{border-color:var(--orange);color:var(--orange)}.cell.settled{opacity:.4}.matrix-scroll{overflow:auto;max-height:430px;padding:18px 3px;min-height:265px;display:flex;align-items:center}.matrix{border-collapse:separate;border-spacing:3px;margin:auto;max-width:100%;font-size:11px;text-align:center}.matrix th{font-size:10px;font-weight:400;color:var(--muted);padding:5px;white-space:nowrap}.matrix td{background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;min-width:25px}.matrix td button{width:100%;padding:8px;min-width:27px;font-family:ui-monospace,monospace}.matrix td.hot{background:#b29bff22;border-color:var(--purple);color:var(--purple)}.board .matrix td button{font-size:30px;width:52px;height:52px;padding:0}.board .matrix tr:nth-child(2n) td:nth-child(2n),.board .matrix tr:nth-child(odd) td:nth-child(odd){background:var(--surface-hover)}.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px;padding:22px 0}.article{max-width:900px;min-width:0}.article h2{margin:10px 0 18px;font-size:21px}.article h2:not(:first-child){margin-top:36px}.article p{color:var(--muted);font-size:14px;margin:10px 0}.article p.lead{font-size:21px;line-height:1.9;color:var(--text);margin-bottom:20px}.article blockquote{border-left:3px solid var(--mint);margin:0;padding:14px 20px;background:#5de0bd09;color:var(--mint);line-height:1.9;font-size:16px}.reading-aside{border-left:1px solid var(--border);padding:12px 0 15px 25px;align-self:start;color:var(--muted)}.reading-aside>svg{color:var(--mint);margin-bottom:14px}.reading-aside h3{color:var(--text);margin-bottom:17px}.reading-aside p,.reading-aside li,.reading-aside dd{font-size:12px;line-height:1.9}.reading-aside p{margin:13px 0}.reading-aside ol,.reading-aside ul{padding-left:20px}.reading-aside li{margin-bottom:9px}.reading-aside dt{font-size:14px;color:var(--text);margin-top:24px;margin-bottom:8px}.reading-aside dd{margin:0}.source-link{color:var(--mint);font-size:12px;display:inline-flex;align-items:center;gap:7px;margin-top:15px}.use-list{border-top:1px solid var(--border)}.use-list>div{display:flex;align-items:center;gap:20px;padding:14px 5px;border-bottom:1px solid var(--border)}.use-list span{color:var(--mint);font-family:monospace;font-size:12px}.use-list strong{font-weight:500}.warning{display:flex;gap:15px;border:1px solid #ffac6230;background:#ffac6206;padding:16px;border-radius:7px;color:var(--orange);margin-top:22px}.warning p{margin:0;color:var(--muted);font-size:12px}.warning strong{font-size:13px;display:block;margin-bottom:5px}.cost-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:12px}.cost-grid>div{border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:19px 17px}.cost-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:15px}.cost-grid strong{font-size:19px;font-weight:500;color:var(--mint);word-break:break-word}.scale-control{display:flex;align-items:center;gap:9px;font-size:13px;margin:24px 0}.scale-control input{flex:1;margin-left:15px}.growth-chart{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:15px}.growth-chart line{stroke:var(--border);stroke-width:1}.growth-chart text{fill:var(--muted);font-size:10px}.growth-chart path{fill:none;stroke-width:2}.growth-chart .cursor-line{stroke:var(--text);stroke-dasharray:4}.curve-values{display:flex;justify-content:space-between;gap:10px;padding:18px 0}.curve-values div{display:flex;flex-direction:column;gap:8px;font-size:11px}.curve-values b{font-size:17px}.practice-title{display:flex;gap:15px}.practice-title>svg{color:var(--orange);margin-top:10px}.answer-options{display:flex;flex-direction:column;gap:11px;margin:18px 0}.answer-options button{display:flex;align-items:flex-start;gap:15px;padding:17px;border:1px solid var(--border);border-radius:7px;background:var(--surface);text-align:left;font-size:14px;line-height:1.7}.answer-options b{color:var(--muted)}.answer-options button.correct{border-color:var(--mint);background:#5de0bd09}.answer-options button.incorrect{border-color:#fa8a9c}.answer-feedback{padding:15px;line-height:1.9;font-size:13px;border-radius:6px}.answer-feedback.correct{color:var(--mint);background:#5de0bd09}.answer-feedback.incorrect{color:#ef8999;background:#ef899909}.task-list{padding-left:20px;line-height:2.2;color:var(--muted);font-size:13px;margin-bottom:25px}.code-panel{position:relative;margin-top:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.code-panel>.button{position:absolute;right:10px;top:10px}.code-panel pre{max-height:600px;overflow:auto;font-size:12px;line-height:1.8;padding:50px 20px 20px;color:var(--mint);tab-size:2}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 32px}.page-heading h1 span{display:block;font-size:14px;color:var(--mint);font-weight:400;letter-spacing:1px;margin:11px 0}.page-heading p{color:var(--muted);font-size:14px;margin-top:10px}.big-count{font-size:42px;color:var(--mint);font-weight:500}.big-count small{display:block;font-size:11px;color:var(--muted)}.learning-path{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:19px;display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-bottom:30px}.learning-path>strong{font-size:12px;font-weight:500;margin-right:auto}.learning-path button{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);padding:5px}.learning-path button>span{font-size:9px;border:1px solid var(--border);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:var(--mint)}.category-tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;margin-bottom:24px}.category-tabs>button{padding:13px 3px;color:var(--muted);border-bottom:2px solid transparent;font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:8px}.category-tabs>button.active{color:var(--mint);border-bottom-color:var(--mint)}.catalog-toolbar{display:flex;gap:11px;align-items:center}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);flex:1;padding-left:12px;color:var(--muted)}.search-field input{border:0;background:transparent;width:100%;font-size:13px}.catalog-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;margin:20px 0 12px}.catalog-list{border-top:1px solid var(--border)}.topic-row{display:flex;align-items:center;gap:20px;text-align:left;width:100%;padding:23px 10px;border-bottom:1px solid var(--border)}.topic-glyph{width:46px;height:46px;background:#5de0bd09;border:1px solid #5de0bd30;color:var(--mint);display:grid;place-items:center;border-radius:9px;flex-shrink:0;font-size:23px}.topic-glyph.graphs,.topic-glyph.patterns{color:var(--purple);border-color:#b29bff30;background:#b29bff09}.topic-glyph.strings,.topic-glyph.math{color:var(--orange);border-color:#ffac6230;background:#ffac6209}.topic-row-main{flex:1;min-width:0}.topic-row-main h3{font-size:16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.topic-row-main h3 small{font-size:11px;font-weight:400;color:var(--muted)}.topic-row-main h3 svg{color:var(--mint)}.topic-row-main p{color:var(--muted);font-size:12px;margin-top:7px;line-height:1.7;max-width:650px}.difficulty{font-size:11px;color:var(--orange);white-space:nowrap}.level-0,.level-1{color:var(--mint)}.level-3{color:var(--purple)}.rating{display:flex;flex-direction:column;gap:7px;font-size:9px;color:var(--muted)}.rating b{font-size:9px;letter-spacing:2px;color:var(--mint)}.rating em{font-style:normal;color:var(--border)}.topic-row>svg{color:var(--muted)}.empty-state{padding:55px 15px;text-align:center;color:var(--muted);width:100%}.empty-state>svg{color:var(--mint);margin-bottom:20px}.empty-state h3{color:var(--text);margin-bottom:9px}.empty-state p{font-size:13px;margin-bottom:20px}.progress-banner{display:flex;align-items:center;gap:30px;background:linear-gradient(110deg,#5de0bd09,var(--surface));border:1px solid var(--border);border-radius:9px;padding:32px;margin-bottom:30px}.progress-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--mint) var(--progress),var(--border) 0);display:grid;place-items:center;flex-shrink:0}.progress-ring strong{display:grid;place-content:center;grid-auto-flow:column;align-items:baseline;border-radius:50%;background:var(--surface);width:87px;height:87px;font-size:27px;font-weight:500}.progress-ring small{font-size:13px;color:var(--muted)}.progress-banner h2{font-size:23px}.progress-banner p{font-size:13px;color:var(--muted);margin:13px 0}.text-button{display:inline-flex;gap:6px;align-items:center;padding:4px 0;font-size:12px}.learning-list>button{display:flex;justify-content:space-between;align-items:center;width:100%;gap:30px;padding:23px 5px;border-bottom:1px solid var(--border);text-align:left}.learning-list h3{font-size:16px}.learning-list h3 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:15px}.learning-list p{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;word-break:break-word}.local-notice{display:flex;gap:13px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:7px;margin:40px 0;color:var(--muted)}.local-notice>svg{color:var(--mint)}.local-notice strong{color:var(--text);font-size:13px}.local-notice p{font-size:12px;margin-top:7px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:left;overflow:hidden;padding:0}.case-card:hover{border-color:var(--mint);transform:translateY(-3px)}.case-art{height:170px;position:relative;background:radial-gradient(circle at 70% 80%,#5de0bd22,transparent 65%),linear-gradient(135deg,#162c36,#0e1b26);color:#5de0bd;display:flex;align-items:center;padding:30px;overflow:hidden}.case-art:before,.case-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:22px 22px}.case-art>svg{z-index:1}.case-art>span{position:absolute;right:25px;top:22px;font-size:11px;letter-spacing:3px;opacity:.7}.art-orbit{width:180px;height:180px;border:1px solid #5de0bd25;position:absolute;border-radius:50%;right:-20px;bottom:-100px;box-shadow:0 0 0 25px #5de0bd07,0 0 0 50px #5de0bd05}.art-1,.art-4{color:#b29bff;background:radial-gradient(circle at 70% 80%,#b29bff22,transparent 65%),#1b1d32}.art-2,.art-5{color:#ffac62;background:radial-gradient(circle at 70% 80%,#ffac6222,transparent 65%),#272326}.case-copy{padding:23px}.case-copy>span{font-size:10px;color:var(--muted);letter-spacing:.5px}.case-copy h2{font-size:20px;margin:13px 0}.case-copy p{font-size:12px;color:var(--muted);line-height:1.9;min-height:47px}.case-copy footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:11px;color:var(--mint)}.case-pipeline{display:flex;gap:15px;margin:15px 0 28px;border-block:1px solid var(--border);padding:22px 0}.case-pipeline>div{flex:1;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.case-pipeline b{color:var(--mint);font-size:12px}.case-pipeline svg{margin-left:auto}.case-sandbox{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:23px}.sandbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.sandbox-toolbar h2{font-size:18px}.sandbox-toolbar>div{display:flex;gap:15px;align-items:center}.sandbox-toolbar label{font-size:11px;color:var(--muted)}.sandbox-toolbar label select{margin-left:8px}.sandbox-toolbar form{display:flex;gap:8px}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:23px 0}.case-metrics>div{border-left:2px solid var(--mint);padding-left:14px}.case-metrics span{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.case-metrics strong{font-size:21px;font-weight:500}.event-log{padding:0;margin:25px 0 0;list-style:none;max-height:330px;overflow:auto}.event-log li{display:flex;gap:16px;padding:10px 0;border-top:1px solid var(--border);font-size:12px;color:var(--muted);line-height:1.8}.event-log li span{color:var(--mint);font-family:monospace}.lesson-links{display:flex;flex-direction:column}.lesson-links button{display:flex;justify-content:space-between;padding:14px 2px;border-bottom:1px solid var(--border);font-size:14px;color:var(--mint)}.case-answer{color:var(--mint)!important}.main-footer{display:flex;justify-content:space-between;gap:15px;padding:30px 0 20px;font-size:10px;color:var(--muted);opacity:.55;margin-top:12px}.main-footer a{display:flex;gap:5px;align-items:center}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:13px 20px;border:1px solid #5de0bd60;background:var(--surface-raised);color:var(--mint);border-radius:9px;box-shadow:var(--shadow);z-index:100;font-size:13px;display:flex;align-items:center;gap:10px;max-width:90vw}.modal-backdrop{position:fixed;inset:0;background:#030912aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:620px;max-width:100%;max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px;box-shadow:var(--shadow)}.modal header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.modal h2{font-size:20px}.modal p{font-size:12px;color:var(--muted);margin:15px 0}.modal textarea{width:100%;min-height:280px;resize:vertical;font-size:14px;line-height:1.9;padding:17px}.modal>input{width:100%;font-family:monospace;font-size:12px}.modal footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;color:var(--muted)}.mobile-menu,.close-nav{display:none}.fatal{padding:80px 25px;max-width:700px}.fatal p{margin:25px 0}.fatal button{background:var(--mint);color:var(--bg);padding:12px 20px;border-radius:7px}.nav-backdrop{display:none}@media(min-width:1600px){.canvas{min-height:430px}.bars-svg{max-height:390px}.inspector{padding:23px}.current-step p{font-size:13px}.lab-panel{padding:20px}.lesson-description p{max-width:850px}}@media(max-width:1250px){.sidebar{width:215px}.workspace{margin-left:215px}.topbar{padding:0 22px}main{padding:0 22px}.experiment-grid{grid-template-columns:minmax(0,1fr) 235px}.lesson-description{display:block}.badges{margin-top:16px}.badge{padding:7px 10px}.lesson-title-row h1{display:block;font-size:30px}.lesson-title-row h1 span{font-size:17px;margin-left:15px}.lesson-tabs{gap:10px}.lesson-tabs>button{font-size:13px;padding:14px 7px}.complete-button span{display:none}.insight-strip{grid-template-columns:repeat(3,1fr);gap:17px}.insight-strip>div:first-child{grid-column:1/-1}.canvas{min-height:300px}.bars-svg{min-height:215px}.playback{gap:4px}.play-button>span{display:none}.input-main{gap:8px}.input-main>span{display:none}.stat-grid strong{font-size:19px}.rating{display:none}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-grid{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.cost-grid{gap:10px}.cost-grid>div{padding:15px 11px}.cost-grid strong{font-size:16px}.brand{padding-inline:20px}.brand strong{font-size:22px}}@media(max-width:1000px){.experiment-grid{grid-template-columns:minmax(0,1fr)}.inspector{display:grid;grid-template-columns:1.2fr 1fr;column-gap:22px;padding:20px}.inspector>h3{grid-column:1/-1}.current-step{grid-row:2/6}.inspector>.small-title{margin-top:0}.inspector>.invariant{margin-bottom:12px}.inspector>.result{grid-column:1/-1}.stat-grid strong{font-size:18px}.canvas{min-height:330px}.bars-svg{max-height:300px}.play-button>span{display:inline}.playback{gap:10px}.global-search{width:280px}.global-search kbd{display:none}.lesson-title-row{align-items:flex-start}.lesson-title-row h1 span{display:block;margin:7px 0 0}.header-actions .button{padding:9px}.header-actions .button span{display:none}.lesson-description p{font-size:14px}.reading-grid{grid-template-columns:1fr}.reading-aside{border-left:0;border-top:1px solid var(--border);padding:24px 0}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-field{flex-basis:100%}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading .header-actions{flex-wrap:wrap}.progress-banner{padding:25px}.progress-banner h2{font-size:20px}.sandbox-toolbar{align-items:flex-start;flex-direction:column}.case-pipeline{flex-direction:column}.case-pipeline svg{transform:rotate(90deg)}.case-metrics strong{font-size:17px}.cost-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:260px;transition:transform .2s;background:var(--surface)}.sidebar.open{transform:translate(0)}.close-nav{display:flex;position:absolute;right:13px;top:33px}.sidebar .brand{padding:25px 20px}.sidebar .brand strong{font-size:21px}.sidebar .brand svg{width:37px}.sidebar .brand{gap:10px}.nav-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:29}.workspace{margin-left:0}.mobile-menu{display:flex;border:0;padding:4px}.topbar{height:63px;padding:0 18px;gap:12px}.breadcrumb{gap:8px;font-size:10px;white-space:nowrap}.breadcrumb button{display:none}.global-search{margin-left:auto;width:200px;height:34px}.global-search input{font-size:11px;padding:7px}.global-search>svg{width:15px}main{padding:0 18px}.lesson-header{margin-top:15px}.lesson-title-row h1{font-size:27px}.lesson-title-row h1 span{font-size:14px;line-height:1.4}.header-actions{gap:6px}.header-actions .button{padding:8px;border-radius:6px;min-height:34px}.header-actions .button>svg{width:16px;height:16px}.lesson-description{margin-top:15px}.badges{gap:8px}.badge{font-size:10px;padding:7px 9px}.badge b{font-size:11px;margin-left:5px}.lesson-tabs{gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}.lesson-tabs>button{font-size:12px;padding:13px 9px;gap:6px;flex-shrink:0}.lesson-tabs>button>svg{width:16px;height:16px}.lesson-tabs .complete-button{padding-inline:9px}.lab-panel{padding:12px 11px}.input-hint{font-size:9px;margin-bottom:9px}.canvas{min-height:260px;padding:10px 5px}.bars-svg{min-height:190px}.canvas-top{font-size:8px}.canvas-bottom{font-size:8px;gap:9px}.playback{gap:3px;margin-top:13px}.play-button{gap:6px;padding-right:2px}.play-button>svg{width:35px;height:35px;padding:10px}.play-button>span{display:none}.playback .button.compact{padding:7px;font-size:11px}.playback .button.compact span{display:none}.playback .icon-button{padding:7px}.timeline{padding:0 5px;font-size:9px;gap:8px}.speed{gap:2px}.speed>svg{display:none}.speed select{padding:7px 5px;font-size:10px}.lab-caption{font-size:9px}.inspector{padding:16px;column-gap:14px}.inspector>h3{font-size:13px}.current-step{padding:10px}.current-step p{font-size:11px}.current-step h4{font-size:13px}.section-label{font-size:10px}.section-label span{font-size:8px}.invariant{padding:9px;font-size:11px}.small-title{font-size:11px}.stat-grid{gap:6px}.stat-grid>div{padding:8px}.stat-grid span{font-size:9px}.stat-grid strong{font-size:17px}.insight-strip{padding:17px;grid-template-columns:1fr;gap:18px}.insight-strip>div:first-child{grid-column:auto}.insight-strip h3{font-size:16px}.method-step p{font-size:11px;margin:0}.method-step strong{line-height:20px}.method-step{gap:12px}.main-footer{font-size:8px;padding-block:25px}.page-heading h1{font-size:27px}.page-heading{margin:20px 0 25px;gap:15px}.page-heading p{font-size:12px}.big-count{font-size:32px}.learning-path{padding:15px;gap:7px}.learning-path>strong{width:100%;margin-bottom:7px}.category-tabs{gap:16px}.category-tabs>button{font-size:12px}.catalog-toolbar{gap:7px}.catalog-toolbar select,.catalog-toolbar .button{font-size:11px;padding:9px}.catalog-meta{font-size:9px;line-height:1.7}.catalog-meta>span:last-child{max-width:200px;text-align:right}.topic-row{padding:18px 2px;gap:12px}.topic-glyph{width:37px;height:37px;font-size:20px}.topic-row-main h3{font-size:14px;gap:4px 8px}.topic-row-main h3 small{font-size:10px;display:block;flex-basis:100%}.topic-row-main p{font-size:11px;margin-top:6px}.topic-row>.difficulty{font-size:10px}.topic-row>svg{display:none}.reading-grid{padding:10px 0;gap:20px}.article h2{font-size:19px}.article p{font-size:13px}.article p.lead{font-size:19px}.article blockquote{font-size:14px}.reading-aside{padding-top:20px}.cost-grid strong{font-size:15px}.cost-grid span{font-size:10px}.curve-values{gap:8px}.curve-values div{font-size:9px}.curve-values b{font-size:13px}.answer-options button{font-size:12px;padding:14px}.code-panel pre{font-size:10px}.case-grid{gap:15px;grid-template-columns:1fr}.case-card{display:grid;grid-template-columns:105px 1fr}.case-art{height:100%;min-height:205px;padding:20px}.case-art>svg{width:50px}.case-art>span{right:15px;top:15px}.case-copy{padding:20px}.case-copy h2{font-size:18px;margin-block:10px}.case-copy p{font-size:11px}.case-copy footer{font-size:10px;margin-top:15px}.case-sandbox{padding:16px}.case-metrics{gap:12px}.case-metrics>div{padding-left:9px}.case-metrics span{font-size:9px}.case-metrics strong{font-size:14px;line-height:1.8}.sandbox-toolbar>div{flex-wrap:wrap;gap:9px}.sandbox-toolbar select{font-size:11px}.sandbox-toolbar form input{max-width:200px;font-size:12px}.case-pipeline>div{font-size:12px}.progress-banner{padding:20px;gap:18px}.progress-ring{width:75px;height:75px}.progress-ring strong{width:65px;height:65px;font-size:23px}.progress-banner h2{font-size:16px;line-height:1.8}.progress-banner p{font-size:11px}.page-heading:has(.header-actions){flex-direction:column}.page-heading .header-actions .button{font-size:11px;padding:9px 13px}.learning-list h3{font-size:14px}.learning-list h3 span{display:block;margin:7px 0 0}.learning-list p{font-size:11px}.modal{padding:20px}.modal h2{font-size:17px}.modal textarea{min-height:260px;font-size:13px}.toast{font-size:12px;width:max-content;line-height:1.8}.matrix td button{padding:6px}.matrix{font-size:10px}.matrix th{font-size:9px;padding:4px}.graph-svg{min-height:210px}.target-label{font-size:10px}.target-label input{width:48px}.input-main input{font-size:11px}}@media(max-width:420px){.breadcrumb>span:first-of-type,.breadcrumb>span:nth-of-type(2){display:none}.topbar{gap:9px}.global-search{width:178px}.lesson-tabs>button{padding:12px 7px;font-size:11px}.lesson-tabs>button>svg{width:15px}.lesson-title-row h1{font-size:25px}.header-actions{gap:4px}.header-actions .button{padding:7px}.lesson-title-row{gap:10px}.badges{gap:6px}.badge{padding:6px 8px}.inspector{display:block}.current-step{margin-bottom:15px}.inspector .small-title{margin-top:15px}.stat-grid{grid-template-columns:repeat(2,1fr)}.current-step p{min-height:0}.catalog-toolbar{justify-content:space-between}.catalog-toolbar select{max-width:120px}.case-metrics{grid-template-columns:1fr;gap:18px}.case-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.case-metrics span{margin:0;font-size:11px}.case-metrics strong{font-size:15px}.canvas-bottom{gap:7px}.page-heading h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.header-actions,.lesson-tabs,.main-footer{display:none}.workspace{margin:0}:root{--bg: white;--surface: white;--text: black;--muted: #444;--border: #ccc;color:#000;background:#fff}.reading-grid{display:block}main{max-width:none}.reading-aside{border:0;padding:20px 0}.lab-panel,.inspector{break-inside:avoid}}.canvas{position:relative;isolation:isolate}.canvas:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--border) .65px,transparent .65px);background-size:22px 22px;opacity:.16;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent)}.effects-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--mint);font-size:10px;padding:0 2px;opacity:.9}.effects-toggle[aria-pressed=false]{color:var(--muted)}.edge-core,.edge-aura,.edge-particle{pointer-events:none}.edge-weight{fill:var(--muted);font-size:12px;paint-order:stroke;stroke:var(--bg);stroke-width:5px}.motion-node .node-ripple{fill:none!important;stroke-width:1.5}.motion-node{transform-box:view-box}.motion-node .node-shell{filter:drop-shadow(0 5px 7px #0003)}.node-glint{pointer-events:none}.moving-bar{transform-box:view-box;cursor:pointer}.moving-bar:focus-visible{outline:none}.moving-bar:focus-visible .bar-body{stroke:var(--text);stroke-width:2}.bar-glow,.bar-light-scan{pointer-events:none}.motion-matrix td{position:relative;overflow:hidden}.motion-matrix td button{position:relative;overflow:hidden;min-height:31px}.matrix-value{display:inline-block;position:relative;z-index:1}.matrix-ripple{position:absolute;inset:1px;border:1px solid var(--purple);border-radius:4px;pointer-events:none;box-shadow:0 0 14px #b29bff35}.motion-cells{position:relative;perspective:800px}.motion-cells .cell{position:relative;overflow:hidden;transform-style:preserve-3d}.motion-cells .cell>span,.motion-cells .cell>small{position:relative;z-index:1}.cell-shimmer{position:absolute;inset:0;width:65%;pointer-events:none;background:linear-gradient(100deg,transparent,#d4c5ff40,transparent);transform:skew(-18deg)}.stat-grid strong{display:block}@media(min-width:1251px){.topic-children button,.current-step p,.invariant,.small-title{font-size:13px}.stat-grid span{font-size:11px}}@media(prefers-reduced-motion:reduce){.edge-particle,.node-ripple,.bar-light-scan,.bar-glow,.matrix-ripple,.cell-shimmer{display:none!important}}.input-context{border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);padding:12px 14px;margin-bottom:14px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.input-context summary{cursor:pointer;color:var(--mint);font-weight:600}.input-context p{margin:8px 0 0;color:var(--muted)}.data-chips{display:flex;gap:6px;flex-wrap:wrap;padding-top:10px}.data-chips span{border:1px solid var(--border);border-radius:5px;padding:2px 9px;background:var(--bg)}.processing-row{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:8px}.processing-row span{color:var(--muted)}.processing-row b{color:var(--text);margin-left:6px}.processing-row span:first-child b{color:var(--orange)}.guided-toggle{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--mint);margin:16px 0}.guided-toggle input{accent-color:var(--mint)}.checkpoint-list{display:flex;gap:7px;overflow:auto;max-height:88px;padding-bottom:7px;scrollbar-width:thin}.checkpoint-list button{flex-shrink:0;border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--muted);font-size:11px;background:transparent}.checkpoint-list button.active{color:var(--mint);border-color:var(--mint)}.step-explanation{border-left:2px solid var(--mint);padding:0 0 0 13px;margin:22px 0}.step-explanation h4{font-size:14px;margin-bottom:15px}.step-explanation dl{margin:0}.step-explanation dt{color:var(--mint);font-size:11px;letter-spacing:.05em;margin-top:14px}.step-explanation dd{margin:5px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}.node .node-subtitle{font-size:10px;fill:var(--muted);paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.graph-svg{overflow:visible}.eyebrow{font-size:11px!important;letter-spacing:.06em;color:var(--mint)!important}.muted{color:var(--muted);font-size:13px;line-height:1.8}.practice-track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.track-card{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:21px 18px;color:var(--muted)}.track-card strong{font-size:14px;color:var(--text)}.track-card span{margin-left:auto;font-size:12px;white-space:nowrap}.track-card.selected{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 6%,var(--surface));color:var(--mint)}.practice-filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.practice-filters input,.practice-filters select{min-height:40px;border-radius:7px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);padding:8px 12px;font-size:12px;max-width:100%}.practice-search{display:flex;align-items:center;gap:7px;flex:1;min-width:230px}.practice-search input{width:100%}.practice-filters select{max-width:200px}.problem-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.problem-row{display:flex;gap:17px;align-items:center;width:100%;background:var(--surface);border:0;border-bottom:1px solid var(--border);padding:20px 24px;text-align:left;color:var(--text)}.problem-row:last-child{border-bottom:0}.problem-row:hover{background:var(--surface-raised)}.problem-row h3{font-size:17px;margin:7px 0}.problem-row p{font-size:12px;color:var(--muted);margin:0}.problem-icon{width:44px;height:44px;display:grid;place-items:center;background:#5de0bd0d;color:var(--mint);border-radius:10px}.solution-badge{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--mint);border:1px solid var(--border);padding:5px 9px;border-radius:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:24px 0;font-size:13px}.problem-columns{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px}.problem-detail .article{min-width:0}.problem-sample{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:18px;max-height:260px;overflow:auto;font-size:13px;color:var(--mint)}.problem-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.solution{border-top:1px solid var(--border);margin-top:30px;padding-top:12px}.solution pre{max-height:600px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;padding:18px}.related-lesson{display:flex;justify-content:space-between;width:100%;background:transparent;color:var(--mint);padding:12px 0;border:0;border-bottom:1px solid var(--border);margin-bottom:10px;font-size:13px}.problem-columns .reading-aside{align-self:start;position:sticky;top:20px}.empty-panel{padding:50px 25px;border:1px dashed var(--border);border-radius:10px;color:var(--muted)}@media(max-width:1100px){.practice-track-grid{grid-template-columns:repeat(2,1fr)}.problem-columns{grid-template-columns:minmax(0,1fr)}.problem-columns .reading-aside{position:static}.inspector{min-width:0}}@media(max-width:600px){.input-context{padding:10px;font-size:11px}.processing-row{gap:6px 15px}.track-card{padding:14px 10px;gap:8px}.track-card strong{font-size:12px}.track-card svg{display:none}.practice-filters select{flex:1;min-width:100px}.problem-row{padding:17px 12px;gap:10px}.problem-row h3{font-size:15px}.problem-icon{width:30px;height:35px;flex-shrink:0}.problem-row>svg{display:none}.solution-badge{font-size:10px;padding:4px 6px}.step-explanation dd{font-size:13px}.practice-track-grid{gap:9px}}.diagram-tools{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:10px 0;font-size:11px;color:var(--muted)}.diagram-tools span{margin-right:auto}.diagram-tools button{padding:5px 9px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);min-width:31px}.diagram-viewport{width:100%;max-width:100%;overflow:auto;max-height:620px;scrollbar-width:thin}.diagram-content .graph-svg{display:block;width:100%;height:auto;min-height:0;max-height:none;overflow:visible}.diagram-content{padding:10px 0}.diagram-plain{min-width:0}@media(max-width:600px){.diagram-viewport{max-height:440px}.diagram-tools{font-size:10px}}.ai-lab{min-width:0}.ai-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0 28px}.ai-hero h1{font-size:clamp(25px,2.7vw,38px);letter-spacing:-1px;margin:12px 0}.ai-hero p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:760px}.ai-hero>svg{color:var(--mint);flex-shrink:0;filter:drop-shadow(0 0 22px #5de0bd30)}.ai-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ai-badges span{font-size:11px;border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--mint);background:var(--surface)}.ai-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.ai-controls label{display:grid;gap:8px;font-size:12px;color:var(--muted);flex:1;min-width:100px}.ai-controls label:first-child{flex:2;min-width:220px}.ai-lab select{border:1px solid var(--border);border-radius:6px;padding:9px;color:var(--text);background:var(--surface-raised);max-width:100%;min-width:0}.ai-controls p{width:100%;margin:0;color:var(--muted);font-size:11px}.ai-source{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0;font-size:11px}.ai-source strong{color:var(--mint)}.ai-source span{padding:6px 9px;border-radius:5px;background:var(--surface-raised);color:var(--muted)}.ai-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:18px;align-items:start}.ai-stage,.ai-explanation,.ai-tensor,.ai-parameters{min-width:0;padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.ai-stage{background:radial-gradient(ellipse at 50% 0,#5de0bd08,transparent 60%),var(--surface)}.ai-stage-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ai-stage-top .text-button{font-size:11px}.ai-transport{display:flex;gap:8px;justify-content:center;align-items:center;padding:14px 0 10px;border-top:1px solid var(--border)}.ai-transport .button{min-width:90px;justify-content:center}.ai-transport select{font-size:11px;padding:8px 5px}.ai-timeline{width:100%;accent-color:var(--mint);cursor:pointer}.ai-play-options{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin:12px 0}.ai-play-options label{display:flex;align-items:center;gap:8px}.ai-play-options select{padding:4px 8px}.ai-guided{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--mint)}.ai-guided input{accent-color:var(--mint)}.ai-curve{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.ai-curve>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.ai-curve strong{font-family:monospace;color:var(--mint)}.ai-curve svg{width:100%;display:block;margin-top:6px}.ai-explanation h2{font-size:20px;line-height:1.6;margin:12px 0 18px}.ai-explanation code{display:block;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--border);padding:14px;border-radius:8px;font-size:12px;line-height:1.9;color:var(--mint)}.ai-explanation section{border-left:2px solid var(--border);padding-left:14px;margin-top:20px}.ai-explanation section:first-of-type{border-color:var(--mint)}.ai-explanation h3{font-size:12px;color:var(--mint);margin:0 0 8px}.ai-explanation p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.ai-parameters table{border-collapse:collapse;width:100%;font-size:11px;font-family:monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.ai-parameters th,.ai-parameters td{text-align:right;border-bottom:1px solid var(--border);padding:10px 8px}.ai-parameters th:first-child{text-align:left;font-weight:400}.ai-parameters thead{position:sticky;top:0;background:var(--surface-raised);z-index:1;color:var(--muted)}.ai-parameters td:last-child{color:var(--mint)}.ai-parameters td span{display:inline-block}.ai-result{padding:24px;border:1px solid var(--mint);border-radius:12px;margin-top:20px;background:#5de0bd08;line-height:1.8}.ai-result strong{color:var(--mint)}.ai-result p{font-size:14px;margin-bottom:0;overflow-wrap:anywhere}.ai-reading{margin-top:46px}.ai-reading h2,.ai-exercises h2{font-size:24px;margin:12px 0 24px}.ai-concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ai-concepts article{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.ai-concepts h3{font-size:16px;margin:0 0 12px}.ai-concepts p,.ai-reading details p{font-size:13px;color:var(--muted);line-height:1.95;margin:0}.ai-reading details{margin-top:20px;padding:22px;border:1px solid var(--border);border-radius:12px}.ai-reading summary{cursor:pointer;color:var(--mint);font-size:14px}.ai-reading details h3{font-size:14px;margin-top:24px}.ai-exercises{margin-top:40px}.ai-exercises>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ai-exercises button{text-align:left;padding:24px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;display:flex;flex-direction:column;transition:border-color .2s}.ai-exercises button:hover{border-color:var(--mint)}.ai-exercises button>span{font:24px monospace;color:var(--mint)}.ai-exercises h3{font-size:16px;margin:16px 0 8px}.ai-exercises p{font-size:12px;line-height:1.8;color:var(--muted);flex:1}.ai-exercises footer{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--mint);border-top:1px solid var(--border);padding-top:16px;margin-top:14px}.ai-sources{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.8;margin-top:24px;color:var(--muted)}.ai-sources a{color:var(--mint)}.ai-share{display:grid;gap:8px;font-size:11px;margin:14px 0;color:var(--muted)}.ai-share input{width:100%;min-width:0;padding:8px;background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;color:var(--text)}.art-6{background:radial-gradient(circle at 65% 40%,#5de0bd24,transparent 50%),#101f28}.art-7{background:radial-gradient(circle at 65% 40%,#8e95ff32,transparent 50%),#171a30}.art-8{background:radial-gradient(circle at 65% 40%,#ffac6232,transparent 50%),#281f19}@media(max-width:1100px){.ai-workspace{grid-template-columns:minmax(0,1fr)}.ai-explanation{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.ai-explanation>code,.ai-explanation>h2,.ai-explanation>.eyebrow{grid-column:1/-1}}@media(max-width:650px){.ai-hero{padding-top:24px}.ai-hero>svg{display:none}.ai-hero h1{font-size:26px}.ai-hero p:not(.eyebrow){font-size:13px}.ai-stage,.ai-explanation,.ai-tensor,.ai-parameters{padding:16px}.ai-controls{padding:16px;gap:12px}.ai-controls label:first-child{flex-basis:100%;min-width:0}.ai-workspace,.ai-concepts,.ai-exercises>div{grid-template-columns:minmax(0,1fr)}.ai-explanation{display:block}.ai-explanation h2{font-size:18px}.ai-transport{gap:5px}.ai-transport .icon-button{width:30px;min-width:30px}.ai-transport .button{min-width:70px;padding:9px}.ai-transport select{max-width:66px}.ai-guided{font-size:11px}.ai-badges{gap:6px}.ai-badges span{font-size:10px;padding:5px 7px}.ai-reading h2,.ai-exercises h2{font-size:21px}.ai-stage-top{gap:5px}.ai-stage-top .eyebrow{font-size:10px}}.lesson-tabs{position:sticky;top:0;z-index:20;background:var(--bg);box-shadow:0 10px 20px color-mix(in srgb,var(--bg) 85%,transparent)}.lesson-section{margin:28px 0 44px;scroll-margin-top:100px;min-width:0}.lesson-section-title{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 22px}.lesson-section-title>span{color:var(--mint);font-size:13px;font-family:monospace;border:1px solid var(--border);border-radius:50%;padding:9px}.lesson-section-title small{font-size:12px;font-weight:400;color:var(--muted);margin-left:auto}#lesson-panel{min-width:0}.trace-table,.final-output{margin-top:20px;border-top:1px solid var(--border);padding-top:16px;overflow-wrap:anywhere}.final-output{background:color-mix(in srgb,var(--mint) 5%,transparent);border:1px solid var(--border);border-radius:8px;padding:12px}.final-output h4{color:var(--mint)}.final-output p{font-size:12px;line-height:1.8}.trace-table table,.final-output table{width:100%;border-collapse:collapse;font-size:12px}.trace-table td,.trace-table th,.final-output td,.final-output th{padding:7px 5px;border-bottom:1px solid var(--border);text-align:left}.final-output pre{max-height:240px;overflow:auto;white-space:pre-wrap;font-size:12px}.implementation-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.implementation-grid>*{min-width:0}.implementation-overview{padding:25px}.implementation-overview>h2{margin-top:8px}.pseudocode{color:var(--mint);white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:2.1;padding:16px;background:var(--bg);border-left:2px solid var(--mint)}.implementation-examples{max-height:340px;overflow:auto}.implementation-examples>div{padding:14px;margin:10px 0;background:var(--bg);border-radius:7px}.implementation-examples span{color:var(--muted);font-size:11px}.implementation-examples pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 14px}.implementation-source{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.implementation-toolbar{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);flex-wrap:wrap}.implementation-toolbar>span{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:13px}.implementation-toolbar label{margin-left:auto;font-size:12px;color:var(--muted)}.implementation-toolbar select{padding:7px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:5px}.implementation-code{margin:0;max-height:700px;overflow:auto;padding:22px;tab-size:2;font-size:13px;line-height:1.8;color:var(--text)}.code-caption{display:flex;gap:8px;align-items:start;border-top:1px solid var(--border);margin:0;padding:14px;color:var(--muted);font-size:11px;line-height:1.7}.code-caption svg{flex-shrink:0}.practice-context{display:flex;align-items:center;gap:20px;padding:20px;margin:20px 0;border:1px solid var(--mint);border-radius:10px;background:var(--surface)}.practice-context strong{color:var(--mint)}.practice-context p{font-size:13px;color:var(--muted)}.practice-context .button{flex-shrink:0;margin-left:auto}@media(max-width:1000px){.implementation-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.lesson-section{scroll-margin-top:100px}.lesson-section-title{font-size:18px}.lesson-section-title small{display:none}.implementation-overview{padding:18px}.implementation-code{font-size:12px;padding:15px;max-height:580px}.practice-context{flex-direction:column;align-items:start}.practice-context .button{margin-left:0}}@media print{.lesson-tabs{display:none}#section-experiment .lab-panel,#section-experiment .inspector,#section-experiment .input-context,#section-experiment .canvas,.worklist-panel,.implementation-code,.implementation-examples{height:auto;max-height:none;overflow:visible}}.lesson-orientation{margin:0 0 24px;padding:22px 24px 18px;border:1px solid var(--border);border-left:3px solid var(--mint);border-radius:12px;background:var(--surface)}.orientation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.orientation-heading>div{min-width:0}.orientation-eyebrow{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:12px;font-weight:600}.orientation-heading h2{margin:9px 0 0;font-size:19px;line-height:1.6;overflow-wrap:anywhere}.orientation-heading>button{flex-shrink:0}.orientation-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:22px 0 18px}.orientation-route li{display:flex;gap:10px;align-items:flex-start;min-width:0;padding-top:12px;border-top:1px solid var(--border)}.orientation-number{color:var(--mint);font-family:var(--mono);font-size:12px;flex-shrink:0;padding-top:3px}.orientation-route p{margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.orientation-check{display:flex;gap:9px;align-items:flex-start}.orientation-check svg{flex-shrink:0;color:var(--mint);margin-top:3px}.orientation-check p{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.orientation-check strong{color:var(--text);margin-right:10px}.orientation-hint{margin:12px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}@media(max-width:760px){.lesson-orientation{padding:16px;margin-bottom:18px}.orientation-heading{flex-wrap:wrap;gap:12px}.orientation-heading h2{font-size:16px}.orientation-route{grid-template-columns:minmax(0,1fr);gap:10px;margin:16px 0}.orientation-route li{padding-top:9px}}#section-experiment{scroll-margin-top:72px}#section-experiment .lesson-section-title{margin-bottom:14px}#section-experiment .single-screen{height:calc(100svh - 152px);grid-template-columns:minmax(0,1fr) 292px;gap:12px;min-height:0;overflow-anchor:none}#section-experiment .single-screen:fullscreen{height:100dvh;width:100vw;padding:20px;background:var(--bg);grid-template-columns:minmax(0,1fr) 320px}#section-experiment .lab-panel{height:100%;min-height:0;padding:12px;overflow:visible;display:grid;grid-template-rows:37px minmax(0,1fr) 46px 30px;gap:9px}#section-experiment .input-toolbar{min-width:0;gap:6px}#section-experiment .input-main{gap:8px}#section-experiment .input-main input,#section-experiment .input-main select{min-width:0}#section-experiment .canvas{height:auto;min-height:0;padding:10px;display:flex;gap:6px;overflow:visible;position:relative}#section-experiment .canvas-top{flex-shrink:0;align-items:center;opacity:1;gap:6px}#section-experiment .canvas-top>span:first-child{margin-right:auto;font-size:9px}#section-experiment .focus-toggle{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);padding:4px}#section-experiment .canvas-context{flex-shrink:0;display:flex;flex-direction:column;gap:3px}#section-experiment .canvas-context:empty{display:none}#section-experiment .processing-row{font-size:11px;margin:0;gap:14px;padding:0 3px}#section-experiment .processing-row b{color:var(--orange)}#section-experiment .inline-data{display:flex;align-items:center;gap:8px;font-size:11px;min-width:0;min-height:24px}#section-experiment .inline-data strong{flex-shrink:1;max-width:35%;overflow-wrap:anywhere;line-height:1.35;color:var(--mint);font-size:10px}#section-experiment .inline-data select{max-width:120px;padding:3px;height:26px;font-size:10px}#section-experiment .inline-data-values{overflow-wrap:anywhere;line-height:1.5;flex:1;min-width:0;color:var(--text)}#section-experiment .experiment-pager{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:10px;color:var(--muted)}#section-experiment .experiment-pager button{display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;width:24px;height:24px;padding:0}#section-experiment .experiment-pager button:disabled{opacity:.25}#section-experiment .fit-viewport{flex:1;min-height:0;min-width:0;position:relative}#section-experiment .fit-scene{position:absolute;left:50%;top:50%;width:680px;transform-origin:center}#section-experiment .fit-scene .graph-svg{width:680px;height:auto;min-height:0;max-height:none;display:block;padding:0;margin:0}#section-experiment .fit-scene .bars-svg{width:680px;height:300px;min-height:0;max-height:none;padding:0;display:block}#section-experiment .fit-scene .matrix-scroll{overflow:visible;height:auto;min-height:0;max-height:none;padding:0}#section-experiment .fit-scene .matrix{max-width:100%;table-layout:fixed}#section-experiment .fit-scene .matrix td button{min-width:0;padding:6px}#section-experiment .fit-scene .cells{min-height:0;padding:8px}#section-experiment .worklist-panel{height:auto;min-height:38px;flex-shrink:0;overflow:visible;margin:0;padding:3px 6px;border:0;border-top:1px solid var(--border);border-radius:0}#section-experiment .worklist-panel:empty{display:none}#section-experiment .canvas-bottom{margin:0;gap:12px;flex-shrink:0}#section-experiment .inspect{height:22px;min-height:22px;overflow:visible;font-size:10px;margin:0;padding:0 3px;line-height:1.4;display:flex;align-items:center;gap:5px}#section-experiment .inspect svg{flex-shrink:0}#section-experiment .playback{margin:0;display:flex;flex-wrap:nowrap;gap:5px}#section-experiment .timeline{gap:5px;padding:0 4px}#section-experiment .timeline input{display:block;height:16px;flex-shrink:0}#section-experiment .play-button>svg{width:36px;height:36px;padding:10px}#section-experiment .experiment-footer{display:flex;align-items:center;gap:8px;min-width:0}#section-experiment .guided-toggle{font-size:10px;margin:0;white-space:nowrap;display:flex;align-items:center;gap:4px}#section-experiment .experiment-footer>select{margin-left:auto;width:44%;min-width:0;height:28px;padding:3px;font-size:10px}#section-experiment .inspector{height:100%;min-height:0;overflow:visible;display:flex;flex-direction:column;padding:14px;gap:12px}#section-experiment .current-step{padding:0;background:none;border:0;flex-shrink:0;min-width:0}#section-experiment .current-step .section-label{margin-bottom:8px}#section-experiment .current-step h4{margin:0;font-size:17px;line-height:1.5}#section-experiment .experiment-note-tabs{display:grid;grid-template-columns:repeat(4,1fr);flex-shrink:0;padding:3px;gap:2px;border:1px solid var(--border);border-radius:7px}#section-experiment .experiment-note-tabs button{padding:7px 0;font-size:11px;border-radius:4px;color:var(--muted)}#section-experiment .experiment-note-tabs button[aria-pressed=true]{background:var(--surface-raised);color:var(--mint)}#section-experiment .experiment-note-tabs.lesson-note-tabs{display:flex}#section-experiment .lesson-note-tabs button{flex:1 1 auto;min-width:0;padding-inline:3px}#section-experiment .note-deck{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;margin:0;border:0;background:none;overflow:visible}#section-experiment .note-page{flex:1;min-height:0}#section-experiment .note-page h5{font-size:11px;color:var(--mint);margin:6px 0 10px;font-weight:500}#section-experiment .note-page p{font-size:13px;line-height:1.9;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}#section-experiment .note-deck>.experiment-pager{justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border)}#section-experiment .note-page .trace-table{font-size:12px;width:100%;margin:0;padding:0;border-collapse:collapse}#section-experiment .note-page .trace-table th,#section-experiment .note-page .trace-table td{padding:6px 4px;overflow-wrap:anywhere}#section-experiment .form-error{position:absolute;left:6px;right:6px;top:38px;z-index:4;background:var(--surface);border:1px solid var(--orange);margin:0;padding:10px;font-size:12px}@media(max-width:1100px){#section-experiment .single-screen{grid-template-columns:minmax(0,1fr) 240px}#section-experiment .play-button span{display:none}}@media(max-width:760px){#section-experiment .single-screen,#section-experiment .single-screen:fullscreen{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 218px;gap:8px}#section-experiment .single-screen:fullscreen{padding:8px}#section-experiment .lab-panel{padding:8px;grid-template-rows:34px minmax(0,1fr) 36px 28px;gap:6px}#section-experiment .input-main>span{display:none}#section-experiment .input-main input,#section-experiment .input-main select,#section-experiment .target-label input{height:32px;font-size:12px}#section-experiment .canvas{padding:6px;gap:4px}#section-experiment .canvas-top>span:first-child{font-size:8px;letter-spacing:0}#section-experiment .inline-data{gap:4px;font-size:10px}#section-experiment .inline-data select{max-width:93px}#section-experiment .canvas-bottom{font-size:8px;gap:8px}#section-experiment .inspect{font-size:9px}#section-experiment .playback .icon-button{width:28px;height:28px;padding:4px}#section-experiment .playback .button.compact{padding:5px}#section-experiment .playback .button.compact span,#section-experiment .speed>svg{display:none}#section-experiment .play-button{padding:0}#section-experiment .play-button>svg{width:30px;height:30px;padding:8px}#section-experiment .timeline{min-width:40px;font-size:9px}#section-experiment .speed select{width:47px;padding:4px 1px}#section-experiment .guided-toggle{font-size:9px}#section-experiment .experiment-footer>select{font-size:9px;width:40%}#section-experiment .inspector{padding:9px 11px;gap:5px}#section-experiment .current-step{display:flex;gap:8px;align-items:center}#section-experiment .current-step .section-label{font-size:9px;gap:5px;margin:0;flex-shrink:0}#section-experiment .current-step h4{font-size:13px}#section-experiment .experiment-note-tabs button{padding:4px 0;font-size:10px}#section-experiment .note-page h5{margin:3px 0;font-size:10px}#section-experiment .note-page p{font-size:12px;line-height:1.65}#section-experiment .note-deck>.experiment-pager{padding-top:3px}#section-experiment .note-page .trace-table{font-size:10px}#section-experiment .note-page .trace-table th,#section-experiment .note-page .trace-table td{padding:3px}}@media(max-height:650px)and (min-width:761px){#section-experiment .single-screen{height:calc(100svh - 130px)}#section-experiment .inspector{gap:7px}#section-experiment .note-page p{font-size:12px;line-height:1.6}}#section-experiment .input-main select{padding:5px 8px}@media(max-width:760px)and (max-height:740px){#section-experiment>.lesson-section-title{display:none}#section-experiment .single-screen{height:calc(100svh - 88px);grid-template-rows:minmax(0,1fr) 176px}#section-experiment .single-screen:fullscreen{height:100dvh}#section-experiment .note-page p{font-size:12px;line-height:1.55}#section-experiment .canvas-bottom{display:none}#section-experiment .current-step h4{font-size:12px}}#section-experiment .current-step{margin:0}#section-experiment .fit-viewport{overflow:clip}#section-experiment .fit-scene,#section-experiment .fit-scene .matrix-scroll{width:max-content}#section-experiment .fit-scene .matrix{max-width:none}#section-experiment .fit-scene .cells{width:max-content;max-width:680px}#section-experiment .note-deck{position:relative}#section-experiment .note-page{display:flex;flex-direction:column;gap:12px}#section-experiment .note-block{flex-shrink:0;min-width:0}#section-experiment .note-block h5{margin:0 0 5px;line-height:1.5}#section-experiment .note-block p{line-height:1.8}#section-experiment .note-measure{position:absolute;left:0;top:0;width:100%;height:auto;visibility:hidden;pointer-events:none;contain:layout}#section-experiment .pagination-probe{position:absolute;bottom:0;left:0;width:100%;visibility:hidden;pointer-events:none}@media(max-width:760px){#section-experiment .note-page{gap:8px}#section-experiment .note-block h5{margin-bottom:3px}#section-experiment .note-block p{line-height:1.65}}.case-enter{margin-bottom:14px}#section-experiment.case-experiment .single-screen{height:calc(100svh - 88px);grid-template-columns:minmax(0,1fr) minmax(310px,32%);scroll-margin-top:72px;margin-bottom:32px}#section-experiment.case-experiment .single-screen:fullscreen{height:100dvh;margin:0;padding:12px}#section-experiment .ai-stage,#section-experiment .ai-inspector{min-width:0;min-height:0;padding:12px;height:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:8px}#section-experiment .ai-stage-top{margin:0;flex-shrink:0;gap:8px}#section-experiment .ai-stage-top .eyebrow{margin-right:auto}#section-experiment .ai-stage-top button{font-size:11px}#section-experiment .ai-phase-row{display:flex;align-items:center;gap:10px;font-size:11px;flex-shrink:0;color:var(--muted)}#section-experiment .ai-phase-row select{max-width:48%}#section-experiment .ai-diagram-area{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;background:radial-gradient(ellipse at center,#58e9b408,transparent 70%)}#section-experiment .ai-source{padding:0;margin:0;border:0;flex-wrap:nowrap}#section-experiment .ai-source span{background:none;padding:0;border:0}#section-experiment .ai-update-focus{flex-shrink:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:11px}#section-experiment .ai-update-focus>div{display:flex;align-items:center;gap:8px}#section-experiment .ai-update-focus>div:first-child{margin-bottom:5px}#section-experiment .ai-update-focus select{flex:1;min-width:0;max-width:200px;height:24px;padding:1px 5px}#section-experiment .ai-update-focus>span{margin-left:8px;color:var(--muted)}#section-experiment .ai-update-focus.is-updated{border-color:var(--mint);box-shadow:inset 0 0 22px #64eab40b}#section-experiment .ai-update-equation{justify-content:space-between;font-family:ui-monospace,monospace;font-size:clamp(11px,1.15vw,17px);font-variant-numeric:tabular-nums}#section-experiment .ai-update-equation strong{color:var(--mint)}#section-experiment .ai-bottom-controls{flex-shrink:0;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}#section-experiment .ai-transport{margin:0;gap:6px;grid-column:1/-1;flex-wrap:nowrap}#section-experiment .ai-transport>button{height:32px;padding:5px 9px}#section-experiment .ai-transport>select{margin-left:auto;height:32px}#section-experiment .ai-timeline{grid-column:1/-1;width:100%;margin:0;height:14px}#section-experiment .ai-play-options{font-size:10px;gap:8px;margin:0}#section-experiment .ai-play-options label{gap:4px}#section-experiment .ai-play-options select{height:24px;padding:0 5px}#section-experiment .ai-guided{margin:0;font-size:10px;white-space:nowrap;gap:3px}#section-experiment .ai-current-step{flex-shrink:0}#section-experiment .ai-current-step>span{color:var(--mint);font:10px ui-monospace,monospace}#section-experiment .ai-current-step h2{font-size:16px;line-height:1.4;margin:5px 0 0}#section-experiment .ai-inspector .experiment-note-tabs{grid-template-columns:repeat(5,1fr)}#section-experiment .ai-explanation{display:flex;padding:0;border:0;background:none;border-radius:0}#section-experiment .ai-parameters,#section-experiment .ai-tensor,#section-experiment .ai-trends,#section-experiment .ai-settings-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none}#section-experiment .ai-parameters table{table-layout:fixed;width:100%;white-space:normal}#section-experiment .ai-parameters th{position:static}#section-experiment .ai-parameters td{font-size:11px}#section-experiment .ai-result{margin:0}#section-experiment .ai-curve{margin:0;border:0;padding:0;flex-shrink:0}#section-experiment .ai-curve svg{width:100%;height:80px;display:block}#section-experiment .ai-curve>div{font-size:10px}#section-experiment .ai-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;border:0;margin:0;gap:8px;background:none}#section-experiment .ai-controls label{min-width:0;font-size:11px;gap:3px}#section-experiment .ai-controls label:first-child{grid-column:1/-1}#section-experiment .ai-controls p{grid-column:1/-1;margin:0;font-size:11px}#section-experiment .ai-share{margin:0;font-size:10px}#section-experiment .ai-share input{width:100%;min-width:0;height:30px}#section-experiment .ai-tensor>select,#section-experiment .ai-parameters>select{flex-shrink:0;width:100%}#section-experiment .tensor-window{flex:1;min-height:0}#section-experiment .tensor-table{table-layout:fixed;width:100%;border-collapse:collapse;font:11px ui-monospace,monospace}#section-experiment .tensor-table th,#section-experiment .tensor-table td{height:34px;padding:0;border:1px solid var(--border);text-align:center;overflow-wrap:anywhere}#section-experiment .tensor-table th:first-child{width:34px;color:var(--muted)}#section-experiment .tensor-table button{width:100%;height:32px;padding:0;color:var(--mint);font:inherit}#section-experiment .tensor-table button:hover,#section-experiment .tensor-table button:focus-visible{background:var(--surface-raised)}#section-experiment .tensor-navigation{display:flex;align-items:center;gap:6px;font-size:10px;height:24px;flex-shrink:0}#section-experiment .tensor-navigation button{width:24px;height:24px;border:1px solid var(--border);border-radius:4px;padding:0}#section-experiment .tensor-navigation button:disabled{opacity:.25}#section-experiment .tensor-inspect{font:10px/1.4 ui-monospace,monospace;overflow-wrap:anywhere;margin:0;min-height:28px;flex-shrink:0}#section-experiment.case-experiment select{min-width:0;font-size:11px;padding:5px;max-width:100%}@media(max-width:760px){#section-experiment.case-experiment .single-screen,#section-experiment.case-experiment .single-screen:fullscreen{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 192px;gap:8px}#section-experiment .ai-stage,#section-experiment .ai-inspector{padding:8px;gap:5px}#section-experiment .ai-current-step{display:flex;gap:8px;align-items:center}#section-experiment .ai-current-step>span{display:none}#section-experiment .ai-current-step h2{font-size:12px;margin:0}#section-experiment .ai-phase-row{font-size:10px}#section-experiment .ai-phase-row select{padding:2px;height:26px}#section-experiment .ai-stage-top .eyebrow{font-size:9px}#section-experiment .ai-stage-top button{font-size:10px;padding:0}#section-experiment .ai-update-focus{padding:4px 6px;font-size:10px}#section-experiment .ai-update-focus>div:first-child{margin-bottom:2px;gap:5px}#section-experiment .ai-update-focus select{height:20px;max-width:145px;padding:0 2px}#section-experiment .ai-update-equation{font-size:11px}#section-experiment .ai-transport>button,#section-experiment .ai-transport>select{height:28px}#section-experiment .ai-controls{gap:4px 8px;grid-template-columns:repeat(3,minmax(0,1fr))}#section-experiment .ai-controls label:first-child{grid-column:span 2}#section-experiment .ai-controls p{display:none}#section-experiment .ai-controls label{font-size:10px}#section-experiment .ai-controls select{height:26px;padding:2px}#section-experiment .ai-curve svg{height:42px}#section-experiment .ai-trends{gap:3px}#section-experiment .tensor-inspect{min-height:14px}}@media(max-height:620px)and (min-width:761px){#section-experiment.case-experiment .single-screen{height:calc(100svh - 80px)}#section-experiment .ai-current-step h2{font-size:13px}#section-experiment .ai-controls{gap:4px}#section-experiment .ai-controls p{display:none}}#section-experiment .ai-transport{padding:0;border:0}#section-experiment.classic-case .single-screen{display:grid;padding:0;border:0;background:none}#section-experiment .case-comparison{display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:16px}#section-experiment .case-comparison .sandbox-toolbar{margin:0;flex-shrink:0;flex-wrap:wrap;gap:8px}#section-experiment .sandbox-toolbar h2{font-size:17px;margin:0}#section-experiment .sandbox-toolbar>div{min-width:0;flex-wrap:wrap}#section-experiment .sandbox-toolbar form{display:flex;gap:5px;min-width:0}#section-experiment .sandbox-toolbar input{min-width:0;width:160px}#section-experiment .case-pipeline{margin:auto 0 0;padding:0;gap:8px}#section-experiment .case-pipeline>div{padding:12px 6px;font-size:12px;min-width:0;gap:5px;flex:1}#section-experiment .case-pipeline svg{flex-shrink:0;width:15px}#section-experiment .case-metrics{display:flex;flex-direction:column;gap:10px;margin:0 0 auto;width:100%}#section-experiment .case-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;min-width:0}#section-experiment .case-metrics strong{font-size:clamp(18px,2vw,30px);line-height:1.3;overflow-wrap:anywhere;text-align:right}#section-experiment .case-process-title{font-size:16px;margin:0}#section-experiment .case-comparison .form-error{position:static;flex-shrink:0}@media(max-width:760px){#section-experiment .case-comparison{padding:8px;gap:8px}#section-experiment .sandbox-toolbar h2{font-size:13px}#section-experiment .case-pipeline>div{padding:6px 4px;font-size:10px;flex-direction:column}#section-experiment .case-pipeline svg{display:none}#section-experiment .case-pipeline b{font-size:12px}#section-experiment .case-metrics{gap:5px}#section-experiment .case-metrics>div{padding:8px}#section-experiment .case-metrics strong{font-size:15px}#section-experiment .case-metrics span{font-size:11px}#section-experiment .case-process-title{font-size:12px}}#section-experiment .tensor-table th,#section-experiment .tensor-table td{height:28px}#section-experiment .tensor-table button{height:26px}#section-experiment .ai-diagram-area .ai-curve{width:620px}#section-experiment .ai-diagram-area .ai-curve svg{height:118px}#section-experiment .ai-diagram-area .ai-curve>div{font-size:14px}@media(max-width:760px){#section-experiment .ai-current-step{display:none}#section-experiment .ai-tensor{gap:3px}#section-experiment .ai-tensor>select,#section-experiment .ai-parameters>select{height:26px;padding:2px}}#section-experiment .ai-parameters thead{position:static}#section-experiment .case-pipeline{flex-direction:row}@media(max-width:760px){#section-experiment .ai-stage{position:relative}#section-experiment .ai-stage-top{position:absolute;top:11px;right:8px}#section-experiment .ai-stage-top .eyebrow{display:none}#section-experiment .ai-phase-row{padding-right:112px}#section-experiment .ai-phase-row select{max-width:100%}#section-experiment .ai-phase-row>span{display:none}#section-experiment.case-experiment .single-screen[data-panel=讲解]{grid-template-rows:minmax(0,1fr) 168px}}#section-experiment .ai-inspector .experiment-note-tabs{grid-template-columns:repeat(6,1fr)}.energy-edge[role=button]{cursor:pointer}.energy-edge:focus-visible{outline:none}.energy-edge:focus-visible .edge-core,.energy-edge.data-selected .edge-core{stroke:var(--orange)!important;stroke-width:3.5}.motion-node.data-selected .node-shell{stroke:var(--orange)!important;stroke-width:3}#section-experiment [data-changed=true]{background:color-mix(in srgb,var(--mint) 17%,transparent);box-shadow:inset 0 0 0 1px var(--mint);animation:value-written .65s ease-out}#section-experiment .tensor-table td[data-active=true]{outline:2px solid var(--orange);outline-offset:-2px}#section-experiment .ai-update-equation [data-changed=true]{padding:2px 4px;border-radius:4px}#section-experiment .single-screen[data-still=true] [data-changed=true]{animation:none}@keyframes value-written{0%{background:color-mix(in srgb,var(--mint) 48%,transparent)}to{background:color-mix(in srgb,var(--mint) 17%,transparent)}}@media(prefers-reduced-motion:reduce){#section-experiment [data-changed=true]{animation:none}}#section-experiment .tensor-table[data-parameters=true] th:first-child{width:88px}#section-experiment .motion-node[data-updating=true] .node-shell{stroke:var(--orange)!important;stroke-width:3}.energy-edge[role=button]:hover .edge-core{stroke:var(--orange)!important;stroke-width:3.5}#section-experiment .ai-inspector[data-calculating=true]>:not(.ai-current-step):not(.experiment-note-tabs):not(.ai-calculation){display:none!important}.ai-lab .edge-weight{text-anchor:middle;font-size:10px}.calculation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}#section-experiment .calculation-mode{font-size:11px;padding:2px 0}.calculation-player{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;min-width:0;container-type:size}.micro-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.micro-rule{font:11px/1.2 ui-monospace,monospace;color:var(--muted);flex-shrink:0;text-align:center;border:0;padding:0}.micro-rule:hover{color:var(--mint)}.micro-explanation{flex:1;min-height:0}.language-toggle{padding:5px 7px;border:1px solid var(--border);border-radius:6px;color:var(--mint);font-size:11px;white-space:nowrap;flex-shrink:0}#section-experiment .micro-stage{min-width:0;width:auto;flex:1;padding:2px;font-size:10px;height:25px}.micro-controls button{display:flex;align-items:center;justify-content:center;gap:3px;height:25px;min-width:25px;padding:2px 5px;font-size:10px}.micro-controls>span{font-size:10px;overflow-wrap:anywhere;white-space:normal;min-width:0;margin-left:auto}@container (max-width: 340px){.micro-play-label{display:none}}.micro-formula{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;min-height:27px;flex-shrink:0;font:11px/1.3 ui-monospace,monospace}.micro-formula [data-cell-ref]{padding:2px 3px;border-bottom:2px solid currentColor}.micro-cells{display:grid;gap:4px;flex-shrink:0}.micro-cell{border:1px solid currentColor;border-radius:5px;padding:4px;min-width:0;display:flex;flex-direction:column;gap:3px}.micro-cell>span{font:9px/1.2 ui-monospace,monospace;overflow-wrap:anywhere;min-height:2.4em}.micro-cell>strong{font:11px/1.2 ui-monospace,monospace}.micro-cell[data-output]{background:color-mix(in srgb,var(--mint) 10%,transparent);box-shadow:inset 0 -2px currentColor}.calculation-player [data-slot="0"]{color:var(--mint)}.calculation-player [data-slot="1"]{color:var(--orange)}.calculation-player [data-slot="2"]{color:var(--blue)}.calculation-player [data-slot="3"]{color:var(--text)}#section-experiment .micro-timeline{height:16px;width:100%;margin:0;flex-shrink:0}.micro-note{font-size:12px;line-height:1.6;margin:4px 0}@container (max-height: 259px){.micro-note{display:none}}@container (min-height: 260px){.micro-formula{font-size:17px;min-height:54px}.micro-cell{padding:9px 6px;gap:8px}.micro-cell>span{font-size:11px}.micro-cell>strong{font-size:clamp(11px,4.3cqw,16px)}}@media(max-width:760px){.calculation-player{gap:3px}.micro-formula{font-size:10px;min-height:22px}.micro-cell{padding:3px}.micro-controls button{height:23px}}#section-experiment .ai-calculation{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:4px}#section-experiment .calculation-back{flex-shrink:0;align-self:flex-start;font-size:11px;padding:2px 0}#section-experiment .ai-derivation{padding:0;border:0;margin:0;background:none}.note-cell-button{display:block;width:100%;padding:0;border:0;border-radius:2px;color:inherit;font:inherit;text-align:inherit;line-height:inherit;background:none;cursor:pointer}.note-cell-button:hover{text-decoration:underline}#section-experiment .update-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#section-experiment .update-terms>span{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:center;border-radius:3px}#section-experiment .update-terms small{font-size:9px;line-height:1.2;color:var(--muted)}#section-experiment .update-terms strong{font-size:clamp(11px,1.2vw,16px)}#section-experiment .update-terms [data-picked=true]{box-shadow:0 0 0 1px var(--orange)}@media(max-width:760px){#section-experiment.case-experiment .single-screen[data-inspecting=true]{grid-template-rows:minmax(0,1fr) 250px}}.creator-entry{flex-shrink:0;padding:10px 20px;border-top:1px solid var(--border);display:grid;gap:9px;font-size:12px}.creator-entry button,.creator-entry a{display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;text-align:left}.creator-entry button:hover,.creator-entry a:hover{color:var(--mint)}.creator-card{display:grid;gap:12px}.creator-card figure{margin:0;text-align:center}.creator-card img{width:min(190px,45vh);height:auto;border-radius:6px;background:#fff}.creator-card figcaption{color:var(--muted);font-size:13px;margin-top:5px}.creator-card .button{justify-content:center;text-decoration:none}