@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-deep:#05090c;--bg-panel:#101c24;--bg-panel-2:#0a141a;--bg-recess:#040809;--edge-hi:#2c3f49;--edge-lo:#010304;--line:#1c2c34;--text:#cfe0e6;--text-dim:#5f7680;--text-bright:#f3fafc;--lcd:#49f2a0;--led-green:#3ee085;--led-yellow:#ffd23f;--led-red:#ff4d4d;--accent-host:#35c8ec;--accent-track:#ffb545;--accent-cue:#d287ff;--accent-live:#3ee085;--eq-curve:#ff8a3d}*{box-sizing:border-box}body{margin:0;background:var(--bg-deep);color:var(--text);font-family:Rajdhani,system-ui;letter-spacing:.04em}button,select,input{font-family:inherit}main.rig{min-height:100vh;background:radial-gradient(circle at 50% -20%,#182229,var(--bg-deep) 55%)}header{height:64px;display:flex;align-items:center;gap:22px;padding:0 26px;background:linear-gradient(180deg,#161f26,#0e161b);border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--edge-hi) inset,0 6px 14px #0007}header b{font-size:20px;letter-spacing:.14em;color:var(--text-bright);font-weight:700}header b i{color:var(--led-green);font-style:normal}.live{font:12px Share Tech Mono;color:var(--led-green);letter-spacing:.1em}.headerRight{margin-left:auto;display:flex;align-items:center;gap:14px}button,select,input[type=text],input[type=number]{font:600 13px Rajdhani;letter-spacing:.05em;border:1px solid var(--edge-hi);background:linear-gradient(180deg,#232f37,#171f25);color:var(--text-bright);padding:8px 14px;border-radius:4px}button{cursor:pointer;box-shadow:0 1px #3c4e58 inset,0 2px 3px #0006}button:hover{filter:brightness(1.15)}button:active{filter:brightness(.9);box-shadow:none}button:disabled{opacity:.4;cursor:not-allowed;filter:none}button.clickbtn.on{background:linear-gradient(180deg,#e2483f,#af2a24);border-color:#ff8a80;color:#fff}button.trackbtn.on{background:linear-gradient(180deg,#3fd68f,#1f9b62);border-color:#59e6a2;color:#05150c}button.danger{border-color:#7a2c28;color:#ffb3ac}button.danger:hover{background:linear-gradient(180deg,#e2483f,#af2a24);border-color:#ff8a80;color:#fff}.err{color:var(--led-yellow);font:12px Share Tech Mono}.previewbadge{display:flex;align-items:center;gap:12px;font:12px Share Tech Mono;color:#ffcf3d;letter-spacing:.08em}.previewbadge button{padding:4px 10px;font-size:11px}.controlbadge{display:flex;align-items:center;gap:12px;font:12px Share Tech Mono;color:#e0a8ff;letter-spacing:.08em}.controlbadge button{padding:4px 10px;font-size:11px}.transport{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 26px;background:var(--bg-panel-2);border-bottom:1px solid var(--line)}.tgroup{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tgroup.track{flex:1;min-width:320px}.transport label{display:flex;align-items:center;gap:8px;font:12px Share Tech Mono;color:var(--text-dim);text-transform:uppercase}.transport label input{width:64px;text-align:center;font:600 14px Share Tech Mono;color:var(--lcd);background:var(--bg-recess);border:1px solid var(--line);border-radius:3px;padding:6px 4px;text-shadow:0 0 6px currentColor}.transport .nudge{width:26px;padding:6px 0;text-align:center;font:700 14px Rajdhani;line-height:1}.transport select{font-size:12px;padding:7px 10px}.transport .sep{width:1px;align-self:stretch;background:var(--line)}.transport .trackname{font:12px Share Tech Mono;color:var(--text-dim);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport .loadbtn{white-space:nowrap;flex-shrink:0}.transport .iconbtn{width:38px;padding:8px 0;text-align:center;flex-shrink:0}.connstate{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-dim)}.connstate.connecting{background:var(--led-yellow);box-shadow:0 0 5px var(--led-yellow);animation:pulse 1.2s infinite}.connstate.connected{background:var(--led-green);box-shadow:0 0 5px var(--led-green)}.connstate.failed{background:var(--led-red);box-shadow:0 0 5px var(--led-red)}.timeline{flex:1;min-width:120px;height:22px;position:relative;cursor:pointer;background:var(--bg-recess);border:1px solid var(--line);border-radius:3px;overflow:hidden}.timeline.disabled{cursor:not-allowed;opacity:.5}.timeline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 39px,var(--line) 39px 40px)}.timefill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(180deg,#3ee085a0,#1f9b62a0);border-right:2px solid var(--led-green)}.timelabel{font:12px Share Tech Mono;color:var(--text-dim);white-space:nowrap}.patchbay{display:flex;gap:14px;padding:12px 26px;background:var(--bg-panel-2);border-bottom:1px solid var(--line);align-items:flex-start;flex-wrap:wrap}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.panel b{display:block;font-size:11px;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px}.panel .hint{font:12px Share Tech Mono;color:var(--text-dim)}.panel.incoming{flex:1 1 auto;width:100%}.rows{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:8px}.row .listenbtn{padding:4px 7px;font-size:13px;line-height:1;filter:grayscale(1);opacity:.6}.row .listenbtn.on{filter:none;opacity:1;background:linear-gradient(180deg,#ffe066,#d9a916);border-color:#fff2ab}.row .controlbtn{padding:4px 7px;font-size:13px;line-height:1;filter:grayscale(1);opacity:.6}.row .controlbtn.on{filter:none;opacity:1;background:linear-gradient(180deg,#d287ff,#9b4fd9);border-color:#e9c6ff}.row .pname{flex:1;font-size:13px;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .prole{font:10px Share Tech Mono;color:var(--text-dim);letter-spacing:.06em}.row .pingval{font:10px Share Tech Mono;color:var(--text-dim);min-width:48px;text-align:right}.row select{font-size:12px;padding:5px 8px;max-width:220px}.livepanel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:calc(100vh - 64px);text-align:center;padding:40px}.livepanel h2{margin:0;font-size:22px;color:var(--text-bright);letter-spacing:.06em}.livepanel p{margin:0;max-width:420px;color:var(--text-dim)}.pulse{width:18px;height:18px;border-radius:50%;background:var(--led-green);animation:pulse 1.6s infinite}.myvolume{display:flex;flex-direction:column;align-items:center;gap:10px;font:12px Share Tech Mono;color:var(--text-dim);letter-spacing:.08em;margin-top:6px}.myvolume input{width:260px}@keyframes pulse{0%{box-shadow:0 0 #3ee0858c}70%{box-shadow:0 0 0 22px #3ee08500}to{box-shadow:0 0 #3ee08500}}main.join{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 15%,#182229,var(--bg-deep) 60%)}.joincard{display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(180deg,#131c22,#0d151a);border:1px solid var(--line);border-radius:10px;padding:44px 46px;box-shadow:0 20px 60px #000a,0 1px 0 var(--edge-hi) inset}.joincard h1{margin:0;font-size:26px;letter-spacing:.14em;color:var(--text-bright)}.joincard h1 i{color:var(--led-green);font-style:normal}.joincard p,.joincard small{color:var(--text-dim);max-width:340px;text-align:center}.joincard input,.joincard select,.joincard button{width:300px}.joincard button{background:linear-gradient(180deg,#3fd68f,#1f9b62);border-color:#59e6a2;color:#05150c;font-size:15px;font-weight:700}.board{display:flex;gap:6px;align-items:flex-start;padding:16px 16px 30px;overflow-x:auto;min-height:calc(100vh - 103px);background:linear-gradient(180deg,#0b1318,#060a0d)}.board::-webkit-scrollbar{height:9px}.board::-webkit-scrollbar-thumb{background:var(--edge-hi);border-radius:5px}.board::-webkit-scrollbar-track{background:var(--bg-recess)}.strip{position:relative;flex:1 1 86px;min-width:86px;max-width:132px;height:552px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#162229,#0d161b);border:1px solid var(--edge-hi);border-radius:6px;padding:0 6px 9px;box-shadow:0 10px 20px #0008,inset 0 0 0 1px #00000080}.strip .tag{height:5px;margin:0 -6px;border-radius:6px 6px 0 0;background:var(--text-dim)}.strip.host .tag{background:var(--accent-host);box-shadow:0 0 8px var(--accent-host)}.strip.track .tag{background:var(--accent-track);box-shadow:0 0 8px var(--accent-track)}.strip.cue .tag{background:var(--accent-cue);box-shadow:0 0 8px var(--accent-cue)}.strip.live .tag{background:var(--accent-live);box-shadow:0 0 6px var(--accent-live)}.strip.patched{box-shadow:0 10px 20px #0008,inset 0 0 0 1px #00000080,0 0 0 1px var(--led-green)}.strip.editing{box-shadow:0 10px 20px #0008,inset 0 0 0 1px #00000080,0 0 0 2px #d287ff}.strip.editing .tag{background:#d287ff;box-shadow:0 0 8px #d287ff}.fader.send::-webkit-slider-thumb{background:linear-gradient(180deg,#e9c6ff,#9b4fd9 46%,#f5e3ff,#9b4fd9 50%,#5a2470)}.fader.send::-moz-range-thumb{background:linear-gradient(180deg,#e9c6ff,#9b4fd9 46%,#f5e3ff,#9b4fd9 50%,#5a2470)}.strip .lcd{display:grid;grid-template-columns:1fr auto;column-gap:4px;background:var(--bg-recess);border:1px solid #123028;border-radius:2px;padding:5px 6px 6px;min-height:50px;font-family:Share Tech Mono}.strip .lcd .chno{grid-column:1;grid-row:1;font-size:12px;font-weight:700;color:#8fe6bd}.strip .lcd .chkind{grid-column:2;grid-row:1;font-size:8px;letter-spacing:.06em;color:#5fa98a;align-self:center}.strip .lcd strong{grid-column:1/3;grid-row:2;margin-top:3px;font-weight:400;font-size:10.5px;color:var(--lcd);text-shadow:0 0 6px rgba(73,242,160,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip .eqbtn{font-size:10px;padding:5px 0;letter-spacing:.14em;text-align:center;background:linear-gradient(180deg,#26343c,#182129);border:1px solid var(--edge-hi);color:var(--text-dim);border-radius:3px}.strip .eqbtn.on{background:linear-gradient(180deg,#ff9d4a,#c96a1c);color:#180d02;border-color:#ffbe7a;box-shadow:0 0 8px #ff9d4a80}.strip .eqbtn.spacer{visibility:hidden}.strip .eqbtn{position:relative}.strip .eqbtn .syncdot{position:absolute;top:2px;right:4px;width:5px;height:5px;border-radius:50%;background:#d287ff;box-shadow:0 0 5px #d287ff}.strip .deck{height:378px;display:flex;gap:8px;justify-content:center;padding:8px 0;background:var(--bg-recess);border-radius:4px;border:1px solid #000;box-shadow:inset 0 3px 8px #000a}.strip small.db{text-align:center;font:11px Share Tech Mono;color:var(--text-dim)}.strip .buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}.strip .buttons button{font-size:8.5px;padding:7px 0;border-radius:3px;letter-spacing:.02em}.strip .buttons .mute{background:linear-gradient(180deg,#251518,#180d0f);border:1px solid #4a2226;color:#c98d90}.strip .buttons .mute.on{background:linear-gradient(180deg,#ff5b52,#c62b23);border-color:#ffaba5;color:#fff;box-shadow:0 0 10px #ff2f2280,inset 0 1px #fff5}.strip .buttons .solo{background:linear-gradient(180deg,#251f14,#18140d);border:1px solid #4a3f22;color:#cdb98d}.strip .buttons .solo.on{background:linear-gradient(180deg,#ffe066,#d9a916);border-color:#fff2ab;color:#1c1400;box-shadow:0 0 10px #ffcf3d80,inset 0 1px #fff8}.strip .buttons .mstr{background:linear-gradient(180deg,#14201d,#0d1613);border:1px solid #234238;color:#5c9b83}.strip .buttons .mstr.on{background:linear-gradient(180deg,#3fd68f,#1f9b62);border-color:#59e6a2;color:#05150c;box-shadow:0 0 10px #3fd68f66,inset 0 1px #fff5}.meter{--lvl:0;width:16px;align-self:stretch}.meter .segs{display:flex;flex-direction:column-reverse;gap:2px;width:100%;height:100%}.meter .seg{flex:1;border-radius:1px;background:#0b1417;box-shadow:inset 0 0 0 1px #000}.meter .seg.green{--on:var(--led-green)}.meter .seg.yellow{--on:var(--led-yellow)}.meter .seg.red{--on:var(--led-red)}.meter .seg{--bright:clamp(0, calc((var(--lvl) - (var(--seg) / var(--segs))) * var(--segs)), 1);background:color-mix(in srgb,var(--on) calc(var(--bright) * 100%),#0b1417);box-shadow:0 0 calc(var(--bright) * 5px) color-mix(in srgb,var(--on) 70%,transparent),inset 0 0 0 1px #000}.fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ns-resize;flex-shrink:0;writing-mode:vertical-lr;direction:rtl;width:30px;height:362px}.fader::-webkit-slider-runnable-track{width:6px;height:100%;margin:0 auto;border-radius:3px;background:repeating-linear-gradient(to bottom,#06100f 0,#06100f 4px,#0b1a17 4px,#0b1a17 5px);box-shadow:inset 0 0 0 1px #000,inset 2px 0 3px #0009}.fader::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:18px;margin-left:-11px;border:1px solid #10161a;border-radius:2px;background:linear-gradient(180deg,#b3c4cb,#586870 46%,#e9eef0,#586870 50%,#2b343a);box-shadow:0 2px 4px #0009,inset 0 1px #fff4}.fader::-moz-range-track{width:6px;background:repeating-linear-gradient(to bottom,#06100f 0,#06100f 4px,#0b1a17 4px,#0b1a17 5px);border-radius:3px;box-shadow:inset 0 0 0 1px #000}.fader::-moz-range-thumb{width:28px;height:18px;border:1px solid #10161a;border-radius:2px;background:linear-gradient(180deg,#b3c4cb,#586870 46%,#e9eef0,#586870 50%,#2b343a);box-shadow:0 2px 4px #0009}.strip.master{flex:1.3 1 106px;min-width:106px;max-width:170px;margin-left:10px;border-color:#3c4f59;background:linear-gradient(180deg,#182831,#0d181e)}.strip.master:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:1px;background:var(--line)}.strip.master .tag{background:#8fa2ac}.strip.master .lcd strong{color:#dff3ff}.strip.master .live-dot{grid-column:1/3;text-align:center;font:11px Share Tech Mono;color:var(--led-green);letter-spacing:.1em;padding-top:2px}.x32eq{position:absolute;z-index:30;top:100px;left:0;width:670px;background:linear-gradient(180deg,#141f26,#0d151a);border:1px solid var(--edge-hi);border-radius:6px;padding:9px;box-shadow:0 24px 60px #000c;color:var(--text)}.eqhead{display:flex;align-items:center;gap:10px;padding:2px 2px 8px}.eqhead>span:first-child{flex:1;font:700 12px Rajdhani;letter-spacing:.1em;color:var(--text-bright)}.eqhead .tag4{font:10px Share Tech Mono;color:var(--eq-curve)}.eqhead .eqclose{width:22px;height:22px;padding:0;line-height:1;font-size:15px;border-radius:3px;background:var(--bg-panel-2);border:1px solid var(--edge-hi);color:var(--text-dim)}.eqhead .eqclose:hover{background:var(--led-red);border-color:#ff8a80;color:#fff}.eqpresets{display:flex;align-items:center;gap:6px;margin-bottom:7px}.eqpresets select{flex:1;font-size:11px;padding:5px 8px}.eqpresets button{font-size:10px;padding:5px 9px}.eqpresets .eqreset{margin-left:auto;border-color:#4a2226;color:#c98d90}.eqpresets .eqreset:hover{background:linear-gradient(180deg,#ff5b52,#c62b23);border-color:#ffaba5;color:#fff}.syncrow{display:flex;align-items:center;gap:7px;margin:0 0 8px;font:10px Share Tech Mono;color:var(--text-dim);letter-spacing:.04em}.syncrow span:first-child{flex:1}.syncrow input[type=number]{width:56px;text-align:center;font:600 12px Share Tech Mono;color:var(--lcd);background:var(--bg-recess);border:1px solid var(--line);border-radius:3px;padding:5px 4px;text-shadow:0 0 6px currentColor}.syncrow .nudge{width:24px;padding:5px 0;text-align:center;font:700 13px Rajdhani;line-height:1}.x32eq svg{display:block;width:100%;height:120px;background:var(--bg-recess);border:1px solid var(--line);border-radius:3px;cursor:ns-resize}.x32eq svg circle{cursor:ns-resize}.x32eq .spectrum{fill:#aab9c329;stroke:#becdd766;stroke-width:1}.gbands{display:flex;justify-content:space-between;gap:2px;margin-top:8px;padding:8px 4px 2px;background:var(--bg-panel-2);border:1px solid var(--line);border-radius:4px}.gband{display:flex;flex-direction:column;align-items:center;gap:5px;width:34px}.gband .gval{font:9px Share Tech Mono;color:var(--eq-curve);min-height:11px}.gband .gfreq{font:9px Share Tech Mono;color:var(--text-dim)}.gslider{position:relative;width:22px;height:120px;cursor:ns-resize;touch-action:none;flex-shrink:0}.gtrack{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:2px;background:repeating-linear-gradient(to bottom,#06100f 0,#06100f 4px,#0b1a17 4px,#0b1a17 5px);box-shadow:inset 0 0 0 1px #000}.gthumb{position:absolute;left:50%;width:20px;height:12px;margin-left:-10px;border:1px solid #10161a;border-radius:2px;background:linear-gradient(180deg,#ffb877,#c9701f 46%,#ffe0b3,#c9701f 50%,#7a4413);box-shadow:0 1px 3px #0009}@media(max-width:900px){.strip{min-width:74px;max-width:100px}}