*,:before,:after{box-sizing:border-box}:root{--bg:#f8f7f5;--ink:#111110;--rule:#d4d3cf;--sub:#9c9b96;--bg-soft:#f8f7f5eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e0e0d;--ink:#f0efe8;--rule:#2a2a28;--sub:#6a6a65;--bg-soft:#0e0e0deb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:300;line-height:1.5}html,body,.name,.rule,.lnk,.lnk:after,.theremin-header h1{transition:background .4s,color .4s,border-color .4s}.app-root{flex-direction:column;min-height:100vh;padding:clamp(14px,2.6vh,28px) clamp(16px,4vw,56px);display:flex}.theremin{flex-direction:column;gap:clamp(8px,1.6vh,18px);width:100%;max-width:1500px;margin:0 auto;display:flex}.rule{background:var(--rule);border:0;width:100%;height:1px}.theremin-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}.theremin-header h1{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.32em;font-family:DM Mono,monospace;font-size:clamp(20px,2.4vw,32px);font-style:italic;font-weight:300;line-height:1;display:inline-flex}.brand-mark{flex-shrink:0;width:.95em;height:.95em;transform:translateY(-.04em)}.theremin-header .status{letter-spacing:.16em;text-transform:uppercase;color:var(--sub);align-self:flex-end;padding-bottom:.4em;font-size:clamp(10px,.9vw,13px)}.stage-wrap{flex-direction:column;align-self:center;gap:8px;width:min(100%,144.667vh);display:flex}.pitch-labels{width:100%;height:22px;position:relative;overflow:visible}.pitch-label{letter-spacing:.06em;color:var(--sub);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:DM Mono,monospace;font-size:11px;font-weight:300;transition:color .25s,font-weight .25s;position:absolute;top:4px;transform:translate(-50%)}.pitch-label.is-nearest{color:var(--ink);font-weight:400}.stage{aspect-ratio:21/9;border:1px solid var(--rule);background:#000;width:100%;transition:border-color .4s;position:relative;overflow:hidden}.stage.status-running{border-color:var(--ink)}.video{object-fit:cover;background:#000;width:100%;height:100%;transform:scaleX(-1)}.overlay{pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-cover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#0000008c;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.spinner{letter-spacing:.18em;text-transform:uppercase;color:#f0efe8;opacity:.85;font-family:DM Mono,monospace;font-size:13px;font-weight:300}.spinner:after{content:"...";vertical-align:bottom;width:0;margin-left:.25em;animation:1.4s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{to{width:1.25em}}.error{color:#f0efe8;letter-spacing:.04em;flex-direction:column;gap:6px;max-width:80%;font-size:13px;display:flex}.error strong{letter-spacing:.22em;text-transform:uppercase;opacity:.65;font-size:11px;font-weight:300}.lnk,button.primary,button.secondary{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:0 0;border:0;align-items:center;gap:.5rem;padding:0 0 4px;font-family:DM Mono,monospace;font-size:clamp(13px,1.1vw,17px);font-weight:300;text-decoration:none;display:inline-flex;position:relative}.lnk:after,button.primary:after,button.secondary:after{content:"";background:currentColor;width:0;height:1px;transition:width .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0}.lnk:hover:after,button.primary:hover:after,button.secondary:hover:after{width:100%}.stage-cover button.primary{color:#f0efe8;letter-spacing:.22em;font-size:clamp(15px,1.4vw,20px)}.footer-strip{grid-template-columns:1fr;gap:clamp(14px,2vh,28px) clamp(20px,3vw,56px);display:grid}@media (width>=880px){.footer-strip{grid-template-columns:auto 1fr;align-items:flex-start}}.readout{flex-wrap:wrap;align-items:flex-start;gap:1.6rem 2.4rem;display:flex}.readout .cell{flex-direction:column;gap:.35rem;min-width:92px;display:flex}.readout .k{letter-spacing:.18em;text-transform:uppercase;color:var(--sub);font-size:10px}.readout .v{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.01em;border-bottom:1px solid #0000;padding:4px 0;font-family:DM Mono,monospace;font-size:15px;font-weight:300;line-height:1.2}.readout .cell.is-active .v{font-style:italic}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:1.4rem 2rem;display:flex}.controls>label{letter-spacing:.18em;text-transform:uppercase;color:var(--sub);flex-direction:column;gap:.35rem;font-family:DM Mono,monospace;font-size:10px;font-weight:300;display:flex}.controls .ctl-label{display:inline-block}.controls select{appearance:none;letter-spacing:0;text-transform:lowercase;color:var(--ink);border:0;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--sub) 50%), linear-gradient(135deg, var(--sub) 50%, transparent 50%);background-position:calc(100% - 6px) 60%,calc(100% - 2px) 60%;background-repeat:no-repeat;background-size:4px 4px;border-radius:0;outline:none;min-width:96px;padding:4px 18px 4px 0;font-family:DM Mono,monospace;font-size:15px;font-weight:300;line-height:1.2;transition:border-color .35s cubic-bezier(.22,1,.36,1)}.controls select:hover,.controls select:focus{border-bottom-color:var(--ink)}.controls select option{background:var(--bg);color:var(--ink);font-family:DM Mono,monospace}.controls select optgroup{color:var(--sub);font-style:italic;font-weight:300}.controls .toggles{flex-flow:wrap;flex-basis:100%;justify-content:flex-end;gap:.5rem 1.5rem;margin-top:.2rem;display:flex}.controls label.toggle{text-transform:lowercase;letter-spacing:.02em;color:var(--ink);cursor:pointer;flex-direction:row;align-items:center;gap:.55rem;font-size:14px;line-height:1}.controls label.toggle>span{align-items:center;line-height:1;display:inline-flex}.controls input[type=checkbox]{appearance:none;border:1px solid var(--sub);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-right:.5em;transition:background .25s,border-color .25s}.controls input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.controls button.stop{align-self:flex-end;font-size:13px}.hud-column{flex-direction:column;gap:1.4rem;display:flex}.instructions{letter-spacing:.02em;color:var(--sub);flex-direction:column;gap:2px;margin-top:.2rem;font-size:12px;display:flex}.instructions p{margin:0}.instructions strong{color:var(--ink);font-weight:400}::selection{background:var(--ink);color:var(--bg)}@media (width<=680px){.app-root{padding:3vh 5vw}.theremin-header h1{font-size:clamp(36px,10vw,56px)}.stage-wrap{width:100%}.controls{justify-content:flex-start}}