:root{--bg: #131517;--panel: #1a1d21;--panel-2: #212529;--panel-3: #282d33;--well: #0f1113;--line: #2c3238;--line-strong: #3b4249;--text: #dfe3e6;--muted: #858c93;--dim: #5f666d;--accent: #ff9c2b;--play: #3fb950;--danger: #e5484d;--deck-a: #5b9dd9;--deck-b: #d98b4a;--radius: 3px;--mono: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.knob-label,.fader-label,.strip-label,.panel-title,.control-label,.crossfader-labels,.conn,.chip{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.app{display:flex;flex-direction:column;min-height:100%;padding:8px;gap:8px}.topbar{display:flex;align-items:center;gap:14px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:1px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.04em;padding-right:12px;border-right:1px solid var(--line)}.brand-mark{color:var(--text)}.brand-mark:after{content:"/";color:var(--dim);padding:0 1px}.brand-text{color:var(--accent)}.voice-controls{display:flex;align-items:center;gap:6px;flex:1 1 420px;min-width:0}.voice-status{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:7px;height:7px;background:var(--dim);flex:none}.status-ready{background:var(--play)}.status-connecting{background:var(--accent);animation:blink 1s steps(2,start) infinite}.status-error{background:var(--danger)}@keyframes blink{50%{opacity:.25}}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.conn{color:var(--dim)}.conn-online{color:var(--play)}.conn-connecting{color:var(--accent)}.conn-offline{color:var(--danger)}.me-name{font-size:12px}.avatar{width:20px;height:20px;border-radius:2px;object-fit:cover;background:var(--panel-3)}.avatar-fallback{display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--muted)}.banner,.lock-strip{padding:6px 10px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius);background:var(--panel);font-size:12px}.lock-strip{border-left-color:var(--accent);color:var(--muted)}.lock-strip strong{color:var(--accent);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-right:6px}.banner{border-left-color:var(--danger);color:#f0a3a5}.console{display:grid;gap:8px;grid-template-columns:310px minmax(300px,1fr) 256px minmax(300px,1fr) 280px;grid-template-areas:"pool deckA mixer deckB crew" "pool pads  pads  pads  crew";align-items:start;flex:1}.pool{grid-area:pool}.deck-a{grid-area:deckA}.deck-b{grid-area:deckB}.mixer{grid-area:mixer}.pads{grid-area:pads}.crew{grid-area:crew}@media (max-width: 1480px){.console{grid-template-columns:290px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"pool deckA deckB" "pool mixer mixer" "pool pads  crew"}}@media (max-width: 1000px){.console{grid-template-columns:minmax(0,1fr);grid-template-areas:"pool" "deckA" "mixer" "deckB" "pads" "crew"}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:9px;display:flex;flex-direction:column;gap:8px;min-width:0}.panel.is-drop{border-color:var(--accent)}.panel-title{margin:0;color:var(--muted);font-weight:400}.panel-head{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}.pool>.panel-title,.mixer>.panel-title,.crew>.panel-title{border-bottom:1px solid var(--line);padding-bottom:6px}.hint{font-size:10px;color:var(--dim)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);padding:6px 9px;border-radius:var(--radius);font-family:var(--mono);font-size:11px;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.btn svg,.ghost svg,.pad-clear svg{flex:none;stroke-width:2}.btn:hover:not(:disabled){background:var(--panel-3)}.btn:active:not(:disabled){background:#16191c}.btn:disabled{opacity:.32;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1204;font-weight:700}.btn.primary:hover:not(:disabled){background:#ffad4f}.btn.danger{color:#f0797c;border-color:#59333a}.btn.danger:hover:not(:disabled){background:#2a1c1f}.btn.tiny{padding:3px 6px;font-size:10px}.btn.small{padding:5px 7px;font-size:10px}.btn.is-active{border-color:var(--accent);color:var(--accent)}.ghost{display:inline-flex;align-items:center;background:none;border:1px solid transparent;color:var(--dim);cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:4px 5px;border-radius:var(--radius)}.ghost:hover:not(:disabled){color:var(--text);border-color:var(--line)}.ghost:disabled{opacity:.3;cursor:not-allowed}.search,.track-rename,.channel-select{background:var(--well);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:5px 7px;font:inherit;font-size:12px;min-width:0}.channel-select{font-family:var(--mono);font-size:11px;max-width:210px;flex:1 1 130px}.search::placeholder{color:var(--dim)}.search:focus,.track-rename:focus,.channel-select:focus{outline:none;border-color:var(--line-strong)}.chip{padding:1px 4px;border:1px solid var(--line);color:var(--dim)}.chip.live{border-color:#2f5a3a;color:var(--play)}.loop-chip{border-color:#5a4520;color:var(--accent)}.check{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.check input{accent-color:var(--accent)}.pool{max-height:calc(100vh - 130px)}.track-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;flex:1;min-height:120px;border-top:1px solid var(--line)}.track{display:flex;align-items:center;gap:6px;padding:5px 4px;border-bottom:1px solid var(--line);cursor:grab}.track:hover{background:var(--panel-2)}.track.processing{color:var(--muted)}.track.error .track-title{color:var(--danger)}.track-main{display:flex;flex-direction:column;min-width:0;flex:1}.track-title{background:none;border:none;color:inherit;font:inherit;font-size:12px;text-align:left;padding:0;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{font-size:10px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{display:flex;gap:2px;flex:none}.empty{color:var(--dim);font-size:11px;padding:20px 8px;text-align:center}.upload-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.upload-list li{font-family:var(--mono);font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.upload-bar{height:2px;background:var(--line)}.upload-bar span{display:block;height:100%;background:var(--accent)}.upload-error{color:var(--danger)}.deck-head{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:6px}.deck-badge{width:20px;height:20px;border-radius:2px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:12px;color:#101214;flex:none}.deck-title{display:flex;flex-direction:column;min-width:0;flex:1}.deck-title strong{font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-sub{font-family:var(--mono);font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.waveform{width:100%;height:80px;display:block;background:var(--well);border:1px solid var(--line);border-radius:var(--radius);cursor:crosshair;touch-action:none}.waveform.is-disabled{cursor:default}.deck-times{display:flex;justify-content:space-between;font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums}.deck-times .muted{color:var(--dim)}.deck-body{display:flex;gap:10px;align-items:flex-start}.deck-transport{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.transport-row{display:flex;gap:4px;flex-wrap:wrap}.transport-row .btn{flex:1}.btn.play,.btn.cue{padding:11px;font-size:12px;font-weight:700}.btn.cue{color:var(--accent);border-color:#55411f}.btn.cue:hover:not(:disabled){background:#2a2113}.btn.play.is-active{background:var(--play);border-color:var(--play);color:#06210d}.btn.is-loop{border-color:var(--accent);color:var(--accent)}.loop-row .btn{padding-left:4px;padding-right:4px}.deck-flags{display:flex;align-items:center;gap:8px;min-height:18px}.deck-pitch{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.tiny-value{font-size:10px;color:var(--muted)}.mixer-strips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.strip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 3px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.strip-label{color:var(--muted)}.strip-a .strip-label{color:var(--deck-a)}.strip-b .strip-label{color:var(--deck-b)}.strip-fader{display:flex;gap:4px;align-items:flex-end;margin-top:2px}.crossfader{display:flex;flex-direction:column;gap:5px;padding-top:7px;border-top:1px solid var(--line)}.crossfader-labels{display:flex;justify-content:space-between;color:var(--dim)}.crossfader-actions{display:flex;gap:4px}.crossfader-actions .btn{flex:1}.knob{display:flex;flex-direction:column;align-items:center;gap:1px;-webkit-user-select:none;user-select:none}.knob-dial{width:40px;height:40px;cursor:ns-resize;touch-action:none}.knob-dial:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.knob.is-disabled .knob-dial{cursor:not-allowed;opacity:.4}.knob svg{width:100%;height:100%;overflow:visible}.knob-track{fill:#16191c;stroke:var(--line-strong);stroke-width:2}.knob-arc{fill:none;stroke:var(--accent);stroke-width:2;transform:rotate(135deg);transform-origin:24px 24px}.knob-arc.is-filter{stroke:var(--deck-a)}.knob-pointer{stroke:var(--text);stroke-width:2}.knob-label{color:var(--dim)}.knob-value{font-family:var(--mono);font-size:10px;color:var(--muted)}.fader{display:flex;flex-direction:column;align-items:center;gap:3px}.fader-track{position:relative;width:22px;height:126px;background:var(--well);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:ns-resize;touch-action:none;overflow:hidden}.fader-track:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.fader.is-disabled .fader-track{cursor:not-allowed;opacity:.45}.fader-fill{position:absolute;bottom:0;left:0;right:0;background:#22282d}.fader-cap{position:absolute;left:-1px;right:-1px;height:14px;background:#6d757d;border-top:1px solid #8b939b;border-bottom:1px solid #3a4046}.fader-cap:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#23282d}.fader-label{color:var(--dim)}.hslider-track{position:relative;height:22px;background:var(--well);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:ew-resize;touch-action:none}.hslider.is-disabled .hslider-track{cursor:not-allowed;opacity:.45}.hslider-track:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.hslider-centre{position:absolute;left:50%;top:3px;bottom:3px;width:1px;background:var(--line-strong)}.hslider-cap{position:absolute;top:-1px;bottom:-1px;width:28px;background:#6d757d;border-left:1px solid #8b939b;border-right:1px solid #3a4046}.hslider-cap:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#23282d}.meter{display:flex;gap:2px}.meter.is-vertical{height:126px;align-items:flex-end}.meter.is-horizontal{width:84px;height:5px;flex-direction:column}.meter-lane{background:var(--well);border:1px solid var(--line);overflow:hidden;position:relative}.meter.is-vertical .meter-lane{width:5px;height:100%}.meter.is-horizontal .meter-lane{width:100%;flex:1}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--play) 0%,var(--play) 62%,var(--accent) 84%,var(--danger) 100%);transform-origin:bottom;transform:scaleY(0);transition:transform .05s linear}.meter.is-horizontal .meter-fill{background:linear-gradient(90deg,var(--play) 0%,var(--play) 62%,var(--accent) 84%,var(--danger) 100%);transform-origin:left;transform:scaleX(0)}.meter.is-clipping .meter-lane{border-color:var(--danger)}.pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}@media (max-width: 620px){.pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pad{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);overflow:hidden}.pad.is-drop{border-color:var(--accent)}.pad.is-playing{border-color:var(--play)}.pad.is-playing .pad-hit{background:#17251a}.pad-hit{background:none;border:none;color:var(--text);padding:9px 7px;min-height:54px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;cursor:pointer;font:inherit;text-align:left}.pad-hit:hover:not(:disabled){background:var(--panel-3)}.pad-hit:disabled{cursor:not-allowed}.pad-index{font-family:var(--mono);font-size:10px;color:var(--dim)}.pad-title{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pad.is-empty .pad-title{color:var(--dim)}.pad-tools{display:flex;align-items:center;gap:4px;padding:3px 5px;border-top:1px solid var(--line)}.pad-mode,.pad-clear{display:inline-flex;align-items:center;background:none;border:1px solid var(--line);border-radius:2px;color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.04em;padding:2px 4px;cursor:pointer}.pad-mode:hover:not(:disabled),.pad-clear:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.pad-gain{flex:1;min-width:0;accent-color:var(--accent);height:2px}.control-card{display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius);background:var(--panel-2)}.control-card.is-mine{border-left-color:var(--play)}.control-card.is-theirs{border-left-color:var(--accent)}.control-card.is-free{border-left-color:var(--line-strong)}.control-label{color:var(--dim)}.control-holder{font-size:15px;font-weight:500}.control-expiry{font-family:var(--mono);font-size:10px;color:var(--accent)}.control-actions{display:flex;gap:4px;margin-top:5px}.control-actions .btn{flex:1}.queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.queue li{display:flex;align-items:center;gap:7px;font-size:12px;padding:4px 2px;border-bottom:1px solid var(--line)}.queue-pos{color:var(--accent);font-size:10px}.queue-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:250px;overflow-y:auto}.crew-list li{display:flex;align-items:center;gap:6px;padding:4px 2px;font-size:12px;border-bottom:1px solid var(--line)}.crew-list li.is-holder .crew-name{color:var(--play)}.crew-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcuts{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--dim);padding:2px 4px}kbd{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:0 3px;font-size:10px}.toasts{position:fixed;right:10px;bottom:10px;display:flex;flex-direction:column;gap:4px;z-index:50;max-width:min(400px,90vw)}.toast{text-align:left;font-family:var(--mono);font-size:11px;padding:7px 9px;border:1px solid var(--line-strong);border-left-width:3px;border-radius:var(--radius);background:var(--panel-2);color:var(--text);cursor:pointer}.toast-success{border-left-color:var(--play)}.toast-warn{border-left-color:var(--accent)}.toast-error{border-left-color:var(--danger)}.boot,.login{min-height:100%;display:grid;place-items:center;padding:24px}.boot{gap:10px;color:var(--muted);font-family:var(--mono);font-size:12px;grid-auto-flow:row;align-content:center}.boot-spinner{width:8px;height:8px;background:var(--accent);animation:blink .7s steps(2,start) infinite;justify-self:center}.login-card{width:min(400px,100%);padding:22px;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);background:var(--panel);display:flex;flex-direction:column;gap:14px}.login-brand{font-size:16px;border-right:none;padding-right:0}.login-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.login-error{margin:0;padding:7px 9px;border:1px solid var(--line);border-left:3px solid var(--danger);border-radius:var(--radius);background:var(--panel-2);font-family:var(--mono);font-size:11px;color:#f0a3a5}.login-btn{text-align:center;text-decoration:none;padding:9px;font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong)}::-webkit-scrollbar-track{background:var(--well)}