:root{color-scheme:dark;--ink: #e6e8ef;--dim: #8b91a3;--accent: #e8b04b;--bg: #11131a;--panel: #171a24;--rule: #ffffff24;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}#stage{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}#loading[hidden]{display:none}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.5rem}#loading progress{appearance:none;justify-self:center;width:min(22rem,80vw);height:.65rem;border:1px solid var(--rule);border-radius:6px;background:var(--panel);accent-color:var(--accent)}#loading progress::-webkit-progress-bar{background:var(--panel);border-radius:6px}#loading progress::-webkit-progress-value{background:var(--accent);border-radius:6px}#loading progress::-moz-progress-bar{background:var(--accent);border-radius:6px}#loading progress[hidden]{display:none}.hint{color:var(--dim);font-size:.9rem}code{background:#0000004d;padding:.1em .35em;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#panel{grid-column:1;grid-row:1;min-width:0;max-height:calc(100dvh - 7rem);overflow-y:auto;padding:1rem;background:var(--panel);border-right:1px solid var(--rule)}button{justify-self:start;padding:.4rem 1rem;background:var(--accent);color:#1a1300;border:0;border-radius:6px;font-weight:600;cursor:pointer}.companion [hidden]{display:none!important}.site-header{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--rule)}.wordmark{color:var(--ink);text-decoration:none;font-size:1.1rem;font-weight:650;letter-spacing:-.02em}.site-subtitle{margin:0;justify-self:end;align-self:center;color:var(--dim);font-size:.8rem}#videos{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.3rem}#videos a{min-height:2rem;display:inline-flex;align-items:center;padding:.25rem .6rem;color:var(--dim);text-decoration:none;border:1px solid transparent;border-radius:4px;font-size:.8rem}#videos a:hover{color:var(--ink);border-color:var(--rule)}#videos a[aria-current=page]{background:var(--accent);color:#1a1300}#workspace{--dock-width: clamp(224px, 27vw, 480px);display:grid;grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);min-width:0;min-height:calc(100dvh - 7rem)}#workspace[data-player-size=compact]{--dock-width: 224px}.model-view{position:relative;grid-column:2;grid-row:1;min-width:0;height:calc(100dvh - 7rem);min-height:24rem}.model-view #loading{z-index:1;padding:1rem;background:var(--bg)}.model-view #loading button{justify-self:center}.eyebrow{color:var(--dim);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .4rem}#video-title{margin:0;font-size:1.55rem;font-weight:550;letter-spacing:-.02em}#status{min-height:2.6em;color:var(--accent);font-size:.8rem}.playback-actions{display:flex;flex-wrap:wrap;gap:.4rem}.playback-actions button{flex:1 1 auto;padding:.45rem .6rem;font-size:.75rem}.playback-actions button:not(:first-child){background:transparent;color:var(--ink);border:1px solid var(--rule)}.interaction-hint,.physics-caption{font-size:.75rem;color:var(--dim)}.notice{padding:.65rem;border-left:2px solid var(--accent);background:#e8b04b0a;color:var(--ink);font-size:.75rem;overflow-wrap:anywhere}#manual-controls{margin-top:1rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}#manual-controls summary{padding:.65rem 0;font-size:.85rem;cursor:pointer}fieldset{border:0;border-top:1px solid var(--rule);padding:.8rem 0;margin:.5rem 0 0;min-width:0;display:grid;gap:.4rem}fieldset legend{font-size:.75rem;color:var(--dim);padding:0 .35rem 0 0}fieldset label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem;font-size:.75rem}fieldset output{color:var(--accent);font-family:var(--mono);font-size:.7rem}input[type=range]{width:100%;min-width:0;accent-color:var(--accent);margin:.25rem 0 .5rem}input[type=number],select{min-width:0;max-width:100%;border:1px solid var(--rule);border-radius:3px;background:var(--bg);color:var(--ink);font:inherit;font-size:.75rem;padding:.4rem}.crank-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.crank-actions input{width:4.5rem}.crank-actions button,.coefficient-presets button{padding:.35rem .55rem;font-size:.75rem}.coefficient-presets{display:flex;flex-wrap:wrap;gap:.4rem}.channel-row{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.1rem .4rem;align-items:center;border-bottom:1px solid #ffffff0d;padding:.3rem 0}.channel-row span{grid-row:1 / 3;color:var(--dim);font:.75rem var(--mono)}.channel-row input{margin:.2rem 0}.channel-row output{grid-column:2}#force-readout{display:block;white-space:pre-line;font:.75rem/1.7 var(--mono);color:var(--accent);margin-top:1rem}#video-dock{position:absolute;z-index:3;bottom:1rem;right:1rem;width:var(--dock-width);max-width:calc(100% - 2rem);min-width:200px;border:1px solid var(--rule);border-radius:6px;background:var(--panel);overflow:hidden}.video-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:.35rem;padding:.5rem;color:var(--dim);font-size:.75rem}.video-toolbar button{padding:.25rem .45rem;color:var(--ink);background:transparent;border:1px solid var(--rule);font-size:.7rem}#video-player{width:100%;aspect-ratio:16 / 9;min-width:200px;min-height:200px;background:#000}#video-player iframe{display:block;width:100%;height:100%;min-width:200px;min-height:200px}#video-dock[data-size=compact] #video-player{height:200px;aspect-ratio:auto}#video-dock .notice{margin:.5rem}#watch-on-youtube{display:block;padding:.35rem .5rem;color:var(--dim);font-size:.7rem;text-decoration:none}#watch-on-youtube:hover{color:var(--ink)}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1100px){#workspace{grid-template-columns:15rem minmax(0,1fr)}#panel{padding:.8rem}}@media(max-width:800px){.site-subtitle{grid-column:1 / -1;justify-self:start}#workspace,#workspace[data-player-size=compact]{display:block}.model-view{height:max(20rem,calc(100dvh - 24rem));min-height:20rem}#panel{position:relative;width:auto;max-height:none;margin:0;border-right:0;border-top:1px solid var(--rule)}#video-dock{bottom:.5rem;right:.5rem;width:min(352px,calc(100% - 1rem));max-width:calc(100% - 1rem)}#video-dock[data-size=compact]{width:224px}#videos a{font-size:.75rem;padding:.2rem .4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#source-error{max-height:9rem;overflow-y:auto}#source-controls{padding:.5rem;border-top:1px solid var(--rule);font-size:.75rem}#source-controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem}#source-controls output{color:var(--accent);font-family:var(--mono)}.source-audio{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.4rem}.source-audio button{padding:.3rem .45rem;font-size:.7rem;white-space:nowrap}.source-audio input{flex:1 1 4rem;width:4rem;margin:0}#source-seek-status{margin:0;color:var(--dim)}#source-controls[data-state=error] #source-seek-status{color:var(--accent)}#source-controls button:hover:not(:disabled){filter:brightness(1.1)}#source-controls button:active:not(:disabled){transform:translateY(1px)}#source-controls input:disabled{opacity:.45;cursor:default}