:root{--bg: #0e1f2e;--bg-elevated: #102234;--bg-cell: #0a1825;--bg-panel: #13283b;--border: #3a6588;--border-soft: #1f3a52;--text: #e0e8f0;--text-dim: #9cc1e0;--green: #5bba6f;--red: #ff6b6b;--blue: #6bb5ff;--gold: #ffd700;--orange: #ffb347}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text-dim);font-family:Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.35}#app{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;padding:14px 10px 10px;gap:8px;min-height:0;overflow:hidden}.lesson-header{display:flex;flex-direction:column;gap:7px}.lesson-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 2px}.lesson-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lesson-title-row h1{margin:0;font-size:20px;line-height:1.1;letter-spacing:0}.lesson-source{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px;color:var(--text-dim);font-size:11px;font-weight:600;line-height:1.25}.lesson-source a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(107,181,255,.45)}.lesson-source a:hover{color:var(--text);border-bottom-color:var(--text)}.source-separator{margin-left:7px;color:#e0e8f085}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0a1825b8;border:1px solid var(--border-soft);padding:5px 8px}.status-pill{flex-shrink:0;color:var(--text-dim);font-weight:800;font-size:12px}#main{overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:0}.row{flex:0 0 auto;min-height:0}.row>*{min-height:0;min-width:0}.page-nav{display:flex;gap:4px;align-items:center}.page-nav a{color:var(--text-dim);text-decoration:none;padding:4px 10px;border-radius:2px;border:1px solid transparent;font-size:12px}.page-nav a:hover{background:var(--border-soft);color:var(--text)}.page-nav a.current{background:var(--border-soft);border-color:var(--border);color:var(--text);font-weight:600}.phase-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phase-chip{padding:3px 8px;border-radius:3px;background:var(--border-soft);border:1px solid var(--border);cursor:pointer;user-select:none;font-weight:600;font-size:12px;color:var(--text)}.phase-chip.active{background:var(--gold);color:#0e1f2e}.phase-chip.done{background:#2a5a3c}.phase-chip.pinned{background:#2a4a6a}.phase-chip.disabled{opacity:.45;cursor:not-allowed}.phase-explainer{font-size:12px;white-space:normal;background:var(--bg-panel);border:1px solid var(--border);padding:7px 9px;border-radius:2px;color:var(--text-dim)}.panel{background:var(--bg-cell);border:1px solid var(--border);padding:8px;border-radius:2px}.panel-header{color:var(--text);font-weight:700;font-size:12px;margin-bottom:5px}.panel-header .katex{color:inherit}.section-header.compact{margin:0 0 4px}.panel-header .katex,.section-header.compact .katex,.output-vector-heading .katex,.chart-header .katex{font-size:1em}.phase-summary{color:var(--text);font-weight:700;margin-bottom:4px}.phase-detail{color:var(--text-dim);font-weight:500;line-height:1.45}.phase-detail .katex-display{margin:16px 0;text-align:left}.phase-detail .katex{font-size:1.18em}.output-learning-panel{padding-bottom:6px}.output-learning-title{margin-bottom:4px}.output-learning-body{min-width:0}.data-hidden{visibility:hidden;pointer-events:none}.gradient-formula-heading{width:800px;min-height:20px;display:flex;align-items:center}.output-cost-equation{flex:0 0 auto;width:224px;display:flex;align-items:center;justify-content:center;min-height:20px;padding:0 2px;overflow:hidden;white-space:nowrap;color:var(--text-dim);font-weight:800;font-size:13px}.output-cost-equation .katex{color:inherit;font-size:1em}.cost-result,.cost-result .katex{color:var(--gold)}.output-vector-grid{display:grid;grid-template-columns:repeat(6,auto);grid-template-rows:14px 180px;column-gap:4px;align-items:start;height:194px}.output-vector-heading{display:flex;align-items:center;justify-content:center;height:14px;width:34px;background:var(--bg-cell);border:1px solid var(--border-soft);border-bottom:0;color:var(--text-dim);font-size:10px;font-weight:700;text-align:center;padding:0 1px}.output-learning-block.wide{min-width:0;display:grid;grid-template-columns:800px 224px;grid-template-areas:"gradient state";column-gap:12px;align-items:start;width:max-content}.output-gradient-group,.output-state-group{display:flex;flex-direction:column;gap:4px;min-width:0}.output-gradient-group{grid-area:gradient}.output-state-group{grid-area:state}.output-vector-grid .vector-view,.output-vector-grid .vv-grid{height:180px}.hidden-activations-panel{overflow-x:auto}.hidden-backprop-shell{border:1px solid var(--border);background:#0a1825ad;border-radius:2px;overflow:hidden}.hidden-collapse-toggle{width:100%;min-width:0;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:0;background:#13283bc7;color:var(--text);text-align:left;cursor:pointer}.hidden-collapse-toggle:hover{background:#1f3a52e6}.collapse-caret{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--gold);font-size:20px;line-height:1;transform:rotate(0);transition:transform .12s ease}.hidden-collapse-toggle[aria-expanded=true] .collapse-caret{transform:rotate(90deg)}.collapse-title{font-size:12px;font-weight:800}.hidden-collapse-toggle small{justify-self:end;color:var(--text-dim);font-size:11px;font-weight:700}.hidden-collapse-body{padding:10px;border-top:1px solid var(--border-soft)}.hidden-collapse-note{max-width:920px;margin:0 0 9px;color:var(--text-dim);font-size:12px;line-height:1.45;font-weight:600}.hidden-bottom-section{display:grid;grid-template-columns:minmax(0,auto) minmax(360px,1fr);gap:12px;align-items:stretch}.hidden-collapse-body[hidden]{display:none}.sample-card,.diagram-panel{background:var(--bg-cell);border:1px solid var(--border);padding:8px;min-width:0}.sample-card{display:flex;flex-direction:column;gap:8px}.sample-title{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-weight:800;color:var(--text)}.sample-title small{color:#e0e8f099;font-size:11px;font-weight:500}.prediction-readout{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prediction-readout>div{display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel);border:1px solid var(--border-soft);padding:6px 7px}.prediction-readout span{color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase}.prediction-readout b{font-size:20px;line-height:1}.diagram-panel{display:flex;flex-direction:column;gap:6px}.diagram-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:0}.diagram-header small{color:var(--text-dim);font-weight:500}.diagram-panel .diagram-wrap{flex:1 1 auto;min-height:245px}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;border:1px solid var(--gold);background:#ffd70029;color:var(--gold);font-weight:800;font-size:14px;cursor:help;box-shadow:0 0 0 2px #ffd70014;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.compact-info{flex-shrink:0;width:22px;height:22px;font-size:13px;margin-left:0}.site-info .info-tip-content{right:0;width:360px}.info-tip-content{position:absolute;right:0;top:26px;z-index:20;display:none;width:300px;padding:11px 12px;background:#06111c;border:1px solid #6f9fc6;color:#c9d9e7;font-size:12px;line-height:1.6;font-weight:500;box-shadow:0 12px 34px #0000008c}.info-tip-content b{color:var(--gold)}.info-tip:hover .info-tip-content,.info-tip:focus .info-tip-content{display:block}.info-tip:hover,.info-tip:focus{background:var(--gold);color:#111705;box-shadow:0 0 0 3px #ffd7002e}.details-body{display:flex;flex-direction:column;gap:12px}.learning-workspace{display:grid;grid-template-columns:max-content minmax(320px,1fr);gap:12px;align-items:stretch;padding-right:12px}.learning-left-stack{display:flex;flex-direction:column;gap:12px;min-width:max-content}.learning-workspace .focus-panel{width:auto;min-height:0;height:100%}@media (min-width: 981px) and (max-width: 1419px){.learning-workspace{grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"output output" "weights focus" "charts focus"}.learning-left-stack{display:contents}.learning-workspace .output-learning-panel{grid-area:output}.learning-workspace .weights-panel{grid-area:weights}.learning-workspace .charts-row{grid-area:charts}.learning-workspace .focus-panel{grid-area:focus}.learning-workspace .output-learning-panel,.learning-workspace .weights-panel{min-width:0;overflow-x:auto}}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:135px;min-height:135px;max-height:135px;grid-auto-rows:minmax(0,1fr)}.cnn-step-explainer{min-height:47px}.cnn-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;padding-right:12px}.cnn-left-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.cnn-layer-panel{overflow:hidden}.cnn-step-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}.cnn-step-row{display:flex;flex-direction:column;padding:8px;background:var(--bg-cell);border:1px solid var(--border);border-radius:2px;min-width:0;height:100%;overflow:hidden}.cnn-step-row-header{margin-bottom:5px}.cnn-steps-locked .cnn-step-visuals{visibility:hidden;pointer-events:none}.cnn-step-info{display:flex;flex-direction:column;gap:7px;min-width:0}.cnn-step-row-title{color:var(--text);font-size:13px;font-weight:800}.cnn-step-row-subtitle{color:var(--text-dim);font-size:11px;line-height:1.38;font-weight:600}.cnn-step-facts{display:grid;gap:4px}.cnn-step-fact{display:grid;grid-template-columns:62px 1fr;gap:6px;align-items:start;padding:4px 5px;background:var(--bg-panel);border:1px solid var(--border-soft)}.cnn-step-fact span{color:#e0e8f09e;font-size:10px;font-weight:800;text-transform:uppercase}.cnn-step-fact b{color:var(--text);font-family:Consolas,ui-monospace,monospace;font-size:10px;line-height:1.25;font-weight:700}.cnn-step-visuals{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:7px;align-items:start;flex:1 1 auto;min-width:0}.cnn-step-section{min-width:0;padding:3px 2px;background:transparent;border:0}.cnn-wide-section{grid-column:1 / -1}.cnn-params-section{grid-row:1 / span 2;grid-column:1;width:auto;max-width:100%;justify-self:stretch}.cnn-activation-section{grid-column:2;width:max-content;justify-self:end}.cnn-classifier-params-section{grid-column:1;justify-self:stretch}.cnn-classifier-output-section{grid-column:2;width:max-content;justify-self:end;align-self:start;padding-left:14px}.cnn-params-pair{width:100%;min-width:0}.cnn-params-pair-content{display:flex;align-items:flex-start;gap:6px;width:max-content}.cnn-step-section-label{margin:0 0 5px;color:var(--text-dim);font-size:11px;font-weight:700;line-height:1.35}.cnn-output-vector-label{color:var(--text-dim);font-size:11px;font-weight:700;line-height:1.35}.cnn-step-section-label .katex,.cnn-output-vector-label .katex{font-size:1em}.cnn-step-section-body{max-width:100%;overflow:visible}.cnn-params-section .cnn-step-section-body{max-width:none}.cnn-step-row .fm-grid,.cnn-step-row .fb-grid{border:0}.cnn-layer-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:8px;min-width:0;overflow:visible;padding:2px 0 4px}.cnn-layer-scroll .layer-block{min-width:0;max-height:230px;overflow:visible}.cnn-layer-scroll .layer-arrow{display:none}.cnn-layer-scroll .feature-maps,.cnn-layer-scroll .filter-bank,.cnn-layer-scroll .matrix-view{max-width:100%;overflow:visible}.cnn-output-panel{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.cnn-output-vectors{overflow:visible;padding-bottom:2px}.cnn-output-in-row{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:max-content}.cnn-charts-row{height:120px}.cnn-sample-loss{width:100%;justify-content:flex-end;text-align:right}#cnn-step-classifier{padding:11px 12px 13px}#cnn-step-classifier .cnn-step-visuals{grid-template-columns:minmax(0,1fr) max-content;gap:20px;align-items:start}@media (min-width: 981px){#cnn-step-classifier .cnn-classifier-params-section{padding-top:6px}}#cnn-step-classifier .mv-collabel{color:#9cc1e0b8}.cnn-step-target{transition:outline-color .12s ease,box-shadow .12s ease}.active-cnn-step{outline:2px solid rgba(255,215,0,.78);outline-offset:-2px;box-shadow:inset 0 0 0 1px #ffd70047}.cnn-map-panel{overflow:hidden}.cnn-network-map{position:relative;flex:1 1 auto;min-height:0;padding:0;background:var(--bg-cell);border:1px solid var(--border);overflow:hidden}.cnn-map-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.cnn-map-svg{display:block;width:100%;height:100%;min-height:210px}.cnn-map-link{stroke:#9cc1e02e;stroke-width:1}.cnn-map-layer[data-cnn-step]{cursor:pointer}.cnn-map-layer.active-cnn-step{outline:none;box-shadow:none}.cnn-map-hitbox{fill:transparent;pointer-events:all}.cnn-map-node{fill:#102030;stroke:#e0e8f0cc;stroke-width:1.5}.cnn-map-layer-input .cnn-map-node{opacity:.22}.cnn-map-layer-title{fill:#e0e8f099;font-family:Segoe UI,system-ui,sans-serif;font-size:11px;text-anchor:middle;dominant-baseline:middle}button{background:var(--border-soft);color:var(--text);border:1px solid var(--border);padding:5px 11px;font-family:inherit;font-size:13px;cursor:pointer;min-width:84px;border-radius:2px}button:hover:not(:disabled){background:#2a4a6a}button:disabled{opacity:.45;cursor:not-allowed}input[type=range]{vertical-align:middle}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls .spacer{flex:1}.teaching-controls{background:var(--bg-cell);border:1px solid var(--border);padding:8px;align-items:stretch}.control-group{display:flex;align-items:center;gap:8px;padding-right:10px;border-right:1px solid var(--border-soft)}.control-group:last-child{border-right:0;padding-right:0}button.primary-action{background:var(--green);border-color:#78d28a;color:#071409;font-weight:800}button.primary-action:hover:not(:disabled){background:#78d28a}button.next-action{background:var(--gold);border-color:#ffe875;color:#1c1a06;font-weight:800;min-width:112px}button.next-action:hover:not(:disabled){background:#ffe875}.toggle-label{display:flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}.control-range span,.control-settings label{color:var(--text-dim);font-size:12px;font-weight:700}.control-range input[type=range]{width:180px}.control-range input[type=range]:disabled{opacity:.45;cursor:not-allowed}.control-range.is-disabled span{opacity:.45}.control-settings label{display:flex;align-items:center;gap:6px}.control-settings input[type=number]{width:64px;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);padding:5px 6px;font:inherit}.control-settings input:disabled{opacity:.55}.matrix-view,.vector-view{display:inline-block}.mv-grid,.vv-grid{position:relative;background:var(--bg-cell);border:1px solid var(--border-soft)}.mv-empty,.vv-empty{background:var(--bg-cell)}.mv-collabel,.mv-rowlabel,.vv-title{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Consolas,ui-monospace,monospace;font-size:7px;color:#e0e8f0b3;pointer-events:none}.mv-rowlabel{left:0}.mv-cell,.vv-cell{position:absolute;display:flex;align-items:center;justify-content:center;font-family:Consolas,ui-monospace,monospace;font-size:7px;color:#f0f4f8;border:.5px solid rgba(224,232,240,.25);cursor:pointer;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}.mv-cell-hl,.vv-cell-hl{outline:2px solid var(--gold);outline-offset:-2px;z-index:2}.focus-panel{border:1.5px solid var(--gold)}.hidden-delta-panel{border:1.5px solid var(--text-dim)}.panel-hint{color:var(--text-dim);font-size:11px;margin-bottom:8px}.section-header{font-weight:700;font-size:11px;color:var(--text-dim);margin:7px 0 3px}.math-block{margin:4px 0;overflow-x:auto}.math-block.highlight .katex-display{color:var(--gold)}.math-block.green .katex-display{color:var(--green)}.kv{font-family:Consolas,ui-monospace,monospace;margin-bottom:8px}.contrib-list{font-size:12px}.contrib-line{margin:2px 0}.muted{color:var(--text-dim);font-style:italic}.math-block .katex-display{margin:4px 0}.focus-panel,.hidden-delta-panel{overflow:auto}.hidden-delta-panel .katex{font-size:.9em}.focus-panel .focus-body{max-width:none}.focus-panel .math-block{margin:8px 0;width:100%}.focus-panel .math-block .katex-display{margin:7px 0;text-align:left}.focus-panel .katex{font-size:1.08em}.focus-panel .kv,.hidden-delta-panel .contrib-list{font-size:11px}.feature-maps{align-items:flex-start}.fm-block{display:flex;flex-direction:column;align-items:center;gap:2px}.fm-label{font-family:Consolas,ui-monospace,monospace;font-size:10px;color:var(--text-dim)}.fm-grid{position:relative;background:var(--bg-cell);border:1px solid var(--border-soft)}.fm-cell{position:absolute}.filter-bank .fb-row{display:flex;align-items:center;gap:6px}.filter-bank .fb-corner,.filter-bank .fb-rowlabel{width:32px;font-family:Consolas,ui-monospace,monospace;font-size:10px;color:var(--text-dim);text-align:right;flex-shrink:0}.cnn-params-pair .filter-bank .fb-row{gap:3px}.cnn-params-pair .filter-bank .fb-corner,.cnn-params-pair .filter-bank .fb-rowlabel{width:18px;font-size:8px}#cnn-step-conv2 .filter-bank .fb-corner,#cnn-step-conv2 .filter-bank .fb-rowlabel{width:31px}.filter-bank .fb-collabel{font-family:Consolas,ui-monospace,monospace;font-size:10px;color:var(--text-dim);text-align:center}.cnn-params-pair .filter-bank .fb-collabel{font-size:8px}.filter-bank .fb-grid{position:relative;background:var(--bg-cell);border:1px solid var(--border-soft);flex-shrink:0}.filter-bank .fb-cell{position:absolute;display:flex;align-items:center;justify-content:center;font-family:Consolas,ui-monospace,monospace;font-size:7px;color:#f0f4f8;border:.5px solid rgba(224,232,240,.25);cursor:pointer;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}#cnn-step-conv1 .fb-cell,#cnn-step-conv1 .vv-cell{font-size:7.6px}.layer-block{background:var(--bg-cell);border:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:6px;min-height:0}.layer-title{font-weight:700;font-size:13px;color:var(--text)}.layer-dim{font-family:Consolas,ui-monospace,monospace;font-size:11px;color:var(--text-dim)}.layer-section-label{font-size:11px;color:var(--text-dim);font-weight:600;margin-top:2px}.layer-arrow{font-size:24px;color:var(--text-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.arch-banner{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;gap:4px 8px;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);padding:8px 12px;font-family:Consolas,ui-monospace,monospace;font-size:12px;overflow-x:auto;white-space:nowrap}.arch-banner .arch-step{color:var(--text)}.arch-banner .arch-shape,.arch-banner .arch-arrow{color:var(--text-dim)}.arch-banner .arch-params{color:var(--gold)}.chart{background:var(--bg-cell);border:1px solid var(--border);padding:5px 8px;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;position:relative}.chart-header{display:flex;justify-content:space-between;flex:0 0 16px;min-height:16px;max-height:16px;gap:8px;overflow:hidden;font-size:11px;line-height:16px;margin-bottom:4px;white-space:nowrap}.chart-header>span:first-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.chart-value{flex:1 1 auto;min-width:0;color:var(--text-dim);overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.chart svg{flex:1 1 auto;min-height:0;height:auto!important}.chart-placeholder{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-35%);color:#9cc1e0b3;font-size:11px;font-weight:700;text-align:center;pointer-events:none}.chart-placeholder:empty{display:none}@media (max-width: 980px){html,body{width:100%;max-width:100%;height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;overscroll-behavior-x:none}body{font-size:12px}#app{display:flex;flex-direction:column;width:100%;max-width:100vw;min-height:100dvh;height:auto;overflow-x:clip;overflow-y:visible;padding:8px;gap:7px}#main{min-width:0;width:100%;max-width:100%;overflow-x:clip;overflow-y:visible;gap:10px;padding-bottom:6px}.row,.panel,.details-body,.sample-card,.diagram-panel,.learning-workspace,.cnn-workspace{width:100%;max-width:100%;min-width:0}.lesson-title-row,.status-row{flex-direction:column;align-items:stretch;gap:8px}.lesson-header,.lesson-title-row,.lesson-actions,.status-row,.phase-strip,.phase-explainer,.phase-detail{width:100%;max-width:100%;min-width:0}.lesson-title-row{padding:0}.lesson-title-row h1{font-size:18px}.lesson-actions{justify-content:space-between;width:100%}.lesson-source{gap:4px;font-size:10px}.source-separator{width:100%;margin-left:0}.page-nav{flex:1 1 auto}.page-nav a{flex:1 1 0;text-align:center;padding:6px 8px}.phase-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.phase-chip{min-width:0;text-align:center;padding:6px 5px;font-size:11px}.phase-chip:nth-child(5){grid-column:1 / -1}.phase-explainer{min-width:0;max-height:none;overflow:visible;font-size:11px;padding:7px}.phase-detail{max-width:100%;overflow-x:visible;overflow-wrap:anywhere}.phase-detail .katex-display{overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.phase-detail .katex{font-size:1.05em}.phase-detail .katex-display{margin:11px 0}.row:first-child{grid-template-columns:1fr!important;flex-basis:auto!important;gap:10px!important}.sample-card{align-items:center}.sample-title,.prediction-readout{width:min(100%,220px)}.sample-card canvas{width:min(100%,220px)!important;height:auto!important;aspect-ratio:1}.diagram-header{align-items:center;gap:8px}.diagram-header small{display:none}.diagram-panel .diagram-wrap{flex:0 0 clamp(270px,72vw,340px);width:100%;max-width:100%;min-height:270px;height:clamp(270px,72vw,340px)}.learning-workspace,.hidden-bottom-section,.cnn-workspace{grid-template-columns:1fr}.learning-workspace,.cnn-workspace{padding-right:0}.learning-left-stack,.cnn-left-stack{min-width:0;width:100%}.weights-panel,.hidden-activations-panel{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;contain:paint}.weights-table-row,.hidden-activations-panel .matrix-view{width:max-content}.output-learning-panel{display:flex;flex-direction:column;gap:8px;max-width:100%;padding:0;border:0;background:transparent;overflow:visible}.output-learning-body,.output-learning-block.wide{width:100%;max-width:100%;min-width:0}.output-learning-block.wide{display:flex;flex-direction:column;gap:8px}.output-state-group,.output-gradient-group{width:100%;max-width:100%;padding:8px;background:var(--bg-cell);border:1px solid var(--border);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;contain:paint}.output-state-group{order:0}.output-gradient-group{order:1}.output-state-group .output-cost-equation{justify-content:flex-start}.output-state-group .output-vector-grid,.output-gradient-group .matrix-view{width:max-content}.gradient-formula-heading{width:800px}.focus-panel,.hidden-delta-panel{height:auto!important;max-height:none;overflow:visible}.focus-panel .math-block,.hidden-delta-panel .math-block{overflow-x:auto;-webkit-overflow-scrolling:touch}.charts-row{grid-template-columns:1fr!important;height:260px!important;min-height:260px!important;max-height:260px!important;grid-template-rows:repeat(2,minmax(0,1fr))}.cnn-layer-panel{max-width:100%;overflow:visible;-webkit-overflow-scrolling:touch}.cnn-step-rows{grid-template-columns:1fr}.cnn-step-row{grid-template-columns:1fr;padding:8px}.cnn-step-visuals{grid-template-columns:1fr}.cnn-params-section,.cnn-activation-section{grid-column:1;grid-row:auto;width:auto}.cnn-step-section-body{overflow:visible}.cnn-layer-scroll{width:100%;max-width:100%;grid-template-columns:1fr;overflow:visible}.cnn-layer-scroll .layer-block{max-height:none}.cnn-map-panel{min-height:0}.cnn-network-map{height:clamp(420px,118vw,560px);min-height:clamp(420px,118vw,560px);padding:0;overflow:hidden}.cnn-output-panel{height:auto}#cnn-step-classifier .cnn-step-visuals{display:flex;flex-direction:column;align-items:stretch;gap:8px}#cnn-step-classifier .cnn-classifier-output-section,#cnn-step-classifier .cnn-classifier-params-section{grid-column:auto;width:100%;max-width:100%;justify-self:stretch;align-self:stretch;padding:8px;background:var(--bg-cell);border:1px solid var(--border)}#cnn-step-classifier .cnn-classifier-output-section{order:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}#cnn-step-classifier .cnn-classifier-params-section{order:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;contain:paint}#cnn-step-classifier .cnn-classifier-output-section .cnn-step-section-body,#cnn-step-classifier .cnn-output-in-row{width:max-content;max-width:none;align-items:flex-start}#cnn-step-classifier .cnn-classifier-params-section .cnn-step-section-body,#cnn-step-classifier .cnn-classifier-params-section .cnn-params-pair,#cnn-step-classifier .cnn-classifier-params-section .cnn-params-pair-content{width:max-content;max-width:none}.cnn-output-vectors{overflow:visible}.hidden-collapse-toggle{grid-template-columns:auto 1fr;align-items:start}.hidden-collapse-toggle small{grid-column:2;justify-self:start;white-space:normal}.hidden-collapse-body{padding:8px}.hidden-collapse-note{font-size:11px}.info-tip-content,.site-info .info-tip-content{width:min(300px,calc(100vw - 24px));max-width:calc(100vw - 24px);right:0}.teaching-controls{position:static;z-index:10;display:grid;grid-template-columns:1fr;gap:8px;padding:7px}.control-group{border-right:0;padding-right:0;width:100%;flex-wrap:wrap}.control-group button{flex:1 1 0;min-width:0;min-height:36px}.toggle-label{width:100%}.control-range input[type=range]{flex:1 1 150px;width:auto;min-width:0}.control-settings label{width:100%;justify-content:space-between}}