:root{--viz-train:#2f5aa8;--viz-test:#c2601a;--viz-prediction:#1d6e4f;--viz-error:#c0284f;--viz-axis:#6b7570;--viz-grid:#dfe4e0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--viz-train:#8fb0f0;--viz-test:#f2a05c;--viz-prediction:#6fd0a6;--viz-error:#f27a98;--viz-axis:#9aa59f;--viz-grid:#2c3531}}:root[data-theme=dark]{--viz-train:#8fb0f0;--viz-test:#f2a05c;--viz-prediction:#6fd0a6;--viz-error:#f27a98;--viz-axis:#9aa59f;--viz-grid:#2c3531}.viz{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:22px;padding:14px}.viz-takeaway{margin:0 0 10px;font-size:16px;font-weight:700}.viz-figure{margin:0}.viz-figure svg{width:100%;height:auto;display:block;overflow:visible}.viz-status p,.viz-fallback{color:var(--muted);margin:0 0 8px}.viz-controls{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px;font-size:14px;display:flex}.viz-slider{align-items:center;gap:8px;display:flex}.viz-slider input{width:140px;accent-color:var(--viz-prediction)}.viz-slider output{font-variant-numeric:tabular-nums;min-width:3.5em}.viz-switch{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 4px;display:inline-flex}.viz-switch-knob{background:var(--line);border-radius:999px;width:26px;height:16px;position:relative}.viz-switch-knob:after{content:"";background:var(--fg);width:12px;height:12px;transition:transform var(--motion);border-radius:50%;position:absolute;top:2px;left:2px}.viz-switch[aria-checked=true] .viz-switch-knob{background:var(--viz-prediction)}.viz-switch[aria-checked=true] .viz-switch-knob:after{transform:translate(10px)}.viz-readout{font-variant-numeric:tabular-nums;color:var(--fg);margin:8px 0 0;font-size:14px}.viz-handle{cursor:grab}.viz-handle:focus-visible{stroke:var(--focus);stroke-width:3px;outline:none}.viz-axis text{fill:var(--viz-axis);font-size:12px}.viz-axis line,.viz-axis path{stroke:var(--viz-axis)}.viz-note{fill:var(--muted);font-size:12px}.viz-bar{transition:y var(--motion), height var(--motion)}.viz-label{font-size:13px;font-weight:700}.viz-hint{color:var(--muted);margin:6px 0 0;font-size:13px}.viz-text-input{align-items:center;gap:8px;width:100%;display:flex}.viz-text-input label{min-width:6.5em}.viz-text-input input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--fg);font:inherit;border-radius:6px;flex:1;padding:4px 8px}.gallery{grid-column:1/-1;min-width:0;min-height:0;padding:16px;overflow-y:auto}.gallery-head{max-width:720px;margin-bottom:16px}.gallery-head h2{margin:0 0 4px}.gallery-head p{color:var(--muted);margin:0 0 12px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.gallery-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:12px 16px}.gallery-card h3{margin:0 0 8px}.gallery-card svg{max-width:100%}.gallery-topics{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;display:flex}.panel,.welcome{padding:20px 24px 32px}.panel-header h2,.welcome h2{margin:0 0 6px;font-size:26px;line-height:1.2}.panel-where{color:var(--muted);margin:0 0 4px;font-size:14px}.panel-oneliner{margin:0;font-size:17px;font-weight:700}.panel-section{margin-top:22px}.panel-section h3{color:var(--muted);margin:0 0 8px;font-size:15px}.panel-section p,.welcome p{font-family:var(--font-read);max-width:60ch;margin:0 0 10px;font-size:16px;line-height:1.6}.analogy{background:linear-gradient(transparent 62%, var(--layer-foundations) 62%);font-style:italic}.panel-analogy{border-left:3px solid var(--line);padding-left:12px}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line);border-left:4px solid var(--chip);background:var(--surface);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:14px}.chip:hover{border-color:var(--chip)}.edge-type-word{color:var(--muted);font-size:14px}.trace-button{margin-top:12px}.trace-button[aria-pressed=true]{border-color:var(--fg)}.trace-intro{margin-top:14px!important}.trace-list{gap:6px;margin:0;padding-left:28px;display:grid}.trace-list li::marker{color:var(--muted);font-size:14px}.breadcrumb{gap:4px;min-width:0;display:flex;overflow-x:auto}.crumb{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:14px}.crumb[aria-current=page]{color:var(--fg);font-weight:700}.crumb:hover{background:var(--bg)}.recipe{gap:6px;margin:0;display:grid}.recipe-row{grid-template-columns:7.5em 1fr;align-items:baseline;gap:10px;display:grid}.recipe dt{color:var(--muted);font-size:14px}.recipe dd{font-family:var(--font-read);margin:0;font-size:15px;line-height:1.5}.recipe dd .chip{text-align:left;font-family:inherit;font-size:15px}.uses-list{max-height:240px;padding:2px;overflow-y:auto}.sw{gap:12px;display:grid}.sw h4{margin:0 0 4px;font-size:14px}.sw ul{font-family:var(--font-read);gap:6px;margin:0;padding-left:20px;font-size:15px;line-height:1.5;display:grid}.fixed-by{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-left:8px;font-size:14px;display:inline-flex}.math summary{cursor:pointer;color:var(--muted);font-size:15px;font-weight:700}.math[open] summary{margin-bottom:8px}.math-formula{padding:4px 0;overflow-x:auto}.math-symbols{gap:6px;margin:8px 0 0;display:grid}.math-symbol{grid-template-columns:minmax(3.5em,auto) 1fr;align-items:baseline;gap:12px;display:grid}.math-symbol dd{font-family:var(--font-read);margin:0;font-size:15px;line-height:1.5}.math-loading{color:var(--muted)}.code{background:var(--bg);border:1px solid var(--line);border-radius:6px;margin:10px 0 0;padding:12px 14px;font-size:13px;line-height:1.5;overflow-x:auto}.not-same{margin-bottom:10px}.not-same-label{color:var(--muted);font-size:14px}.not-same p{margin:6px 0 0}.confusion-list,.resources{font-family:var(--font-read);gap:6px;margin:0;padding-left:20px;font-size:15px;line-height:1.5;display:grid}.resources a{color:var(--fg)}.tour-card{z-index:15;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--layer-math-strong);border-radius:8px;width:min(380px,100% - 32px);padding:14px 16px;position:absolute;bottom:16px;left:16px;box-shadow:0 10px 30px #00000029}.tour-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tour-head h2{margin:0;font-size:16px}.tour-progress{color:var(--muted);white-space:nowrap;font-size:13px}.tour-stop{margin:8px 0 2px;font-weight:700}.tour-caption{font-family:var(--font-read);margin:0 0 12px;line-height:1.55}.tour-actions{gap:8px;display:flex}.tour-close{margin-left:auto}.map-column{min-width:0;min-height:0;display:grid;position:relative}.small-screen{flex-direction:column;min-width:0;min-height:0;display:flex}.list-view{flex:1;min-height:0;padding:12px 16px 96px;overflow-y:auto}.list-view[hidden]{display:none}.list-intro{color:var(--muted);margin:0 0 12px}.list-layer{margin-top:20px}.list-layer h2{border-left:4px solid var(--layer-strong);margin:0 0 4px;padding-left:8px;font-size:18px}.list-group h3{color:var(--muted);margin:12px 0 4px;font-size:14px}.list-group ul{margin:0;padding:0;list-style:none}.list-item{border:0;border-bottom:1px solid var(--line);width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.list-item[data-faded=true]{opacity:.2}.list-item[data-highlighted=true] .list-item-label{font-weight:700}.list-item-label{align-items:baseline;gap:6px;display:flex}.list-item-line{color:var(--muted);font-size:14px}.list-back{align-self:flex-start;margin:8px 16px}.small-screen .panel-area{border-left:0;flex:1;max-height:none}.small-screen:has(.tour-card) .panel-area{padding-bottom:260px}.small-screen .tour-card{position:fixed}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1ee;--surface:#f8faf8;--panel-bg:#fbfcfb;--fg:#1c2420;--muted:#5d6963;--line:#d3dad5;--edge:#3d4842;--edge-muted:#9aa59f;--focus:#2457c5;--layer-foundations:#c9d0e0;--layer-foundations-strong:#3f5585;--layer-math:#c3dcd8;--layer-math-strong:#1f6f69;--layer-core:#d6dcbc;--layer-core-strong:#5c6b1e;--layer-algorithms:#e7d7b6;--layer-algorithms-strong:#8a5f12;--layer-problems:#e3cdd8;--layer-problems-strong:#7e3b5d;--layer-tools:#d9dcdb;--layer-tools-strong:#4b5552;--font-ui:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-read:"Literata", Georgia, "Times New Roman", serif;--motion:.25s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131917;--surface:#1a211e;--panel-bg:#171d1b;--fg:#e4ebe7;--muted:#9aa7a0;--line:#2d3733;--edge:#c9d3ce;--edge-muted:#66726c;--focus:#8fb2ff;--layer-foundations:#273147;--layer-foundations-strong:#a9bbe6;--layer-math:#1f3936;--layer-math-strong:#86d0c7;--layer-core:#303720;--layer-core-strong:#c3d27c;--layer-algorithms:#3d3220;--layer-algorithms-strong:#e3bb6d;--layer-problems:#3b2632;--layer-problems-strong:#e1a3c2;--layer-tools:#2a302e;--layer-tools-strong:#c2cbc7}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131917;--surface:#1a211e;--panel-bg:#171d1b;--fg:#e4ebe7;--muted:#9aa7a0;--line:#2d3733;--edge:#c9d3ce;--edge-muted:#66726c;--focus:#8fb2ff;--layer-foundations:#273147;--layer-foundations-strong:#a9bbe6;--layer-math:#1f3936;--layer-math-strong:#86d0c7;--layer-core:#303720;--layer-core-strong:#c3d27c;--layer-algorithms:#3d3220;--layer-algorithms-strong:#e3bb6d;--layer-problems:#3b2632;--layer-problems-strong:#e1a3c2;--layer-tools:#2a302e;--layer-tools-strong:#c2cbc7}@media (prefers-reduced-motion:reduce){:root{--motion:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:16px;line-height:1.45}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 400px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--surface);grid-column:1/-1;align-items:center;gap:16px;padding:10px 16px;display:flex}.topbar h1{letter-spacing:.01em;white-space:nowrap;margin:0;font-size:18px;font-weight:700}.topbar-spacer{flex:1}.lens-chips{flex-shrink:0;gap:6px;display:flex}.lens-chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:14px}.lens-chip:hover{border-color:var(--muted)}.lens-chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:700}.welcome-more{color:var(--muted);margin:24px 0 8px;font-size:15px}.tour-list{justify-items:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:5px 12px}.button:hover{border-color:var(--muted)}.button-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.panel-area{border-left:1px solid var(--line);background:var(--panel-bg);min-height:0;overflow-y:auto}.notice{background:var(--fg);color:var(--bg);z-index:20;border-radius:6px;padding:8px 16px;position:fixed;top:64px;left:50%;transform:translate(-50%)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=767px){.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:8px 12px;padding:8px 16px}.topbar>.topbar-spacer{order:1}.topbar>button{order:2}.topbar>.search{flex:100%;order:3;width:100%}.topbar>.lens-chips,.topbar>.breadcrumb{flex:100%;order:4;min-width:0;overflow-x:auto}.panel-area{border-left:0;min-width:0}.panel-area svg,.gallery svg{max-width:100%}.panel-area pre,.gallery pre,.katex-display{overflow-x:auto}}.search{flex-shrink:0;width:min(320px,40vw);position:relative}.search input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:6px;padding:6px 12px;font-size:15px}.search-results{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0000002e}.search-option{cursor:pointer;border-radius:6px;justify-content:space-between;gap:12px;padding:6px 10px;display:flex}.search-option[aria-selected=true]{background:var(--bg);outline:2px solid var(--focus);outline-offset:-2px}.option-group{color:var(--muted);font-size:14px}.map-area{min-width:0;min-height:0;position:relative;overflow:hidden}.map{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.map:active{cursor:grabbing}.lane-band{opacity:.55}.lane+.lane .lane-band{stroke:var(--bg);stroke-width:2px}.lane-label{fill:var(--muted);font-size:14px;font-weight:700}.lane-label-big{fill:var(--fg);font-size:20px}.group,.node,.tool{cursor:pointer;transition:transform var(--motion) ease, opacity var(--motion) ease}.group:focus-visible,.group-header:focus-visible,.node:focus-visible,.tool:focus-visible{outline:none}.group:focus-visible .group-shape,.group-header:focus-visible .group-header-hit,.node:focus-visible .node-shape,.tool:focus-visible .tool-shape{stroke:var(--focus);stroke-width:3px}.group-shape{fill:var(--surface);stroke:var(--layer-strong);stroke-width:1.5px}.group-stack{fill:none;stroke:var(--layer-strong);stroke-opacity:.35}.group-label{fill:var(--fg);pointer-events:none;font-size:14px;font-weight:700}.group-outline{fill:var(--surface);fill-opacity:.6;stroke:var(--layer-strong);stroke-opacity:.5;stroke-dasharray:4 3}.group-header-hit{fill:#0000}.group-header-label{fill:var(--layer-strong);font-size:13px;font-weight:700}.group-header-hint{fill:var(--muted);font-weight:400}.node-shape{fill:var(--surface);stroke:var(--layer-strong);stroke-width:1.5px}.node-foundation .node-shape,.node-math .node-shape{fill:var(--layer)}.node-hit{fill:#0000}.node-label{fill:var(--fg);pointer-events:none;font-size:13px}.viz-badge{fill:var(--layer-strong);font-size:10px}.is-selected .node-shape,.is-selected .tool-shape{stroke-width:3px;fill:var(--layer)}[data-faded=true]{opacity:.2}[data-highlighted=true] .node-shape,[data-highlighted=true] .group-shape,[data-highlighted=true] .tool-shape{stroke-width:2.5px;fill:var(--layer-strong)}.node-foundation[data-highlighted=true] .node-label,.node-math[data-highlighted=true] .node-label{fill:var(--fg);font-weight:700}.node-concept[data-highlighted=true] .node-label,.node-algorithm[data-highlighted=true] .node-label,.node-problem[data-highlighted=true] .node-label,[data-highlighted=true] .group-label,[data-highlighted=true] .tool-label{fill:var(--bg);font-weight:700}.rail-label{fill:var(--muted);font-size:13px;font-weight:700}.tool-shape{fill:var(--surface);stroke:var(--layer-tools-strong);stroke-width:1px}.tool-label{fill:var(--fg);pointer-events:none;font-size:13px}.map-controls{position:absolute;top:12px;right:12px}.explore{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:280px;padding:16px;position:absolute;top:0;right:0}.explore p{font-family:var(--font-read);margin:0 0 12px;font-size:15px}.edge-line{fill:none;stroke:var(--edge)}.edge-muted .edge-line{stroke:var(--edge-muted)}.edge-hit{fill:#0000;stroke:#0000;stroke-width:12px;pointer-events:all;cursor:pointer}.edge-hit:focus-visible{stroke:var(--focus);stroke-opacity:.35;outline:none}.edge:hover .edge-line{stroke-width:3px}.edge-marker-fill{fill:var(--edge)}.edge-marker-line{fill:none;stroke:var(--edge);stroke-width:1.5px}.edge-neq,.edge-badge{fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:4px;pointer-events:none;font-size:13px;font-weight:700}.edge-tooltip{z-index:30;background:var(--fg);max-width:320px;color:var(--bg);pointer-events:none;border-radius:6px;padding:6px 10px;font-size:14px;position:fixed}.node-foundation .node-label,.node-math .node-label{paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}