:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf0f5;--ink-2:#aab2bf;--ink-3:#8c95a3;--panel:#0b0d12;--card:#101319;--line:#ffffff14;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font:14px/1.45 var(--sans);background:#030406;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:2px solid #fff}a{color:inherit}.app{height:100dvh;display:flex;overflow:hidden}.room{--lc:58 118 214;--lb:.34;background:#020305;flex:1;min-width:0;position:relative;overflow:hidden;container-type:size}.surface{position:absolute;inset:0}.wall-back{background:radial-gradient(ellipse 72% 92% at 50% 48%, rgb(var(--lc) / calc(var(--lb) * .8)), rgb(var(--lc) / calc(var(--lb) * .3)) 66%, rgb(var(--lc) / calc(var(--lb) * .12))), #07080c;inset:9% 15% 25%}.ceiling{clip-path:polygon(0 0,100% 0,85% 9%,15% 9%);background:linear-gradient(rgb(var(--lc) / calc(var(--lb) * .1)), rgb(var(--lc) / calc(var(--lb) * .42))), #040509}.floor{clip-path:polygon(15% 75%,85% 75%,100% 100%,0 100%);background:linear-gradient(rgb(var(--lc) / calc(var(--lb) * .58)), rgb(var(--lc) / calc(var(--lb) * .3)) 60%, rgb(var(--lc) / calc(var(--lb) * .14))), #040509}.wall-left,.wall-right{justify-content:space-around;align-items:flex-start;display:flex}.wall-left{clip-path:polygon(0 0,100% 9%,100% 75%,0 100%);background:linear-gradient(90deg, rgb(var(--lc) / calc(var(--lb) * .08)), rgb(var(--lc) / calc(var(--lb) * .3))), #05060a;right:85%}.wall-right{clip-path:polygon(0 9%,100% 0,100% 100%,0 75%);background:linear-gradient(270deg, rgb(var(--lc) / calc(var(--lb) * .08)), rgb(var(--lc) / calc(var(--lb) * .3))), #05060a;left:85%}.fixture{background:radial-gradient(ellipse 72% 58% at 50% 2%, rgb(var(--lc) / calc(var(--lb) * 1.15)), rgb(var(--lc) / calc(var(--lb) * .25)) 58%, transparent 74%);width:30%;height:72%;margin-top:11cqh;display:block;position:relative}.fixture:before{content:"";background:rgb(var(--lc) / calc(.4 + var(--lb) * .6));border-radius:3px;height:4px;position:absolute;top:0;left:26%;right:26%}.bias{pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 48%, rgb(var(--lc) / calc(var(--lb) * .9)), rgb(var(--lc) / calc(var(--lb) * .66)) 34%, rgb(var(--lc) / calc(var(--lb) * .34)) 58%, rgb(var(--lc) / calc(var(--lb) * .11)) 80%, transparent);position:absolute;inset:-8% 0 6%}.stage{aspect-ratio:2048/872;background:#000;border-radius:3px;width:min(62%,129.25cqh);position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000008c,0 0 0 1px #ffffff0f}.stage video{object-fit:contain;background:#000;border-radius:3px;width:100%;height:100%;display:block}.buffering,.drop-hint{color:var(--ink-2);letter-spacing:.04em;background:#00000080;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.drop-hint{color:var(--ink);outline-offset:-12px;background:#000000c7;outline:1px dashed #ffffff80;font-size:18px}.hud{z-index:3;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:18px;right:18px}.readout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#0506099e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.readout strong{letter-spacing:.02em;font-weight:600}.readout.quiet{color:var(--ink-2);font-size:13px}.dot{background:#3a76d6;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.transport{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);z-index:3;background:#050609b8;border-radius:10px;align-items:center;gap:8px;width:min(70%,960px);min-width:300px;padding:6px 8px;display:flex;position:absolute;top:calc(41% + min(62cqw,129.25cqh)/4.7 + 12px);left:50%;transform:translate(-50%)}.icon{background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;display:grid}.icon:hover{background:#ffffff1a}.icon svg{width:20px;height:20px;fill:var(--ink)}.time{width:38px;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.lane{flex:1;min-width:80px;height:30px;position:relative}.lane canvas{border-radius:3px;width:100%;height:100%;position:absolute;inset:0}.lane input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.lane input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffffff2e var(--progress,0%), transparent var(--progress,0%));border-radius:3px;height:30px}.lane input[type=range]::-moz-range-track{background:0 0;height:30px}.lane input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:2px;width:3px;height:30px}.lane input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:2px;width:3px;height:30px}.ghost{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:0 0;border-radius:6px;flex:none;padding:6px 11px;font-size:13px}.ghost:hover{background:#ffffff1a}.ghost.accent{color:#140802;background:#e25c22;border-color:#0000;font-weight:600}.ghost.accent:hover{background:#f06c30}.audience{pointer-events:none;z-index:2;width:100%;height:21%;position:absolute;bottom:0;left:0;right:0}.row-far{fill:#07080c}.row-near{fill:#020304}.notes{z-index:3;color:var(--ink-2);justify-content:space-between;gap:14px;font-size:12px;display:flex;position:absolute;bottom:10px;left:18px;right:18px}.privacy{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.privacy svg{fill:currentColor;flex:none;width:13px;height:13px}.notes #credit{text-align:right}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex:none;gap:10px;width:352px;padding:14px;display:flex;overflow-y:auto}.panel-closed .panel{display:none}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px}.now{grid-template-columns:1fr auto;gap:4px 12px;padding:2px 2px 8px;display:grid}.state{font:400 34px/1.1 var(--serif);margin:2px 0 0}.swatch-wrap{text-align:right}.swatch-row{align-items:center;gap:8px;margin-top:8px;display:flex}.swatch{width:26px;height:26px;box-shadow:0 0 0 1px var(--line);background:#3a76d6;border-radius:50%}code{color:var(--ink-2);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 0;display:grid}.stats dt{color:var(--ink-3);font-size:11px}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.card header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.card h2{margin:0;font-size:13px;font-weight:600}.card header p{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.card header strong{color:var(--ink);font-size:16px;font-weight:600}.chart-wrap{height:86px}.chart-wrap.seats{height:112px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-note{color:var(--ink-3);margin:-2px 2px 2px;font-size:11px}.chart-note.tight{margin:4px 0 0}.legend{align-items:center;gap:6px;display:inline-flex;font-size:11px!important}.ramp{background:linear-gradient(90deg,#423a3a,#ff9654);border-radius:4px;width:46px;height:7px}.controls{flex-direction:column;gap:9px;display:flex}.controls h2:not(:first-child){margin-top:6px}.field{color:var(--ink-2);flex-direction:column;gap:4px;font-size:12px;display:flex}.field span{justify-content:space-between;display:flex}.field input[type=text],.field input[type=password]{border:1px solid var(--line);color:var(--ink);background:#08090d;border-radius:6px;padding:7px 9px}.primary-outline{background:0 0;border:1px solid #fff3;border-radius:7px;padding:8px 10px}.primary-outline:hover{background:#ffffff14}.status{color:var(--ink-3);min-height:1em;margin:0;font-size:12px}.file{color:var(--ink-2);cursor:pointer;border:1px dashed #fff3;border-radius:7px;padding:9px 10px;font-size:12px;display:block;position:relative}.file:hover{background:#ffffff0d}.file input{opacity:0;cursor:pointer;position:absolute;inset:0}details summary{cursor:pointer;margin-top:4px;font-size:13px;font-weight:600}details[open]{flex-direction:column;gap:9px;display:flex}.tooltip{z-index:50;border:1px solid var(--line);pointer-events:none;background:#1a1e27;border-radius:7px;flex-direction:column;padding:6px 9px;font-size:12px;display:flex;position:fixed}.tooltip b{font-variant-numeric:tabular-nums;font-weight:600}.tooltip span{color:var(--ink-2);font-size:11px}.toast{z-index:60;border:1px solid var(--line);background:#1a1e27;border-radius:8px;padding:10px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.landing{z-index:40;background:#050609;place-items:center;padding:24px;transition:opacity .85s;display:grid;position:fixed;inset:0}.landing.gone{opacity:0;pointer-events:none}.landing-glow{background:radial-gradient(50% 42% at 50% 56%,#3a76d64d,#0000 72%),radial-gradient(34% 26% at 68% 66%,#e25c2229,#0000 72%);animation:7s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{50%{opacity:.68}}.landing-inner{text-align:center;max-width:640px;position:relative}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0 0 16px;font-size:12px}.landing h1{font:400 clamp(48px, 9vw, 84px)/1.05 var(--serif);letter-spacing:-.01em;margin:0}.lede{max-width:34em;color:var(--ink-2);margin:14px auto 32px;font-size:clamp(16px,2.2vw,19px)}.start{color:#101218;background:#f4f1ea;border:0;border-radius:999px;padding:15px 46px;font-size:17px;font-weight:600;transition:transform .15s,background .15s;box-shadow:0 8px 40px #3a76d659}.start:hover{background:#fff;transform:translateY(-1px)}.fine{color:var(--ink-2);margin:26px 0 0;font-size:12.5px}.fine.dim{color:var(--ink-3);margin-top:6px}@media (prefers-reduced-motion:reduce){.landing-glow{animation:none}.landing{transition:none}}@media (width<=960px){.app{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.room{flex:none;height:62vh;min-height:400px}.panel{border-left:0;border-top:1px solid var(--line);width:100%}.stage{width:82%;top:38%}.transport{width:calc(100% - 24px);top:auto;bottom:96px}#toggle-panel{display:none}.notes{flex-direction:column;gap:2px}.notes #credit{text-align:left}.hud .quiet:nth-child(3){display:none}}