:root{--bg:#0b0a0d;--panel:#17141c;--panel-2:#211c28;--line:#352d40;--text:#f1ece4;--muted:#a39cab;--orange:#ff8a1f;--orange-dim:#7a3f0c;--green:#8dff5a;--red:#ff3b3b;--hit:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;min-height:var(--hit);min-width:var(--hit);border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:10px;padding:0 14px}button:hover{border-color:var(--orange)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#1a0d00;font-weight:700}button:disabled{opacity:.5;cursor:default}.master{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:10px 16px;position:sticky;top:0}.master .row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.master .row+.row{margin-top:8px}.logo{font-size:28px}.party-name{color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;min-width:8ch;max-width:28ch;padding:6px 8px;font-family:inherit;font-size:22px;font-weight:700;line-height:1.2}.party-name:hover,.party-name:focus{border-color:var(--line);background:var(--panel)}.status{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:13px}.status.saving{color:var(--orange)}.status.offline,.status.conflict{background:var(--orange-dim);color:var(--text)}.timer{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}.master-level{flex-direction:column;gap:4px;min-width:260px;display:flex}.meter{background:var(--panel-2);border-radius:4px;height:14px;position:relative;overflow:hidden}.meter-bar{transform-origin:0;background:linear-gradient(90deg, var(--green), var(--green) 70%, var(--orange) 90%, var(--red));position:absolute;inset:0;transform:scaleX(0)}.meter-text{font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 0 3px #000;font-size:11px;position:absolute;top:-1px;right:6px}.stop-all{border-color:var(--orange)}.panic{background:var(--red);border-color:var(--red);color:#fff;letter-spacing:.06em;min-width:110px;font-weight:800}.panic:hover{border-color:#fff}.master .fader{min-width:200px}.debug{color:var(--green);margin-top:8px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.banner{border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;display:flex}.banner.warn{background:var(--orange-dim)}[hidden]{display:none!important}.row{align-items:center;gap:6px;display:flex}.seg{display:flex}.seg button{white-space:nowrap;border-radius:0;flex:1;padding:0 6px}.seg button:first-child{border-radius:10px 0 0 10px}.seg button:last-child{border-radius:0 10px 10px 0}.seg button+button{border-left:none}.inactive{opacity:.4}.fader{min-height:var(--hit);grid-template-columns:52px 1fr 56px;align-items:center;gap:8px;display:grid}.fader-label{color:var(--muted);font-size:13px}.fader output{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}input[type=range]{appearance:none;width:100%;height:var(--hit);touch-action:none;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:3px solid #1a0d00;border-radius:50%;width:26px;height:26px;margin-top:-10px}input[type=range]::-moz-range-thumb{background:var(--orange);border:3px solid #1a0d00;border-radius:50%;width:22px;height:22px}.enter{z-index:100;background:radial-gradient(circle at 50% 40%, #2a1405 0%, var(--bg) 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.enter-inner{text-align:center}.enter-logo{font-size:72px}.enter h1{margin:8px 0 24px;font-size:28px}.enter-btn{background:var(--orange);border-color:var(--orange);color:#1a0d00;border-radius:16px;padding:18px 36px;font-size:26px;font-weight:800;box-shadow:0 0 40px #ff8a1f73}.enter p{color:var(--muted);margin-top:18px}@media (max-width:600px){.master .fader,.master-level{width:100%;min-width:0}.timer{margin-left:0}}.spacer{flex:1}.muted{color:var(--muted);font-size:13px}button.primary{background:var(--orange);border-color:var(--orange);color:#1a0d00;font-weight:700}button.small{min-width:36px;min-height:36px;padding:0 10px;font-size:13px}button.danger,button.small.danger{background:var(--red);border-color:var(--red);color:#fff}.icon-btn{min-width:40px;padding:0}.row.wrap{flex-wrap:wrap}select,input:not([type]),input[type=text],input[type=number],input[type=password]{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);min-height:var(--hit);border-radius:8px;padding:0 10px}dialog.sheet{background:var(--panel);width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:16px 18px;overflow:auto}dialog.sheet::backdrop{background:#000000b3}dialog.sheet header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}dialog.sheet h2{margin:0;font-size:20px}dialog.sheet footer{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.sd-x{min-width:var(--hit);padding:0}.sd-meta{flex-wrap:wrap}.sd-name{flex:1;min-width:160px;font-size:17px!important}.sd-icon{padding:0;font-size:22px}.sd-icons{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;margin:8px 0;display:grid}.sd-icons button{padding:0;font-size:22px}.sd-tabs{border-bottom:1px solid var(--line);gap:4px;margin:14px 0 0;display:flex}.sd-tabs button{border-bottom:none;border-radius:10px 10px 0 0}.sd-tabs button[aria-selected=true]{background:var(--panel-2);border-color:var(--orange);color:var(--orange);font-weight:700}.sd-pane{flex-direction:column;gap:10px;padding:12px 0 4px;display:flex}.sd-drop{border:2px dashed var(--line);text-align:center;border-radius:12px;padding:18px}.sd-drop p{margin:0 0 8px}.sd-drop.over{border-color:var(--green)}.sd-meter{flex:1;min-width:120px;height:18px}.sd-rec{border-color:var(--red);min-width:150px;font-size:17px;font-weight:800}.sd-rec.recording{background:var(--red);color:#fff}.sd-rectime{font-variant-numeric:tabular-nums;color:var(--muted)}.sd-check{min-height:var(--hit);align-items:center;gap:6px;display:flex}.sd-check input{width:20px;height:20px}.sd-count{text-align:center;color:var(--orange);font-size:64px;font-weight:800}.sd-sub{color:var(--muted);margin:14px 0 6px;font-size:15px}.sd-list{flex-direction:column;gap:6px;display:flex}.sd-variant{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 6px;display:flex}.sd-variant input{flex:1;min-width:0}.sd-variant.selected{border-color:var(--orange)}.sd-editor{flex-direction:column;gap:8px;margin-top:10px;display:flex}.wave{background:var(--bg);border:1px solid var(--line);border-radius:10px;height:140px;position:relative;overflow:hidden}.wave-canvas{--wave:#8dff5a;--handle:#ff8a1f;touch-action:none;cursor:ew-resize;width:100%;height:100%;display:block}.sd-msg:empty{display:none}.sd-msg{background:var(--orange-dim);border-radius:8px;margin-top:10px;padding:8px 12px}.sd-msg.info{background:var(--panel-2)}.toasts{z-index:200;flex-direction:column;gap:8px;width:min(560px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;box-shadow:0 6px 24px #00000080}.toast.warn{border-color:var(--orange);background:var(--orange-dim)}.master .row.macros .fader{flex:1;min-width:220px;max-width:320px}.scene-label{color:var(--orange);white-space:nowrap;text-overflow:ellipsis;max-width:34ch;font-size:13px;overflow:hidden}.lock-btn{--hold:0;min-width:120px;position:relative;overflow:hidden}.lock-btn:after{content:"";background:var(--green);opacity:.35;transform-origin:0;transform:scaleX(var(--hold));pointer-events:none;position:absolute;inset:0}.lock-btn[aria-pressed=true]{background:var(--panel-2);color:var(--green);border-color:var(--green);font-weight:700}.lock-banner{border:1px solid var(--green);color:var(--green);background:var(--panel);border-radius:10px;margin:10px 16px 0;padding:8px 12px;display:none}body.locked .lock-banner{display:block}body.locked [inert]{opacity:.45}body.locked .add-tile,body.locked .strip .samples button{display:none}.scene-list{flex-direction:column;gap:6px;display:flex}.scene-row{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.scene-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.scene-save{margin-top:12px}.scene-save input{flex:1;min-width:180px}.home{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:32px 16px 48px;display:flex}.home-hero{text-align:center}.home-hero h1{margin:6px 0;font-size:34px}.home-hero p{color:var(--muted);font-size:17px}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.home-card h2{margin:0 0 10px;font-size:18px}.home-create{flex-direction:column;align-items:stretch;gap:10px;display:flex}.home-create input{font-size:18px}.home-label{font-weight:700}.home-open input{flex:1;min-width:200px}.home-how{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.home-recent{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.home-recent li{min-height:var(--hit);align-items:center;gap:10px;display:flex}.home-recent a,.home-link{color:var(--orange);flex:1;font-weight:700}.home-foot{text-align:center}.share-body{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.share-left{flex-direction:column;flex:1;gap:10px;min-width:240px;display:flex}.share-url{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px!important}.share-qr{background:#fff;border-radius:10px;width:180px;height:180px;padding:4px}.share-qr svg{width:100%;height:100%;display:block}.button-link{min-height:var(--hit);color:var(--orange);align-items:center;display:inline-flex}.pin-input{letter-spacing:.2em;width:14ch;font-size:18px!important}.pin-dialog{width:min(420px,100vw - 32px)}.danger-zone{border-top:1px solid var(--red);margin-top:16px;padding-top:8px}.danger-zone input{flex:1;min-width:180px}.choice-bar{margin:10px 16px 0}body.guest .lock-btn{color:var(--orange);border-color:var(--orange)}body.locked .export-btn{display:none}.ex-grid{grid-template-columns:max-content 1fr;align-items:center;gap:10px 14px;margin:12px 0;display:grid}.ex-grid>label{color:var(--muted);font-size:14px}.ex-duration{font-variant-numeric:tabular-nums;width:11ch}.ex-seed{width:14ch}.ex-filename{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px!important}.ex-dest{flex-direction:column;gap:2px;display:flex}.ex-render{min-width:140px;font-size:17px}.ex-progress{flex-direction:column;gap:6px;margin-top:10px;display:flex}.ex-progress .meter{height:16px}.ex-bar{background:var(--orange)}.ex-progress-text{font-variant-numeric:tabular-nums}@media (max-width:600px){.ex-grid{grid-template-columns:1fr}}.page-banner{margin:10px 16px 0}.soak-banner{background:var(--panel-2);border:1px solid var(--green);color:var(--green);font-variant-numeric:tabular-nums}html,body{height:100%}#app{flex-direction:column;height:100dvh;display:flex}.master{flex:none}.master .row.top{gap:8px 10px}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mixer{--strip-w:92px;scrollbar-color:var(--line) transparent;touch-action:pan-x;flex:1;align-items:stretch;min-height:540px;padding:10px 0 10px 10px;display:flex;overflow:auto hidden}.mixer-channels{align-items:stretch;gap:4px;padding-right:10px;display:flex}.mixer-pinned{background:var(--bg);border-left:1px solid var(--line);gap:4px;margin-left:auto;padding:0 10px 0 8px;display:flex;position:sticky;right:0;box-shadow:-10px 0 18px #0009}.strip{width:var(--strip-w);background:linear-gradient(180deg, #1c1822, var(--panel) 30%);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:none;align-items:stretch;gap:5px;padding:6px 5px;transition:border-color .15s,box-shadow .15s,background .3s;display:flex}.strip.armed{border-color:var(--orange-dim)}.strip.playing{border-color:var(--green);box-shadow:0 0 0 1px var(--green), 0 0 18px #8dff5a59;background:linear-gradient(180deg, #1f2a18, #182014 40%, var(--panel))}.strip.muted{opacity:.55}.strip.drop-target{border-color:var(--green);box-shadow:0 0 0 2px var(--green) inset}.strip button{border-radius:7px;min-width:0;min-height:36px;padding:0 4px;font-size:12px}.strip-head{text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex}.strip-top{justify-content:space-between;align-items:center;width:100%;display:flex}.strip-num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.strip .icon{font-size:22px;line-height:1}.strip h3{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;height:2.3em;margin:0;font-size:11px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.light{background:#2a2430;border-radius:50%;width:10px;height:10px;transition:background .15s,box-shadow .15s}.light.sounding{background:#3c6b24}.light.on{background:var(--green);box-shadow:0 0 10px var(--green)}.strip-next{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;height:12px;font-size:10px;line-height:12px}.strip-pair{grid-template-columns:1fr 1fr;gap:3px;display:grid}.pair-spacer{display:block}.strip .mute[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}.mode-btn{color:var(--orange);font-weight:700}.mode-btn:after{content:" ⟳";color:var(--muted);font-weight:400}.knobs{grid-template-columns:1fr 1fr;justify-items:center;gap:2px 0;display:grid}.knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;align-items:center;width:40px;display:flex}.knob:focus-visible{outline:2px solid var(--green);outline-offset:1px}.knob svg{display:block}.knob-track{fill:none;stroke:var(--line);stroke-width:3.5px;stroke-linecap:round}.knob-value{fill:none;stroke:var(--orange);stroke-width:3.5px;stroke-linecap:round}.knob-cap{fill:#2c2634;stroke:#0b0a0d;stroke-width:1px}.knob-pointer{stroke:var(--text);stroke-width:2px;stroke-linecap:round}.knob-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:-1px;font-size:9px}.knob-out{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;line-height:1.1}.knob.disabled{opacity:.3;cursor:default}.knob.disabled .knob-value{stroke:var(--muted)}.knob.placeholder{visibility:hidden}.vfader{flex-direction:column;flex:1;align-items:center;gap:4px;min-height:120px;display:flex}.vfader-out{font-variant-numeric:tabular-nums;font-size:11px}.vfader-track{background:repeating-linear-gradient(#0000 0 calc(10% - 1px),#ffffff14 calc(10% - 1px) 10%);border-radius:6px;flex:1;width:44px;min-height:0;position:relative}.vfader input[type=range].vfader-input{writing-mode:vertical-lr;touch-action:none;direction:rtl;background:0 0;width:44px;height:100%;margin:0;position:absolute;inset:0}.vfader input[type=range].vfader-input::-webkit-slider-runnable-track{width:6px;height:100%;box-shadow:inset 0 0 0 1px var(--line);background:#050407;border-radius:3px}.vfader input[type=range].vfader-input::-moz-range-track{background:#050407;border-radius:3px;width:6px}.vfader input[type=range].vfader-input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#5a5262,#2c2634 45%,#e8e2ea 47% 53%,#2c2634 55%,#3a3342);border:1px solid #0b0a0d;border-radius:4px;width:38px;height:22px;margin-top:0;margin-left:-16px;box-shadow:0 2px 4px #0009}.vfader input[type=range].vfader-input::-moz-range-thumb{background:linear-gradient(#5a5262,#2c2634 45%,#e8e2ea 47% 53%,#2c2634 55%,#3a3342);border:1px solid #0b0a0d;border-radius:4px;width:34px;height:20px}.strip-samples{justify-content:center;align-items:center;gap:2px;min-height:30px;display:flex}.strip .mini{border-radius:6px;min-width:24px;min-height:28px;padding:0 3px;font-size:12px}.sample-info{color:var(--muted);text-align:center;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.upload-info.failed{color:var(--orange);border-color:var(--orange)}.strip .play{min-height:46px;color:var(--green);background:#15200f;border-color:#2f5a1e;font-size:18px;font-weight:800}.strip .play:active,.strip.playing .play{background:var(--green);color:#0b1a04}.strip.empty .play{opacity:.5}.add-tile{width:var(--strip-w);border:2px dashed var(--line);text-align:center;background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.add-tile:hover{border-color:var(--orange)}.add-plus{color:var(--orange);font-size:40px;line-height:1}.bus-strip{background:linear-gradient(180deg, #221a14, var(--panel) 30%)}.master-strip{--strip-w:118px;border-color:var(--orange-dim)}.bus-note{color:var(--muted);text-align:center;margin:0;font-size:10px}.bus-foot{color:var(--muted);text-align:center;justify-content:center;align-items:center;min-height:30px;font-size:10px;display:flex}.master-body{flex:1;gap:4px;min-height:120px;display:flex}.master-body .vfader{flex:1}.vmeter-col{flex-direction:column;align-items:center;gap:4px;width:30px;display:flex}.vmeter{width:12px;box-shadow:inset 0 0 0 1px var(--line);background:#050407;border-radius:3px;flex:1;position:relative;overflow:hidden}.vmeter-bar{transform-origin:bottom;background:linear-gradient(0deg, var(--green), var(--green) 70%, var(--orange) 90%, var(--red));position:absolute;inset:0;transform:scaleY(0)}.vmeter-text,.vmeter-gr{font-variant-numeric:tabular-nums;min-height:12px;font-size:10px}.vmeter-gr{color:var(--orange)}body.locked .strip .mini,body.locked .sample-info{visibility:hidden}