:root{--bg:#0a0b0f;--bg-2:#12141c;--panel:#161925;--panel-2:#1c2030;--border:#262b3d;--text:#e7eaf3;--muted:#8b93a9;--accent:#6d5efc;--accent-2:#3ad1c4;--live:#2fd07a;--danger:#f2555a;--radius:14px;--shadow:0 10px 40px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 15% -10%,rgba(109,94,252,.18),transparent 60%),radial-gradient(1000px 500px at 100% 0,rgba(58,209,196,.1),transparent 55%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent);padding:22px 18px;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 22px}.brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;color:#0a0b0f;box-shadow:0 6px 18px rgba(109,94,252,.4)}.brand .name{font-weight:700;letter-spacing:.2px}.brand .name small{display:block;font-size:11px;letter-spacing:.3px}.brand .name small,.nav-item{color:var(--muted);font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;width:100%;border:none;background:transparent;text-align:left;cursor:pointer;font-family:inherit}.nav-item.active,.nav-item:hover{background:var(--panel);color:var(--text)}.sidebar .spacer{flex:1 1}.signout{color:var(--muted);font-size:13px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;text-align:left}.signout:hover{color:var(--text);border-color:var(--accent)}.main{padding:30px 38px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.topbar h1{font-size:22px;font-weight:700;letter-spacing:-.2px}.topbar .sub{color:var(--muted);font-size:13px;margin-top:3px}.pill{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.stat .v{font-size:26px;font-weight:700;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.card:hover{border-color:#34405f;transform:translateY(-2px)}.card .head{display:flex;align-items:center;justify-content:space-between}.card .title{font-weight:700;font-size:16px}.card .slug{color:var(--muted);font-size:12px;margin-top:2px}.badge{font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.badge.radio{background:rgba(109,94,252,.16);color:#b3aaff}.badge.kind{background:rgba(58,209,196,.14);color:#8fe9df}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--live);font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(47,208,122,.6);animation:pulse 1.8s infinite}.dot.off{background:var(--muted);animation:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,208,122,.5)}70%{box-shadow:0 0 0 8px rgba(47,208,122,0)}to{box-shadow:0 0 0 0 rgba(47,208,122,0)}}.np{margin:16px 0 14px;padding:14px;border-radius:11px;background:var(--bg);border:1px solid var(--border);min-height:68px}.np .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.np .track{font-weight:650;font-size:15px;margin-top:6px;line-height:1.35}.np .artist{color:var(--muted);font-size:13px;margin-top:3px}.card .foot{gap:10px}.card .foot,.play-btn{display:flex;align-items:center}.play-btn{width:42px;height:42px;box-sizing:border-box;border-radius:50%;border:none;flex:none;padding:0;margin:0;line-height:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0b0f;justify-content:center;font-size:16px;box-shadow:0 6px 16px rgba(109,94,252,.4)}.play-btn.playing{background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.play-btn.loading{box-shadow:none;cursor:progress}.play-btn .spinner{box-sizing:border-box;width:18px;height:18px;border-radius:50%;display:block;border:2px solid rgba(10,11,15,.35);border-top-color:#0a0b0f;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.links{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:6px 10px;border-radius:8px}.chip:hover{color:var(--text);border-color:var(--accent)}.port{margin-left:auto;font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.login-card .brand{justify-content:center;padding-bottom:8px}.login-card h2{text-align:center;font-size:18px;margin-bottom:4px}.login-card p.sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.field input{width:100%;padding:12px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px;outline:none}.field input:focus{border-color:var(--accent)}.btn{width:100%;padding:12px;border-radius:10px;border:none;font-weight:650;font-size:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0b0f;margin-top:6px}.btn:disabled{opacity:.6}.err{color:var(--danger);font-size:13px;text-align:center;margin-top:12px;min-height:16px}.empty{border:1px dashed var(--border);border-radius:var(--radius)}.empty,.loading{color:var(--muted);padding:40px;text-align:center}.search{padding:10px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px;outline:none;min-width:240px}.search:focus{border-color:var(--accent)}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.tbl td,.tbl th{padding:10px 12px;border-bottom:1px solid var(--border)}.tbl tr:hover td{background:var(--panel)}.tbl .muted{color:var(--muted)}.tbl .ok{color:var(--live);font-size:12px}.tbl .off{color:var(--faint)}.h2sec{font-size:15px;font-weight:650;margin:26px 0 14px}.modal-bg{position:fixed;inset:0;background:rgba(4,5,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:100%;max-width:680px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow);max-height:94vh;overflow-y:auto}.modal-head{margin-bottom:14px}.ab{margin-bottom:12px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-head h3{font-size:18px;font-weight:700}.modal-head .slug{color:var(--muted);font-size:12px;margin-top:3px}.x{background:transparent;border:none;color:var(--muted);font-size:16px}.x:hover{color:var(--text)}.frow{margin-bottom:14px}.frow label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.frow.inline{display:flex;align-items:center;justify-content:space-between}.frow.inline label{margin:0}.frow input,.frow select,.frow3 input{width:100%;padding:11px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px;outline:none}.frow input:focus,.frow select:focus,.frow3 input:focus{border-color:var(--accent)}.frow3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.frow3 label{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}.hint{font-size:12px;color:var(--faint);margin:-6px 0 18px;line-height:1.5}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.modal-foot .msg{font-size:12.5px;color:var(--accent2)}.modal-foot>div{display:flex;gap:10px}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.ghost:hover{border-color:var(--accent)}.btn{padding:10px 16px;width:auto}.sld{margin-bottom:14px}.sld-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}.sld-val{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sld input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:4px;background:var(--panel-2);outline:none}.sld input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.4)}.sld input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));cursor:pointer}.ab{display:flex;align-items:center;gap:8px;margin-bottom:16px}.ab-lbl{font-size:12px;color:var(--muted);margin-right:4px}.daw{background:linear-gradient(180deg,#171a26,#0d0f16);border:1px solid #262b3d;border-radius:12px;padding:12px 14px 14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03),0 6px 18px rgba(0,0,0,.3)}.daw,.eqgraph{margin-bottom:12px}.eqgraph{width:100%;height:78px;display:block;background:linear-gradient(180deg,#0a0c12,#0e1119);border:1px solid var(--border);border-radius:8px}.eq-grid,.eq-zero{vector-effect:non-scaling-stroke}.eq-zero{stroke:#2a3040;stroke-width:1;stroke-dasharray:3 3}.eq-grid{stroke:#191d27;stroke-width:1}.eq-line{fill:none;stroke:var(--accent2);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(58,209,196,.45))}.eq-fill{fill:rgba(58,209,196,.08);stroke:none}.daw-row{display:flex;gap:10px;align-items:stretch;flex-wrap:nowrap;overflow-x:auto}.daw-sec{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;padding:6px 8px;border-radius:10px;background:hsla(0,0%,100%,.015);border:1px solid hsla(0,0%,100%,.03)}.daw-sec-lbl{font-size:9px;letter-spacing:.8px;color:var(--faint);text-transform:uppercase;font-weight:600;margin-top:auto}.daw-faders,.daw-knobs{display:flex;gap:12px;align-items:flex-end}.fader{display:flex;flex-direction:column;align-items:center;gap:6px}.fader-slot{position:relative;width:30px;height:94px;cursor:ns-resize;touch-action:none}.fader-slot:before{content:"";top:4px;bottom:4px;background:linear-gradient(90deg,#04050a,#141826,#04050a);box-shadow:inset 0 0 5px #000}.fader-fill,.fader-slot:before{position:absolute;left:50%;width:6px;transform:translateX(-50%);border-radius:3px}.fader-fill{background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:0 0 8px rgba(109,94,252,.45)}.fader-cap{position:absolute;left:50%;transform:translateX(-50%);width:28px;height:18px;border-radius:4px;background:linear-gradient(180deg,#3c4258,#1e222d);border:1px solid #4a5268;box-shadow:0 3px 7px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.12);cursor:ns-resize}.fader-cap:after{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;margin-top:-1px;background:#0a0b0f;border-radius:2px}.fader-ticks{position:absolute;left:calc(50% + 9px);top:6px;bottom:6px;display:flex;flex-direction:column;justify-content:space-between}.fader-ticks span{width:5px;height:1px;background:var(--border)}.fader-val{font-size:10.5px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:46px;text-align:center}.fader-lbl{font-size:9.5px;color:var(--muted);letter-spacing:.6px}.knob{display:flex;flex-direction:column;align-items:center;gap:5px}.knob-svg{cursor:ns-resize;touch-action:none}.knob-track{fill:none;stroke:#22262f;stroke-width:4;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--accent2);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(58,209,196,.5))}.knob-body{fill:#1c2029;stroke:#3a4157;stroke-width:1}.knob-ind{stroke:#eef1f8;stroke-width:2.5;stroke-linecap:round}.knob-val{font-size:10.5px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.knob-lbl{font-size:9.5px;color:var(--muted);letter-spacing:.6px}.daw-xf{background:linear-gradient(180deg,#171a26,#0d0f16);border:1px solid #262b3d;border-radius:12px;padding:12px 14px 14px;margin-bottom:14px}.daw-xf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.xfgraph{width:100%;height:74px;display:block;background:linear-gradient(180deg,#0a0c12,#0e1119);border:1px solid var(--border);border-radius:8px}.xf-a{fill:rgba(109,94,252,.3);stroke:var(--accent);stroke-width:1.5}.xf-a,.xf-b{vector-effect:non-scaling-stroke}.xf-b{fill:rgba(58,209,196,.24);stroke:var(--accent2);stroke-width:1.5}.xf-ov{fill:hsla(0,0%,100%,.05)}.xf-cut{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.xf-legend{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:11px;color:var(--muted)}.xf-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}.xf-legend .dotA{background:var(--accent)}.xf-legend .dotB{background:var(--accent2)}.xf-mid{color:var(--faint)}.xf-knobs{justify-content:center;margin-top:12px}.tgl{width:44px;height:25px;border-radius:999px;border:1px solid var(--border);background:var(--bg);position:relative;transition:background .15s,border-color .15s}.tgl.on{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}.tgl .knob{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .16s}.tgl.on .knob{transform:translateX(19px)}.chip{background:transparent}@media (max-width:720px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;overflow-x:auto}.brand small,.sidebar .spacer{display:none}.main{padding:20px}}.pill.on-air{color:var(--live);border-color:rgba(47,208,122,.4);background:rgba(47,208,122,.08)}.pill .dot{display:inline-block;margin-right:7px}.st-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.st-tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.st-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0b0f;border-color:transparent}.studio{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.deck{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;min-height:210px}.deck-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:12px}.deck-track{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.2px}.deck-artist{color:var(--muted);font-size:13px;margin-top:5px}.deck-track.muted2{color:var(--muted);font-weight:600}.deck.onair{border-color:rgba(47,208,122,.35);box-shadow:inset 0 0 0 1px rgba(47,208,122,.06)}.deck-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px}.tc{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;color:var(--accent-2)}.mon{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:8px}.mon.live{border-color:var(--live);color:var(--live)}.vu{display:flex;align-items:flex-end;gap:3px;height:46px;margin-bottom:14px}.vu span{flex:1 1;height:12%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--accent-2),var(--accent));opacity:.4}.vu.on span{animation:vuBounce var(--d,.8s) ease-in-out infinite alternate;opacity:1}@keyframes vuBounce{0%{height:10%}to{height:calc(var(--h, .6) * 100%)}}.fade-btn{margin-top:auto;width:100%;padding:14px;border-radius:11px;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.3px;color:#0a0b0f;background:linear-gradient(135deg,#ffb648,#f2555a);box-shadow:0 8px 24px rgba(242,85,90,.28)}.fade-btn:disabled{opacity:.7;cursor:default}.fade-hint{font-size:11.5px;color:var(--muted);margin-top:10px;text-align:center;min-height:28px}.deck.livedj.active{border-color:rgba(109,94,252,.5)}.live-chip{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#b3aaff;background:rgba(109,94,252,.14);border-radius:999px;padding:6px 12px;align-self:flex-start}.studio-low{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:16px;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.panel-h{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;margin-bottom:12px}.panel-h .muted{font-weight:500;font-size:12px}.queue{list-style:none;display:flex;flex-direction:column;gap:2px}.queue li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:8px 6px;border-radius:8px;font-size:13px}.queue li:hover{background:var(--bg)}.queue li.img{color:var(--accent-2)}.qn{color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qt{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa{color:var(--muted);font-size:12px}.recent,.sched{list-style:none;display:flex;flex-direction:column;gap:2px}.recent li{display:flex;align-items:center;gap:10px;padding:7px 6px;font-size:13px;border-radius:8px}.rt{color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:46px}.rtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtag{font-size:10px;font-weight:700;color:var(--accent-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;margin-left:auto}.rtag.on{color:var(--live);border-color:rgba(47,208,122,.4)}.sched li{display:flex;align-items:center;gap:12px;padding:8px 6px;font-size:13px;border-radius:8px}.sched li.now{background:var(--bg)}.sh{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:84px}.sname{font-weight:600}.muted{color:var(--muted)}@media (max-width:900px){.studio,.studio-low{grid-template-columns:1fr}}.maint-banner{display:flex;align-items:center;gap:10px;margin:4px 0 18px;padding:11px 14px;border-radius:11px;font-size:13px;font-weight:600;line-height:1.4;color:#ffcf8f;background:rgba(255,150,60,.1);border:1px solid rgba(255,150,60,.35)}.maint-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#ffb648;box-shadow:0 0 0 0 rgba(255,182,72,.6);animation:pulse 1.8s infinite}