@font-face{font-family:SF Mono;src:local(SF Mono),local(SFMono-Regular)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", monospace;--size:10pt;--bg:#fff;--fg:#000;--border:#000;--muted:#666;--header-h:36px;--col-border:1px solid #000}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);font-size:var(--size);line-height:1.5;overflow:hidden}#header{height:var(--header-h);border-bottom:var(--col-border);background:var(--bg);z-index:100;align-items:center;gap:12px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}#course-title{white-space:nowrap;font-size:10pt;font-weight:700}#nav-controls{align-items:center;gap:6px;display:flex}#nav-controls button{font-family:var(--font);background:var(--bg);border:var(--col-border);cursor:pointer;padding:1px 8px;font-size:10pt;line-height:1.4}#nav-controls button:hover{background:var(--fg);color:var(--bg)}#nav-controls button:disabled{opacity:.3;cursor:default}#step-indicator{text-align:center;min-width:52px;font-size:10pt}#progress-bar{background:#ddd;flex:1;height:2px;position:relative}#progress-fill{background:var(--fg);width:1%;height:100%;transition:width .2s}#step-title-display{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:10pt;overflow:hidden}#app{height:calc(100vh - var(--header-h));margin-top:var(--header-h);grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}.col{border-right:var(--col-border);overflow:hidden auto}.col:last-child{border-right:none;overflow:hidden}.col-heading{z-index:10;text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--muted);background:var(--bg);border-bottom:var(--col-border);padding:6px 16px;font-size:9pt;font-weight:700;position:sticky;top:0}#math-content{padding:16px}.math-section{margin-bottom:20px}.math-section h3{border-bottom:1px solid #000;margin-bottom:6px;padding-bottom:2px;font-size:10pt;font-weight:700}.math-section p{margin-bottom:8px;line-height:1.6}.math-block{margin:10px 0;padding:6px 0;display:block;overflow-x:auto}.math-label{color:var(--muted);margin-top:2px;font-size:9pt;display:block}.katex{font-size:11pt!important}.katex-display{margin:8px 0!important}#code-content{padding:16px}.code-section{margin-bottom:20px}.code-section h3{border-bottom:1px solid #000;margin-bottom:6px;padding-bottom:2px;font-size:10pt;font-weight:700}.code-section .filename{color:var(--muted);margin-bottom:4px;font-size:9pt}pre{background:var(--bg);border:var(--col-border);font-family:var(--font);white-space:pre;padding:10px;font-size:9pt;line-height:1.45;overflow-x:auto}code{font-family:var(--font);font-size:9pt}.hljs-keyword,.hljs-built_in{font-weight:700}.hljs-string{font-style:italic}.hljs-comment{color:var(--muted)}.hljs-title,.hljs-function{font-weight:700}#col-viz{background:#fff;flex-direction:column;display:flex;position:relative}#viz-container{flex:1;width:100%;height:100%;position:relative}#three-canvas{display:block;width:100%!important;height:100%!important}#canvas2d-sim{display:block}#d3-sim{font-family:SF Mono,Menlo,monospace;display:block}#d3-sim .domain,#d3-sim .tick line{stroke:#000}#d3-sim .tick text{fill:#666;font-size:9pt}#viz-container>.stats{position:absolute!important;top:4px!important;left:4px!important}.lil-gui{--font-family:var(--font)!important;--font-size:9pt!important;--background-color:#fff!important;--text-color:#000!important;--title-background-color:#000!important;--title-text-color:#fff!important;--widget-color:#f0f0f0!important;--hover-color:#e0e0e0!important;--focus-color:#ddd!important;--number-color:#000!important;--string-color:#000!important;--slider-knob-color:#000!important;--slider-input-color:#fff!important;--slider-input-text-color:#000!important;--checkbox-color:#000!important;border:1px solid #000!important}.lil-gui.lil-root{z-index:10;max-height:calc(100% - 8px)!important;position:absolute!important;top:4px!important;right:4px!important;overflow-y:auto!important}.sim-controls{justify-content:center;gap:8px;width:512px;margin:0 auto;padding:8px 0 4px;display:flex}.sim-btn{font-family:var(--font);background:var(--bg);color:var(--fg);border:var(--col-border);cursor:pointer;letter-spacing:.02em;padding:3px 14px;font-size:9pt;line-height:1.4}.sim-btn:hover,.sim-btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.muted{color:var(--muted)}.bold{font-weight:700}.note{color:var(--muted);border-left:2px solid #000;margin:8px 0;padding-left:8px;font-size:9pt}.formula-caption{color:var(--muted);margin-top:4px;font-size:9pt}.sim-canvas-2d{image-rendering:pixelated;image-rendering:crisp-edges}.step-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.step-intro h2{font-size:11pt;font-weight:700}.step-intro p{color:var(--muted);max-width:300px;font-size:10pt}.param-map{background:#000;border:1px solid #000;gap:1px;display:grid}.param-map canvas{display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#999}::-webkit-scrollbar-thumb:hover{background:#000}@media (width<=900px){#app{grid-template-rows:auto auto 50vh;grid-template-columns:1fr}.col{border-right:none;border-bottom:var(--col-border);max-height:40vh;overflow-y:auto}#col-viz{max-height:50vh}}