.theme-toggle{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2px;gap:0}.theme-toggle-option{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:6px;transition:color var(--transition),background var(--transition);padding:0}.theme-toggle-option:hover{color:var(--text-primary)}.theme-toggle-option.is-active{background:var(--accent);color:var(--text-on-accent)}.theme-toggle-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lab-header-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 1.5rem;gap:1rem}.lab-header-left{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1;overflow:hidden}.lab-header-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.lab-header-bar .lab-header-brand,.lab-header-bar .lab-header-brand:hover{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-primary);text-decoration:none;flex-shrink:0}.lab-header-logo{border-radius:4px;display:block}.lab-header-wordmark{font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:-.01em}.lab-header-crumbs{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.82rem;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lab-header-crumb{display:inline-flex;align-items:center;gap:.4rem}.lab-header-crumb a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.lab-header-crumb a:hover{color:var(--accent)}.lab-header-crumb .is-current{color:var(--text-primary);font-weight:500}.lab-header-sep{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none}@media(max-width:640px){.lab-header-bar{padding:0 1rem}}@media(max-width:480px){.lab-header-wordmark{display:none}}.control-panel{position:absolute;top:1rem;right:1rem;width:240px;max-height:calc(100vh - 80px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow:hidden;z-index:10;font-family:var(--font-body);color:var(--text-primary)}.control-panel-header{border-bottom:1px solid var(--border-subtle);padding:.4rem .6rem}.cp-toggle,.control-panel-collapsed{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .4rem;border-radius:4px;transition:color var(--transition)}.cp-toggle:hover{color:var(--accent)}.control-panel-collapsed{position:absolute;top:1rem;right:1rem;height:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:0 .8rem;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003}.control-panel-collapsed:hover{border-color:var(--accent);color:var(--accent)}.cp-arrow{font-size:.65rem;opacity:.7}.control-panel-body{overflow-y:auto;padding:.5rem .6rem .7rem;display:flex;flex-direction:column;gap:.45rem}.control-panel-row{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:.5rem;font-size:.78rem}.control-panel-row.cp-row-button{grid-template-columns:1fr}.control-panel-label{color:var(--text-secondary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-range-wrap{display:flex;align-items:center;gap:.4rem;min-width:0}.cp-range-wrap input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:3px;background:var(--border);border-radius:2px;outline:none;min-width:0}.cp-range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:transform var(--transition),box-shadow var(--transition)}.cp-range-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px var(--accent-glow)}.cp-range-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.cp-value{font-family:var(--font-mono);font-size:.7rem;color:var(--text-primary);min-width:2.5em;text-align:right}.cp-number,.cp-select{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;padding:.3rem .4rem;border-radius:4px;outline:none;transition:border-color var(--transition);width:100%}.cp-number:focus,.cp-select:focus{border-color:var(--accent)}.cp-checkbox{display:inline-flex;align-items:center;cursor:pointer;position:relative}.cp-checkbox input{position:absolute;opacity:0;pointer-events:none}.cp-checkbox-box{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;background:var(--bg-surface);transition:background var(--transition),border-color var(--transition);display:inline-block;position:relative}.cp-checkbox input:checked+.cp-checkbox-box{background:var(--accent);border-color:var(--accent)}.cp-checkbox input:checked+.cp-checkbox-box:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--text-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.cp-checkbox:hover .cp-checkbox-box{border-color:var(--accent)}.cp-button{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:.75rem;padding:.35rem .5rem;border-radius:4px;cursor:pointer;transition:all var(--transition)}.cp-button:hover{border-color:var(--accent);color:var(--accent)}.cp-color{width:100%;height:24px;border:1px solid var(--border);border-radius:4px;background:transparent;cursor:pointer;padding:0}.cp-color::-webkit-color-swatch-wrapper{padding:2px}.cp-color::-webkit-color-swatch{border:none;border-radius:3px}.perf-hud{position:absolute;bottom:1rem;right:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;cursor:pointer;transition:border-color var(--transition)}.perf-hud:hover{border-color:var(--accent)}.perf-hud-collapsed{display:inline-flex;align-items:baseline;gap:.3rem;padding:.3rem .7rem;height:28px;border-radius:14px;font-family:var(--font-mono)}.perf-fps{color:var(--accent);font-weight:600}.perf-unit{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.perf-hud-expanded{padding:.55rem .7rem;min-width:160px;display:flex;flex-direction:column;gap:.25rem}.perf-row{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.perf-label{color:var(--text-muted);text-transform:uppercase;font-size:.62rem;letter-spacing:.08em}.perf-value{color:var(--text-primary)}.perf-gpu{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.perf-kernels{margin-top:.3rem;padding-top:.3rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.2rem}.perf-kernels-title{color:var(--text-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.15rem}.editorial-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.editorial-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.editorial-controls{display:flex;align-items:center;gap:1.5rem}.editorial-controls label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary)}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.control-value{color:var(--text-primary);min-width:2.2em;text-align:right;font-variant-numeric:tabular-nums}.editorial-controls input[type=range]{-webkit-appearance:none;appearance:none;width:80px;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.editorial-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;transition:box-shadow .15s ease}.editorial-controls input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 8px var(--accent-glow-strong)}.editorial-controls input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.editorial-canvas-wrap{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem}.editorial-canvas-wrap canvas{width:100%;display:block;border-radius:4px}.editorial-footer{width:100%;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.6rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface);font-family:var(--font-body);font-size:.72rem;color:var(--text-muted);flex-shrink:0}.editorial-footer a{color:var(--accent);transition:color var(--transition)}.editorial-footer a:hover{color:var(--text-primary)}.editorial-footer .separator{opacity:.3;-webkit-user-select:none;user-select:none}@media(max-width:640px){.editorial-controls-bar{padding:.6rem 1rem}.editorial-controls{gap:1rem}.editorial-controls input[type=range]{width:60px}.editorial-canvas-wrap{padding:.5rem}}:root,[data-theme=dark]{--bg: #0a0a0a;--bg-surface: #141414;--bg-card: #1a1a1a;--bg-card-hover: #1f1f1f;--text-primary: #e0e0e0;--text-secondary: #999;--text-muted: #666;--border: #222;--border-subtle: #1a1a1a;--accent: #BF1656;--accent-glow: rgba(191, 22, 86, .25);--accent-glow-strong: rgba(191, 22, 86, .45);--scrollbar-thumb: #333;--scrollbar-thumb-hover: #444;--selection-bg: #BF1656;--selection-fg: #fff;--canvas-border-hover: #333;--text-on-accent: #fff;--card-shadow-hover: 0 0 20px var(--accent-glow), 0 4px 16px rgba(0, 0, 0, .4)}[data-theme=light]{--bg: #fcfcfc;--bg-surface: #f5f5f5;--bg-card: #ffffff;--bg-card-hover: #f5f5f5;--text-primary: #111;--text-secondary: #444;--text-muted: #666;--border: #e0e0e0;--border-subtle: #f5f5f5;--accent: #BF1656;--accent-glow: rgba(191, 22, 86, .18);--accent-glow-strong: rgba(191, 22, 86, .22);--scrollbar-thumb: #ccc;--scrollbar-thumb-hover: #999;--selection-bg: #BF1656;--selection-fg: #fff;--canvas-border-hover: #999;--text-on-accent: #fff;--card-shadow-hover: 0 0 0 1px var(--accent), 0 8px 24px rgba(191, 22, 86, .15)}:root{--font-body: "Manrope", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--radius: 10px;--transition: .2s ease;--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--header-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--text-primary)}.lab-page{min-height:100vh;padding:3rem 2rem;max-width:900px;margin:0 auto}.lab-header{margin-bottom:3rem}.lab-title{font-family:var(--font-body);font-size:2.4rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.2rem;display:inline-block;position:relative}.lab-title:after{content:"";display:block;width:100%;height:3px;background:var(--accent);border-radius:2px;margin-top:4px;opacity:.8}.lab-title-accent{color:var(--accent)}.lab-subtitle{font-size:.95rem;color:var(--text-secondary);margin-top:.6rem;font-weight:400}.lab-wip{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:.4rem;font-style:italic}.experiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;list-style:none}.experiment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.4rem;transition:transform var(--transition-spring),border-color var(--transition),box-shadow var(--transition),background var(--transition);cursor:pointer;position:relative;text-decoration:none;color:inherit}.experiment-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--card-shadow-hover);background:var(--bg-card-hover)}.experiment-card a,.experiment-card .card-title{color:var(--text-primary);text-decoration:none;display:block;font-weight:500;font-size:.95rem;letter-spacing:-.01em}.experiment-card .card-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.experiment-card .card-label .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;opacity:.6;transition:opacity var(--transition)}.experiment-card:hover .card-label .dot{opacity:1;box-shadow:0 0 6px var(--accent-glow-strong)}.experiment-card .card-description{font-size:.82rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.5}.section-description{font-size:.82rem;color:var(--text-secondary);margin-bottom:2rem;opacity:.8}.webgpu-notice{font-size:.75rem;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:.7rem 1rem;margin-bottom:2rem}.sim-page{background:var(--bg);min-height:100vh;display:flex;flex-direction:column;align-items:center}.sim-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;width:100%}.sim-canvas-container canvas{border:1px solid var(--border);border-radius:4px;transition:border-color var(--transition)}.sim-canvas-container canvas:hover{border-color:var(--canvas-border-hover)}body,.lab-header-bar{transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media(max-width:640px){.lab-page{padding:2rem 1.2rem}.lab-title{font-size:1.8rem}.experiments-grid{grid-template-columns:1fr;gap:.8rem}.sim-canvas-container canvas{max-width:100%;height:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--selection-fg)}