@font-face{font-family:'Golos Text';src:url('/account/assets/golos-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Golos Text';src:url('/account/assets/golos-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Unbounded;src:url('/account/assets/unbounded-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--canvas:#080b20;--surface:#10142f;--strong:#151938;--ink:#f6f3ff;--muted:#b7bddf;--quiet:#858fb7;--line:rgba(246,243,255,.13);--mint:#62f5c7;--lilac:#b9a5ff;--gold:#ffd36e;--danger:#ff6f9c;--ease:cubic-bezier(.16,1,.3,1);--record-speed:9s;font-family:'Golos Text','Segoe UI',Arial,sans-serif;background:var(--canvas);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;min-width:320px;min-height:100svh;background:var(--canvas);padding-bottom:106px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit}button:not(:disabled),select:not(:disabled),label.upload-zone{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--lilac);color:#171228}input{caret-color:var(--mint)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{border:0}button svg,a svg{flex:none}.icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--mint);color:#04120e;z-index:30;transform:translateY(-160%);border-radius:9px}.skip-link:focus{transform:translateY(0)}
body::-webkit-scrollbar,.track-list::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-thumb,.track-list::-webkit-scrollbar-thumb{background:#4a527a;border-radius:6px}body::-webkit-scrollbar-track,.track-list::-webkit-scrollbar-track{background:var(--canvas)}
.radio-header{max-width:1600px;margin:auto;padding:27px 48px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.radio-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.radio-brand>span:first-child{font-family:Unbounded,'Golos Text',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.04em}.brand-radio{padding-left:13px;border-left:1px solid var(--line);color:var(--mint);font-size:21px;font-weight:500;letter-spacing:-.03em}.brand-signal{width:20px;height:23px;stroke:var(--mint);stroke-width:2;stroke-linecap:round;fill:none}.header-state{display:flex;gap:9px;align-items:center;margin-left:auto;color:var(--muted);font-size:12px}.state-dot{width:6px;height:6px;background:#6c759e;border-radius:50%}.cabinet-link{display:flex;align-items:center;gap:10px;font-size:12px;text-decoration:none;margin-left:15px;color:var(--muted);transition:color .2s}.cabinet-link:hover{color:var(--ink)}.cabinet-link .icon{width:17px;height:17px}
.radio-main{max-width:1600px;margin:auto;padding:40px 48px 20px}.station-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.station-heading{min-width:0}.station-heading h1{margin:0;font-family:Unbounded,'Golos Text',sans-serif;font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:600;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}.station-heading p{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:65ch}.station-actions{display:flex;align-items:center;gap:18px;padding-bottom:3px;flex:none}.premium-label{color:var(--gold);font-size:11px;letter-spacing:.03em;font-weight:600;display:flex;align-items:center;gap:6px}.premium-label>.icon{width:13px;height:13px;stroke-width:1.4}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;background:transparent;color:var(--muted);font-size:12px;line-height:1.3;transition:color .2s}.quiet-button:not(:disabled):hover{color:var(--mint)}.quiet-button:disabled{opacity:.4}.quiet-button .icon{width:16px;height:16px}.message{margin:0 0 20px;padding:14px 17px;border-radius:9px;background:#242044;color:#dfd7ff;font-size:13px;line-height:1.6}.message[data-kind=error]{background:#351b38;color:#ffc4d7}.message[data-kind=success]{background:#123c37;color:#a7f6d7}
.studio{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2.65fr);gap:34px;align-items:start}.setlist{min-width:0;display:flex;flex-direction:column;align-self:stretch;border-top:1px solid var(--line);padding-top:21px}.setlist-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.setlist-heading h2{margin:0;font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.03em}.item-count{color:var(--quiet);font-size:12px;font-variant-numeric:tabular-nums}.setlist-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);margin-bottom:3px}.setlist-tabs button{background:none;color:var(--quiet);padding:0 0 13px;font-size:12px;position:relative}.setlist-tabs button[aria-selected=true]{color:var(--ink)}.setlist-tabs button[aria-selected=true]::after{position:absolute;content:'';height:2px;bottom:-1px;left:0;right:0;background:var(--mint)}#trackPanel{min-height:280px;flex:1;display:flex;flex-direction:column}.track-list{margin:0;padding:0;list-style:none;max-height:438px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#4a527a transparent;scrollbar-width:thin}.track-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:15px 2px;border-bottom:1px solid rgba(246,243,255,.065);transition:background .2s,color .2s}.track-row:last-child{border-bottom:0}.track-row.is-selected{background:rgba(185,165,255,.07)}.track-row.is-playing .track-title{color:var(--mint)}.track-row[data-status=failed]{color:var(--danger)}.track-index{color:var(--quiet);font-size:10px;font-variant-numeric:tabular-nums;text-align:center}.track-index.is-live{display:flex;gap:2px;align-items:center;justify-content:center;height:21px}.track-index.is-live i{display:block;width:2px;height:17px;background:var(--mint);border-radius:1px;transform:scaleY(.1764706);transform-origin:center;transition:transform .09s linear}.track-copy{min-width:0}.track-title{display:block;background:none;text-align:left;padding:0;color:inherit;font-size:12px;line-height:1.5;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.track-subtitle{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:var(--quiet);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{display:flex;align-items:center;gap:4px}.track-actions button{min-width:26px;min-height:29px;display:flex;align-items:center;justify-content:center;background:none;color:var(--quiet);font-size:10px;border-radius:5px;padding:4px}.track-actions button:hover{background:#222747;color:var(--ink)}.track-actions .load-a:hover{color:var(--mint)}.track-actions .load-b:hover{color:var(--lilac)}.track-actions .icon{width:14px;height:14px}.track-row .remove-track{opacity:0;transition:opacity .15s}.track-row:hover .remove-track,.track-row:focus-within .remove-track{opacity:1}.track-row[draggable=true]{cursor:grab}.track-row.is-dragging{opacity:.4}.track-row.is-drag-over{box-shadow:inset 0 2px var(--lilac)}.setlist-empty{flex:1;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:25px 14px 25px 0}.setlist-empty>.icon{width:30px;height:30px;stroke:var(--lilac);margin-bottom:23px}.setlist-empty h3{font-family:Unbounded,'Golos Text',sans-serif;font-size:15px;font-weight:500;line-height:1.6;letter-spacing:-.025em;margin:0;max-width:18ch}.setlist-empty p{font-size:12px;line-height:1.8;color:var(--quiet);margin:12px 0 0;max-width:29ch}.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;min-height:72px;padding:14px;border:1px dashed #43496c;border-radius:10px;margin-top:20px;transition:background .25s,border-color .25s}.upload-zone:hover,.upload-zone.is-drag-over{background:#151b38;border-color:var(--lilac)}.upload-zone:focus-within{outline:2px solid var(--mint);outline-offset:4px}.upload-zone>.icon{color:var(--lilac);width:21px;height:21px}.upload-zone>span{font-size:12px;font-weight:500;line-height:1.5}.upload-zone small{display:block;font-size:10px;color:var(--quiet);font-weight:400;margin-top:2px}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone:has(input:disabled){opacity:.4;cursor:not-allowed}.upload-zone input:disabled{cursor:not-allowed}.library-limit{font-size:10px;line-height:1.7;color:var(--quiet);margin:12px 0 0;text-align:center}.upload-progress{margin-top:16px;font-size:10px;color:var(--muted)}.upload-progress>div{display:flex;justify-content:space-between;gap:10px}.upload-progress #uploadName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress progress{appearance:none;width:100%;height:3px;margin-top:10px;background:#242a49;border:0;border-radius:3px;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background:#242a49}.upload-progress progress::-webkit-progress-value{background:var(--mint)}.upload-progress progress::-moz-progress-bar{background:var(--mint)}
.booth{min-width:0;border-radius:16px;background:var(--surface);box-shadow:0 22px 65px rgba(0,0,0,.19);overflow:hidden;position:relative}.booth::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:rgba(246,243,255,.13);pointer-events:none}.booth-topline{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--line);color:var(--quiet);font-size:10px;line-height:1.5}.booth-brand{letter-spacing:.14em;font-size:8px;color:#7f88b2;margin-left:auto}.decks{display:grid;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);padding:22px 28px 0;gap:10px}.deck{min-width:0;--deck-color:var(--mint)}.deck-b{--deck-color:var(--lilac)}.deck-top{display:flex;align-items:center;gap:10px;min-height:28px}.deck-letter{font-family:Unbounded,'Golos Text',sans-serif;font-size:15px;color:var(--deck-color);font-weight:600}.deck-status{color:var(--quiet);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-time{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.platter{width:min(100%,286px);aspect-ratio:1;position:relative;margin:10px auto 14px;padding:13px}.record{height:100%;width:100%;position:relative;border-radius:50%;background:repeating-radial-gradient(circle at center,#101422 0,#101422 1px,#1c2130 1px,#1c2130 2px,#101422 3px,#101422 5px);box-shadow:0 10px 24px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.09);animation:record-spin var(--record-speed) linear infinite;animation-play-state:paused;transition:filter .7s var(--ease)}.record::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg,transparent 0deg,rgba(255,255,255,.06) 32deg,transparent 70deg,transparent 170deg,rgba(255,255,255,.045) 213deg,transparent 250deg);pointer-events:none}.record::after{content:'';position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.04)}.record-label{position:absolute;inset:32%;background:var(--deck-color);color:#08211b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 5px rgba(0,0,0,.065)}.deck-b .record-label{color:#24203e}.record-label>span{font-size:5px;font-weight:700;letter-spacing:.16em;position:absolute;top:21%}.record-label b{font-family:Unbounded,'Golos Text',sans-serif;font-size:26px;font-weight:600;line-height:1;margin-top:10%}.record-label i{display:block;width:6px;height:6px;background:#a3a9b3;border-radius:50%;position:absolute;top:49%;left:49%;box-shadow:0 1px 3px #0004}.tonearm{position:absolute;right:-6px;top:2px;width:51%;height:79%;fill:#222a42;stroke:#7f89a6;stroke-width:5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(1px 4px 3px rgba(0,0,0,.35));transform:rotate(-13deg);transform-origin:82% 9%;transition:transform .9s var(--ease)}.tonearm circle{stroke-width:3;fill:#343d57}.tonearm .needle{fill:#596780;stroke-width:2}.deck.is-playing .record{animation-play-state:running}.deck.is-playing .tonearm{transform:rotate(0)}.deck.is-playing .deck-status{color:var(--deck-color)}.deck.is-empty .record{filter:saturate(.4) brightness(.72)}.deck.is-drag-over .platter{outline:2px dashed var(--deck-color);border-radius:50%}.deck-track{font-size:15px;line-height:1.5;letter-spacing:-.025em;font-weight:500;margin:0;min-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-artist{font-size:10px;line-height:1.6;color:var(--quiet);margin:5px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-progress{height:2px;background:#292f4b;overflow:hidden}.track-progress>span{display:block;height:100%;width:100%;background:var(--deck-color);transform:scaleX(0);transform-origin:left center;transition:transform .3s linear}.deck-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:14px}.deck-load{background:none;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px;padding:6px 0}.deck-load .icon{width:14px;height:14px}.deck-load:not(:disabled):hover{color:var(--deck-color)}.cue-button{display:flex;align-items:center;justify-content:center;background:#232943;color:var(--muted);border-radius:7px;width:34px;height:30px;transition:background .2s,color .2s}.cue-button .icon{width:15px;height:15px}.cue-button[aria-pressed=true]{color:#081b17;background:var(--deck-color)}.cue-button:disabled,.deck-load:disabled{opacity:.35}.mixer-center{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:10px;margin-top:8px;margin-bottom:60px}.mixer-emblem{height:58px;width:23px;fill:none;stroke:#7580a9;stroke-width:1.5;stroke-linecap:round}.signal-meter{display:flex;flex-direction:column-reverse;gap:3px}.signal-meter i{display:block;width:4px;height:9px;border-radius:1px;background:rgba(98,245,199,.14);transition:background .05s linear,box-shadow .1s}.signal-meter-b i{background:rgba(185,165,255,.14)}.signal-meter i.is-active{background:var(--mint)}.signal-meter-b i.is-active{background:var(--lilac)}
.mix-strip{padding:23px 40px 21px;margin-top:14px;border-top:1px solid var(--line)}.crossfade-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;font-size:10px;color:var(--muted)}#mixReadout{font-size:9px;font-variant-numeric:tabular-nums;color:var(--quiet)}.crossfade-control{display:flex;gap:18px;align-items:center}.crossfade-control>span{font-family:Unbounded,'Golos Text',sans-serif;font-size:12px;color:var(--mint)}.crossfade-control>span:last-child{color:var(--lilac)}.fader-rail{position:relative;flex:1;padding:3px 0 11px;min-width:0}.fader-ticks{position:absolute;bottom:0;left:0;right:0;height:5px;pointer-events:none;background:repeating-linear-gradient(90deg,#576082 0,#576082 1px,transparent 1px,transparent calc(10% - .2px));opacity:.55}.fader-rail input{width:100%;appearance:none;background:none;height:25px;margin:0;display:block;position:relative;z-index:1}.fader-rail input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--mint),#4a526d 38%,#4a526d 62%,var(--lilac));border-radius:4px}.fader-rail input::-moz-range-track{height:4px;background:linear-gradient(90deg,var(--mint),#4a526d 38%,#4a526d 62%,var(--lilac));border-radius:4px}.fader-rail input::-webkit-slider-thumb{appearance:none;width:20px;height:29px;border-radius:3px;background:linear-gradient(90deg,#c0c8d4,#edf0f5 46%,#7d879d 48%,#edf0f5 53%,#a3adbf);margin-top:-12px;box-shadow:0 3px 9px rgba(0,0,0,.4);border:1px solid #e0e4ec;cursor:ew-resize}.fader-rail input::-moz-range-thumb{width:18px;height:27px;border-radius:3px;background:#dce1eb;box-shadow:0 3px 9px rgba(0,0,0,.4);border:1px solid #e0e4ec;cursor:ew-resize}.fader-rail input:disabled{opacity:.3}.broadcast-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:3px 28px 25px}.transition-field{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.transition-field>span{font-size:9px;color:var(--quiet)}.transition-field select{font-size:10px;background:none;border:0;color:var(--muted);padding:3px 17px 3px 0;max-width:100%}.transition-field select option{background:var(--strong)}.broadcast-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 23px;background:var(--mint);color:#04120e;font-weight:600;font-size:12px;border-radius:10px;transition:background .25s,transform .25s var(--ease),box-shadow .25s}.broadcast-button .icon{width:19px;height:19px}.broadcast-button:not(:disabled):hover{background:#8affdb;transform:translateY(-2px);box-shadow:0 7px 18px rgba(17,91,73,.25)}.broadcast-button:disabled{opacity:.4}.broadcast-button.is-live{background:#29233e;color:#ffd0df}.broadcast-button.is-live:hover{background:#38223a}.next-button{display:flex;align-items:center;justify-content:flex-end;gap:6px;background:none;color:var(--muted);font-size:10px;padding:12px 0}.next-button .icon{width:16px;height:16px}.next-button:disabled{opacity:.3}.next-button:not(:disabled):hover{color:var(--ink)}.live-wave{height:50px;position:relative;background:#0c1127;overflow:hidden}.live-wave canvas{display:block;width:100%;height:100%;opacity:.7}.live-wave>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8px;letter-spacing:.04em;color:var(--quiet);pointer-events:none}.live-wave.has-audio>span{display:none}
.station-settings{margin-top:31px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.9fr);gap:32px;border-top:1px solid var(--line);padding-top:25px}.setting-field{display:flex;flex-direction:column;gap:11px;min-width:0}.setting-field>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.setting-field>span .icon{width:14px;height:14px}.setting-field input,.setting-field select{min-height:41px;width:100%;background:#10152f;border:1px solid #303757;border-radius:8px;color:var(--ink);padding:10px 12px;font-size:12px;line-height:1.4;transition:border-color .2s}.setting-field input:hover,.setting-field select:hover{border-color:#69739b}.setting-field input::placeholder{color:var(--quiet)}.setting-field input:disabled,.setting-field select:disabled{opacity:.5}.station-public{padding-top:2px}.switch-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);cursor:pointer;position:relative}.switch-label input{position:absolute;opacity:0;width:33px;height:21px;margin:0}.switch{display:block;width:33px;height:21px;border-radius:20px;background:#333b5d;position:relative;flex:none;transition:background .2s}.switch::before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#c3c9e0;transition:transform .25s var(--ease),background .2s}.switch-label input:checked+.switch{background:#336d64}.switch-label input:checked+.switch::before{background:var(--mint);transform:translateX(12px)}.switch-label input:focus-visible+.switch{outline:2px solid var(--mint);outline-offset:5px}.switch-label input:disabled+.switch{opacity:.4}.station-public>p{font-size:10px;line-height:1.7;color:var(--quiet);margin:11px 0 0;max-width:30ch}.station-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:21px;margin-top:10px;font-size:9px;line-height:1.7;color:var(--quiet)}
.monitor-bar{position:fixed;bottom:0;left:0;right:0;z-index:15;padding:17px max(30px,calc((100vw - 1504px)/2)) max(17px,env(safe-area-inset-bottom));min-height:84px;display:flex;align-items:center;gap:22px;background:#13182e;border-top:1px solid #303651;box-shadow:0 -6px 30px rgba(0,0,0,.12)}.monitor-toggle{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;background:#272b45;border-radius:9px;color:var(--ink);font-size:11px;min-height:42px;flex:none;transition:background .2s,color .2s}.monitor-toggle .icon{width:17px;height:17px}.monitor-toggle[aria-pressed=true]{background:var(--lilac);color:#231b35}.monitor-toggle:disabled{opacity:.45}.monitor-now{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.monitor-now>strong{font-size:11px;line-height:1.4;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-now>span{font-size:9px;color:var(--quiet)}.monitor-volume{display:flex;align-items:center;gap:10px;width:180px;flex:none}.icon-button{display:flex;align-items:center;justify-content:center;background:none;padding:6px;color:var(--muted);width:31px;height:31px}.icon-button .icon{width:17px;height:17px}.monitor-volume>input{width:100%;min-width:0;accent-color:var(--lilac);height:4px;cursor:pointer}.monitor-volume>span{font-size:9px;color:var(--quiet);font-variant-numeric:tabular-nums;min-width:20px;text-align:right}.monitor-personal{font-size:9px;color:var(--quiet);padding-left:18px;border-left:1px solid var(--line)}
.access-state{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:65px;padding:44px 75px;min-height:490px;background:var(--surface);border-radius:16px}.access-state h2{font-family:Unbounded,'Golos Text',sans-serif;font-size:clamp(23px,3vw,36px);line-height:1.4;font-weight:500;letter-spacing:-.035em;margin:18px 0 17px;max-width:18ch;text-wrap:balance}.access-state p{font-size:13px;line-height:1.8;max-width:49ch;color:var(--muted);margin:0 0 25px}.access-lock{color:var(--gold);width:25px;height:25px}.access-record{aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#101422 0,#101422 1px,#1c2130 1px,#1c2130 2px,#101422 3px,#101422 5px);box-shadow:0 18px 30px rgba(0,0,0,.3);position:relative;max-width:300px}.access-record>span{position:absolute;inset:33%;background:var(--gold);border-radius:50%}.access-record>span::after{content:'';position:absolute;inset:45%;border-radius:50%;background:#b9b9bb}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 20px;border-radius:10px;background:var(--lilac);color:#241c37;text-decoration:none;font-size:12px;font-weight:600;transition:transform .2s var(--ease),background .2s}.primary-button:hover{transform:translateY(-2px);background:#cabbff}.noscript{position:fixed;bottom:100px;left:25px;right:25px;padding:20px;background:#47253e;color:#fff;border-radius:9px;z-index:30}body[data-status=live] .state-dot{background:var(--mint);box-shadow:0 0 0 3px rgba(98,245,199,.1)}body[data-status=live] .header-state{color:var(--mint)}body[data-status=loading] .booth,body[data-status=loading] .setlist{opacity:.55}body[data-mode=listen] .dj-only{display:none!important}body[data-mode=listen] .studio{display:block;max-width:960px;margin:auto}body[data-mode=listen] .station-intro{max-width:960px;margin-left:auto;margin-right:auto}body[data-mode=listen] .booth{max-width:960px}body[data-mode=listen] .decks{padding-bottom:32px}body[data-mode=listen] .platter{max-width:310px}body[data-mode=listen] .station-footer{max-width:960px;margin-left:auto;margin-right:auto}body[data-mode=listen] .live-wave{height:80px}body[data-mode=listen] .mixer-center{margin-bottom:40px}body[data-mode=listen] .deck-track{font-size:18px}
@keyframes record-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.studio{gap:44px;grid-template-columns:minmax(300px,.85fr) minmax(0,2.65fr)}.decks{gap:25px;padding:27px 40px 0}.platter{max-width:300px}.mix-strip{padding-left:58px;padding-right:58px}.broadcast-controls{padding-left:40px;padding-right:40px}}
@media(max-width:1100px){.radio-header{padding:23px 30px}.radio-main{padding:32px 30px 20px}.station-intro{align-items:flex-start}.station-heading h1{font-size:28px}.station-actions{gap:12px;flex-direction:column;align-items:flex-end}.studio{grid-template-columns:minmax(225px,.9fr) minmax(0,2fr);gap:24px}.decks{padding:20px 20px 0;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:5px}.mixer-center{gap:5px}.mixer-emblem{display:none}.signal-meter i{width:3px;height:7px}.platter{padding:8px}.deck-track{font-size:13px}.record-label b{font-size:21px}.record-label>span{font-size:4px}.deck-status{font-size:8px}.deck-time{font-size:10px}.deck-actions{gap:4px}.deck-load{font-size:9px}.cue-button{width:30px}.booth-brand{display:none}.mix-strip{padding:23px 25px 20px}.broadcast-controls{gap:12px;padding:0 20px 21px}.broadcast-button{padding:12px 17px;font-size:11px}.next-button{font-size:9px}.transition-field select{font-size:9px}.transition-field>span{font-size:8px}.station-settings{gap:24px}.monitor-personal{display:none}.access-state{padding:40px 45px;gap:40px}}
@media(max-width:760px){body{padding-bottom:112px}.radio-header{padding:20px 21px;gap:15px}.radio-brand{gap:9px}.radio-brand>span:first-child{font-size:17px}.brand-radio{font-size:18px;padding-left:10px}.brand-signal{width:16px;height:20px}.header-state{font-size:10px;gap:6px}.cabinet-link{margin-left:4px;font-size:0;gap:0}.cabinet-link .icon{width:20px;height:20px}.radio-main{padding:28px 20px 20px}.station-intro{margin-bottom:24px;gap:14px}.station-heading h1{font-size:clamp(23px,4.8vw,31px);line-height:1.4}.station-heading p{font-size:11px;margin-top:10px}.station-actions{gap:8px;padding-top:3px}.premium-label{font-size:9px}.quiet-button{font-size:0;padding:5px}.quiet-button .icon{width:20px;height:20px}.studio{display:flex;flex-direction:column;gap:30px}.booth{width:100%;order:0}.setlist{width:100%;order:1}.booth-topline{padding:15px 18px;font-size:9px}.decks{padding:19px 18px 0;gap:6px;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}.deck-top{gap:7px}.deck-letter{font-size:13px}.deck-status{font-size:9px}.deck-time{font-size:10px}.platter{max-width:255px;margin:12px auto 17px;padding:8px}.tonearm{right:-3px}.deck-track{font-size:13px}.deck-artist{font-size:9px;margin-bottom:14px}.record-label b{font-size:22px}.record-label>span{font-size:4px}.deck-actions{margin-top:12px}.deck-load{font-size:9px;gap:3px;min-height:34px}.cue-button{min-width:34px;min-height:34px}.mixer-center{gap:5px;margin-bottom:55px}.signal-meter i{height:7px;width:3px;gap:2px}.mix-strip{padding:22px 23px 22px;margin-top:17px}.crossfade-heading{font-size:10px}.crossfade-control{gap:14px}.broadcast-controls{grid-template-columns:1fr auto 1fr;gap:14px;padding:0 18px 24px}.broadcast-button{padding:12px 18px;min-height:44px;font-size:11px}.transition-field{gap:5px}.transition-field>span{font-size:8px}.transition-field select{font-size:9px;max-width:105px}.next-button{font-size:9px;gap:4px}.next-button .icon{width:14px;height:14px}.live-wave{height:44px}.setlist-heading{margin-bottom:20px}.setlist-heading h2{font-size:20px}.setlist-tabs{gap:25px}.setlist-tabs button{font-size:12px;min-height:36px}#trackPanel{min-height:180px}.track-list{max-height:420px}.track-row{padding:17px 0;grid-template-columns:25px minmax(0,1fr) auto;gap:12px}.track-title{font-size:13px}.track-subtitle{font-size:10px}.track-actions{gap:4px}.track-actions button{min-width:33px;min-height:36px;font-size:11px}.track-row .remove-track{opacity:1}.setlist-empty{min-height:200px;padding-top:25px;padding-bottom:25px;align-items:center;text-align:center}.setlist-empty>.icon{margin-bottom:18px}.setlist-empty h3{max-width:25ch;font-size:14px}.setlist-empty p{max-width:35ch}.upload-zone{margin-top:15px}.station-settings{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;padding-top:25px}.station-public{grid-column:1/-1}.setting-field>span{font-size:10px;min-height:27px;align-items:flex-start;line-height:1.6}.setting-field input,.setting-field select{font-size:11px;min-height:43px;padding:10px}.station-public>p{max-width:none}.station-footer{font-size:8px;align-items:flex-start}.monitor-bar{gap:13px;padding:14px 20px max(14px,env(safe-area-inset-bottom));min-height:80px;flex-wrap:wrap}.monitor-toggle{font-size:10px;padding:11px 12px;min-height:42px;gap:7px}.monitor-toggle .icon{width:17px;height:17px}.monitor-now{min-width:100px}.monitor-now>strong{font-size:10px}.monitor-now>span{font-size:8px}.monitor-volume{width:112px;gap:2px}.monitor-volume>span{display:none}.monitor-volume .icon-button{width:27px;padding:5px}.monitor-volume>input{height:3px}.access-state{grid-template-columns:1fr;gap:25px;padding:35px 25px;text-align:center;justify-items:center;min-height:0}.access-record{width:160px}.access-state h2{font-size:24px;max-width:none;margin-top:12px}.access-state p{font-size:12px}.access-lock{width:20px;height:20px}.access-state .primary-button{width:100%;max-width:270px}body[data-mode=listen] .decks{padding-bottom:24px}body[data-mode=listen] .deck-track{font-size:14px}body[data-mode=listen] .live-wave{height:54px}}
@media(max-width:420px){.header-state{font-size:8px;gap:5px}.radio-header{padding-left:17px;padding-right:17px;gap:10px}.radio-brand>span:first-child{font-size:15px}.brand-radio{font-size:16px}.brand-signal{display:none}.radio-main{padding-left:16px;padding-right:16px}.station-intro{gap:10px}.station-heading h1{font-size:23px;line-height:1.4}.station-actions{gap:7px}.decks{padding-left:13px;padding-right:13px;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);gap:3px}.deck-top{gap:5px}.deck-status{font-size:7px}.deck-time{font-size:9px}.platter{padding:5px}.record-label>span{font-size:3px}.record-label b{font-size:18px}.mixer-center{gap:3px}.signal-meter i{width:2px;height:6px}.deck-track{font-size:11px}.deck-artist{font-size:8px}.deck-load{font-size:8px}.deck-load .icon{width:11px;height:11px}.cue-button{min-width:30px;min-height:32px}.broadcast-controls{gap:8px;padding-left:14px;padding-right:14px}.broadcast-button{padding:12px 13px;gap:7px;font-size:10px}.broadcast-button .icon{width:16px;height:16px}.transition-field select{font-size:8px;max-width:85px}.transition-field>span{font-size:7px}.next-button{font-size:8px;gap:3px}.monitor-bar{padding-left:16px;padding-right:16px;gap:11px}.monitor-toggle{font-size:9px;padding:10px;gap:6px}.monitor-now{flex-basis:90px;min-width:0}.monitor-volume{width:81px}.monitor-volume .icon-button{width:25px;flex:none}.station-settings{gap:18px}.setting-field select{font-size:10px}.station-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.001ms!important}.record{transform:none!important}.tonearm{transition:none}.signal-meter i{transition:none}}
@media(forced-colors:active){.booth,.record,.access-state{outline:1px solid CanvasText}.record-label{outline:1px solid CanvasText}.signal-meter i.is-active{background:Highlight}.state-dot{outline:1px solid CanvasText}.broadcast-button,.monitor-toggle,.primary-button{border:1px solid ButtonText}.fader-rail input::-webkit-slider-thumb{background:ButtonText}.switch{outline:1px solid CanvasText}}

.ownership-label{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:var(--muted)}.ownership-label .icon{width:16px;height:16px;color:var(--gold)}

.track-detail{grid-column:2/-1;display:flex;justify-content:flex-end;padding-top:3px}.track-detail>button{background:none;padding:5px 0;color:var(--danger);font-size:10px;line-height:1.6}.track-detail>button:hover{color:#ffc4d7}.track-detail>button:disabled{opacity:.4}

.broadcast-hint{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin:-8px 25px 20px;max-width:65ch;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
@media(max-width:760px){
 body{padding-bottom:140px}
 .radio-header{padding:12px 16px;gap:10px;min-height:69px}
 .radio-brand>span:first-child{font-size:17px}.brand-radio{font-size:18px}.header-state{font-size:11px;gap:6px}
 .cabinet-link{width:44px;height:44px;justify-content:center;margin-left:0}.cabinet-link .icon{width:21px;height:21px}
 .station-heading p{font-size:12px}.premium-label{font-size:11px}.quiet-button{width:44px;height:44px;padding:10px}
 .booth-topline{font-size:11px;padding:16px;gap:12px}.booth-brand{display:none}
 .decks{padding-left:13px;padding-right:13px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:4px}
 .deck-top{gap:5px;flex-wrap:wrap;row-gap:5px}.deck-letter{font-size:14px}.deck-status{font-size:11px}.deck-time{font-size:11px}
 .deck-track{font-size:14px;line-height:1.5;min-height:42px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .deck-artist{font-size:11px;margin-top:7px}.record-label b{font-size:21px}
 .deck-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px;align-items:center}
 .deck-load{font-size:11px;line-height:1.5;min-height:44px;gap:4px;flex-wrap:wrap;justify-content:flex-start;padding:5px 0}
 .deck-load .icon{width:13px;height:13px}.cue-button{width:44px;height:44px;min-width:44px;min-height:44px}.cue-button .icon{width:19px;height:19px}
 .crossfade-heading{font-size:12px}#mixReadout{font-size:11px}.crossfade-control>span{font-size:14px}
 .fader-rail input{height:44px}.fader-rail input::-webkit-slider-thumb{width:24px;height:34px;margin-top:-15px}.fader-rail input::-moz-range-thumb{width:22px;height:32px}
 .broadcast-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;padding:0 18px 22px}
 .broadcast-button{grid-column:1/-1;grid-row:1;min-height:48px;width:100%;font-size:14px;padding:13px 20px;gap:10px}.broadcast-button .icon{width:21px;height:21px}
 .transition-field{grid-column:1;grid-row:2;gap:2px}.transition-field>span{font-size:11px}.transition-field select{font-size:12px;min-height:44px;max-width:100%;width:100%;padding-right:12px}
 .next-button{grid-column:2;grid-row:2;font-size:13px;min-height:44px;justify-content:center;gap:8px}.next-button .icon{width:19px;height:19px}
 .broadcast-hint{font-size:12px;margin-top:-9px;margin-bottom:20px}.live-wave{height:48px}.live-wave>span{font-size:11px}
 .setlist-heading h2{font-size:21px}.setlist-tabs button{font-size:13px;min-height:44px}.track-row{padding:12px 0;gap:8px;grid-template-columns:22px minmax(0,1fr) auto}
 .track-index{font-size:11px}.track-title{font-size:14px;min-height:44px;display:flex;align-items:center;line-height:1.5}.track-subtitle{font-size:12px;line-height:1.5;margin-top:0}
 .track-actions{gap:2px}.track-actions button{min-width:44px;min-height:44px;font-size:12px}.track-actions .icon{width:17px;height:17px}.track-detail>button{font-size:12px;min-height:44px}
 .upload-zone{min-height:84px}.upload-zone>span{font-size:13px}.upload-zone small,.library-limit{font-size:11px}.setlist-empty p{font-size:12px}.setlist-empty h3{font-size:15px}
 .setting-field>span{font-size:12px}.setting-field input,.setting-field select{font-size:13px;min-height:46px}.station-settings{grid-template-columns:1fr;gap:22px}.station-public{grid-column:auto}
 .ownership-label{font-size:12px}.station-public>p{font-size:12px}.station-footer{font-size:11px;gap:16px;align-items:flex-start}
 .monitor-bar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 14px;padding:11px 16px max(11px,env(safe-area-inset-bottom));min-height:122px}
 .monitor-toggle{grid-column:1;grid-row:1;min-height:44px;font-size:12px;padding:11px 13px;gap:8px}.monitor-toggle .icon{width:18px;height:18px}
 .monitor-now{grid-column:2;grid-row:1;min-width:0}.monitor-now>strong{font-size:12px}.monitor-now>span{font-size:11px;line-height:1.5}
 .monitor-volume{grid-column:1/-1;grid-row:2;width:100%;gap:10px}.monitor-volume .icon-button{width:44px;height:44px;flex:none}.monitor-volume .icon-button .icon{width:20px;height:20px}
 .monitor-volume>input{appearance:none;height:44px;background:transparent;margin:0}.monitor-volume>input::-webkit-slider-runnable-track{height:4px;background:#626184;border-radius:4px}.monitor-volume>input::-moz-range-track{height:4px;background:#626184;border-radius:4px}
 .monitor-volume>input::-webkit-slider-thumb{appearance:none;width:19px;height:19px;background:var(--lilac);border-radius:50%;margin-top:-7.5px}.monitor-volume>input::-moz-range-thumb{width:19px;height:19px;background:var(--lilac);border:0;border-radius:50%}
 .monitor-volume>span{display:block;font-size:11px;min-width:24px}.monitor-personal{display:none}
 .access-state p{font-size:13px}.access-state .primary-button{min-height:48px;font-size:14px}
}

/* The same atelier becomes a lit performance stage: real avatar, physical decks. */
.record-label .label-artwork{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.record-label.has-artwork>span,.record-label.has-artwork>b{visibility:hidden}
.record-label.has-artwork>i{z-index:1}
.radio-main{padding-top:28px}
.station-intro{margin-bottom:26px}
.station-heading h1{font-size:clamp(28px,3.2vw,46px);font-weight:700}
.station-heading p{color:#cbd0ed}
.booth{background:#161736;box-shadow:0 28px 70px #0006;isolation:isolate;overflow:hidden}
.booth-topline{position:relative;z-index:4;background:#11132c;color:#d2d4ef;font-size:12px;border-bottom-color:#4c436c;padding:15px 25px}
.booth-brand{color:#b3a7d7;font-size:9px}
.dj-stage{height:168px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#bc71dc66,transparent 63%),radial-gradient(ellipse at 10% 120%,#46e6c744,transparent 54%),linear-gradient(115deg,#171e41,#30204d 54%,#31224d)}
.dj-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#62f5c708 1px,transparent 1px) 50% 0/24% 100%;opacity:.4;pointer-events:none}
.stage-light{position:absolute;bottom:-18%;width:48%;height:165%;opacity:.5;filter:blur(8px);clip-path:polygon(44% 100%,0 0,100% 0,55% 100%);transform-origin:50% 100%;pointer-events:none;z-index:0}
.stage-light-a{left:0;background:linear-gradient(0deg,#62f5c7a3,#62f5c702);transform:rotate(-16deg)}
.stage-light-b{right:0;background:linear-gradient(0deg,#fa8bdbb3,#b9a5ff04);transform:rotate(16deg)}
.dj-identity{position:absolute;z-index:3;left:28px;top:49px;max-width:29%;display:grid;gap:9px;line-height:1.4}
.dj-identity>span{font-size:12px;color:#d6cef1}
.dj-identity>strong{font-family:Unbounded,'Golos Text',sans-serif;font-size:clamp(15px,1.6vw,22px);font-weight:700;overflow-wrap:anywhere;color:#fff}
.dj-avatar{position:absolute;z-index:2;width:330px;height:354px;left:50%;top:6px;bottom:auto;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(-5px 7px 7px #251a3d66)}
.dj-avatar-svg{display:block;width:100%;height:100%;overflow:visible}
.avatar-measure{position:fixed!important;left:-10000px!important;top:0!important;width:600px!important;height:720px!important;pointer-events:none!important;opacity:0!important}
.dj-avatar-status{position:absolute;z-index:3;bottom:19px;left:30%;right:30%;margin:0;font-size:11px;line-height:1.5;text-align:center;color:#e2d9f8}
.dj-avatar-status:empty{display:none}
.stage-room{position:absolute;z-index:3;right:28px;top:58px;max-width:26%;display:flex;gap:9px;align-items:flex-start;color:#e2d9f8;font-size:12px;line-height:1.6}
.stage-room .icon{width:17px;height:17px;flex:none;margin-top:1px;color:#fa8bdb}
.stage-room>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stage-rim{position:absolute;z-index:4;bottom:0;left:0;right:0;height:9px;background:linear-gradient(0deg,#2d3457,#8990b0 39%,#2b2446 48%,#15162b 60%);box-shadow:0 6px 14px #0006}
.console-surface{position:relative;z-index:4;isolation:isolate;background:radial-gradient(ellipse at 7% 0%,#62f5c71e,transparent 42%),radial-gradient(ellipse at 100% 5%,#fa8bdb20,transparent 44%),linear-gradient(150deg,#232644,#141832 50%,#25203e);--audio-energy:0}
.console-surface::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#62f5c7,#bd9aff 52%,#fa8bdb);opacity:calc(.35 + var(--audio-energy)*.65);pointer-events:none}
.decks{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);padding:20px 25px 0;gap:15px;perspective:1100px}
.deck-a{--deck-color:#62f5c7}.deck-b{--deck-color:#c0a0ff}
.deck-top{padding:0 3px;min-height:30px}.deck-letter{font-size:18px}.deck-status{font-size:12px;color:#d0d0ed}.deck-time{font-size:12px;color:#e1dff4}
.platter{width:min(100%,280px);padding:12px;margin:8px auto 10px;transform:rotateX(18deg);transform-style:preserve-3d;isolation:isolate}
.platter::before{content:'';position:absolute;inset:3px 0 -3px;border-radius:22px;background:linear-gradient(155deg,#62718b,#242d49 24%,#1b2239 60%,#73617e);box-shadow:0 12px 16px #03061577,inset 0 1px 1px #d4d8f399,inset 0 -5px 3px #0a0d22;z-index:-2}
.platter::after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--deck-color);opacity:.35;filter:blur(8px);z-index:-1}
.record{background:repeating-radial-gradient(circle,#10131c 0,#10131c 1px,#303541 1.5px,#151a28 2.5px,#131625 5px);box-shadow:0 3px 0 #02050b,0 6px 0 #303343,0 14px 13px #0507119c,inset 0 1px 2px #eff2ff77;transition:filter .55s var(--ease)}
.record::before{background:conic-gradient(from 23deg,transparent 0deg,#e9efff33 26deg,#62f5c70a 55deg,transparent 77deg,transparent 160deg,#eee8ff33 197deg,#fa8bdb13 228deg,transparent 252deg);mix-blend-mode:screen}
.record::after{inset:8%;border-color:#ffffff16;box-shadow:inset 0 0 0 2px #090c1480}
.record-label{inset:31%;background:radial-gradient(circle at 34% 25%,#fff9,transparent 46%),var(--deck-color);box-shadow:0 2px 4px #0007,inset 0 0 0 5px #fff2,inset 0 0 0 6px #10283822;color:#08241d}
.record-label>span{font-size:5px;letter-spacing:.12em}.record-label b{font-size:31px;font-weight:700}.record-label i{width:7px;height:7px;top:48%;left:48%;background:linear-gradient(135deg,#fcfbff,#747d91);box-shadow:0 2px 2px #0009}
.tonearm{stroke:#bdc9df;fill:#677b99;stroke-width:5;filter:drop-shadow(2px 6px 3px #030617aa)}.tonearm circle{fill:#64738a;stroke:#e0e1f8}.tonearm .needle{fill:#c3ccd9;stroke:#ecf1ff}
.deck.is-empty .record{filter:saturate(.6) brightness(.9)}
.deck-track{font-size:15px;font-weight:700;color:#faf6ff}.deck-artist{color:#bcbfdd;font-size:11px}.track-progress{height:3px;background:#4d4c6c}
.deck-load{color:#e2ddff;font-size:12px}.cue-button{background:#41405f;color:#e4d8ff}.cue-button[aria-pressed=true]{background:#b9a5ff;color:#201c39}
.mixer-center{display:flex;flex-direction:column;align-self:start;align-items:stretch;gap:13px;padding:12px 10px;margin:43px 0 0;min-height:226px;border:1px solid #62617f;border-radius:14px;background:linear-gradient(120deg,#4a4863,#282a45 12%,#171c30 60%,#36324f);box-shadow:0 9px 13px #070b1e88,inset 0 1px #d2ceeb38}
.mixer-display{position:relative;min-height:71px;background:#070d1c;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 5px #0008;border-bottom:1px solid #64627b}
.mixer-display canvas{display:block;width:100%;height:48px}
.mixer-display>span{display:block;padding:4px 0 6px;text-align:center;color:#b3cccf;font-size:10px;line-height:1.4}
.mixer-stereo{display:flex;align-items:center;justify-content:center;gap:14px}.mixer-emblem{width:18px;height:57px;color:#a8a8c8;opacity:.6}
.signal-meter{gap:3px}.signal-meter i{width:6px;height:7px;border-radius:2px;background:#3c5650;transition:background .06s linear}
.signal-meter-b i{background:#50405f}.signal-meter i.is-active{background:#62f5c7;box-shadow:0 1px 4px #62f5c766}.signal-meter-b i.is-active{background:#fa8bdb;box-shadow:0 1px 4px #fa8bdb66}
.mixer-caption{display:flex;justify-content:space-between;gap:3px;font-size:8px;color:#bab2cc;letter-spacing:.04em}.mixer-caption>span:first-child{color:var(--mint)}.mixer-caption>span:last-child{color:#c0a0ff}
.mix-strip{padding:20px 34px 17px;margin-top:18px;border-top-color:#55516e;background:#151a3255}
.crossfade-heading{font-size:12px;color:#e7ddff}.crossfade-control{margin-top:10px}.fader-rail input::-webkit-slider-thumb{background:linear-gradient(90deg,#d6dbe7,#fff 31%,#8c94a7 52%,#dee1ea);box-shadow:0 3px 6px #05071c88}.fader-rail input::-moz-range-thumb{background:linear-gradient(90deg,#d6dbe7,#fff 31%,#8c94a7 52%,#dee1ea)}
.broadcast-button{min-height:47px;color:#052b21;background:#62f5c7;font-weight:700;box-shadow:0 5px 16px #2ee3a329}.broadcast-button:hover:not(:disabled){background:#a0ffdd;box-shadow:0 7px 20px #2ee3a33d}
.broadcast-button.is-live{color:#f5eaff;background:#673b75;box-shadow:inset 0 0 0 1px #bc8fbf;min-height:47px}.broadcast-button.is-live:hover:not(:disabled){background:#82438b}
.transition-field>span{color:#cbc1e6;font-size:11px}.transition-field select{font-size:12px;color:#eee6ff}.next-button{font-size:12px;color:#e4d7fc}
.live-wave{height:70px;background:linear-gradient(90deg,#142e31,#202039 50%,#352243)}.live-wave>span{font-size:11px;color:#e0d8f5;background:#191b3544}.live-wave.has-audio>span{background:transparent}
.setlist{border-top-color:#686081}.setlist-heading h2{font-size:21px;font-weight:700}.setlist-tabs button{color:#b6afd2;font-size:13px}.track-title{font-size:13px}.track-subtitle{font-size:11px;color:#b0afd0}.track-actions button{color:#bcb5da}.track-row.is-selected{background:#b9a5ff17}.upload-zone{border-color:#79709f;background:#b9a5ff09}.upload-zone>span{font-size:13px}.upload-zone small,.library-limit{color:#b0afd0;font-size:11px}
body[data-status=live] .booth.scene-visible .stage-light-a{animation:stage-a 9s ease-in-out infinite alternate}body[data-status=live] .booth.scene-visible .stage-light-b{animation:stage-b 11s ease-in-out infinite alternate}
.booth:not(.scene-visible) .record,.scene-paused .record,.scene-paused .stage-light{animation-play-state:paused!important}
@keyframes stage-a{from{transform:rotate(-22deg);opacity:.44}to{transform:rotate(-7deg);opacity:.63}}
@keyframes stage-b{from{transform:rotate(18deg);opacity:.5}to{transform:rotate(3deg);opacity:.65}}
@media(min-width:1600px){.decks{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);padding:22px 36px 0;gap:18px}.platter{max-width:302px}.dj-stage{height:181px}.dj-avatar{height:380px;top:6px;bottom:auto}}
@media(min-width:761px) and (max-width:1100px){.studio{grid-template-columns:minmax(215px,.8fr) minmax(0,2fr);gap:20px}.decks{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:8px;padding:18px 17px 0}.mixer-center{padding:8px 6px;min-height:185px;gap:8px}.mixer-display{min-height:60px}.mixer-display canvas{height:38px}.mixer-stereo{gap:9px}.mixer-emblem{display:none}.mixer-caption>span:nth-child(2){display:none}.signal-meter i{height:6px;width:5px}.dj-identity{left:19px;max-width:27%}.stage-room{right:19px;max-width:26%;font-size:11px}.dj-avatar{width:285px;height:340px;top:6px;bottom:auto}.deck-track{font-size:13px}.deck-status,.deck-time{font-size:11px}.deck-load{font-size:11px}}
@media(max-width:760px){
 .radio-main{padding-top:21px}.station-intro{margin-bottom:20px}.station-heading h1{font-size:24px;line-height:1.4}.station-heading p{font-size:12px}
 .booth{border-radius:16px}.booth-topline{padding:13px 16px;font-size:11px;gap:10px}.booth-brand{display:none}.dj-stage{height:156px}
 .dj-avatar{width:250px;height:304px;top:6px;bottom:auto}.dj-identity{left:15px;top:32px;max-width:29%;gap:7px}.dj-identity>span{font-size:11px}.dj-identity>strong{font-size:12px;line-height:1.5}
 .stage-room{right:14px;top:34px;max-width:26%;font-size:11px;line-height:1.5;gap:5px;flex-direction:column}.stage-room .icon{width:16px;height:16px}.dj-avatar-status{bottom:14px;left:27%;right:27%;font-size:11px;line-height:1.4}.stage-light{width:60%;height:150%;filter:blur(5px)}
 .decks{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:7px;padding:15px 13px 0}.deck-top{padding:0;min-height:34px;row-gap:3px;gap:5px}.deck-letter{font-size:15px}.deck-status,.deck-time{font-size:11px}.deck-time{margin-left:0;flex-basis:100%}
 .platter{padding:7px;margin-top:7px;margin-bottom:6px}.platter::before{border-radius:13px;inset:3px 0 -2px;box-shadow:0 9px 10px #03061588,inset 0 1px 1px #d4d8f377,inset 0 -3px 2px #0a0d22}.platter::after{inset:8px;filter:blur(5px)}
 .record-label b{font-size:21px}.record-label>span{font-size:3px}.record-label i{width:5px;height:5px}.tonearm{stroke-width:5;right:-3px}
 .deck-track{font-size:13px;min-height:42px;line-height:1.55}.deck-artist{font-size:11px;margin-top:7px;margin-bottom:13px}.deck-actions{grid-template-columns:minmax(0,1fr) 44px;gap:3px;margin-top:12px}.deck-load{font-size:11px;min-height:44px;line-height:1.4}.deck-load .icon{width:12px;height:12px}.cue-button{width:44px;height:44px;min-height:44px;min-width:44px;border-radius:8px}
 .mixer-center{padding:6px 4px;margin-top:57px;min-height:157px;gap:8px;border-radius:8px}.mixer-display{min-height:56px;border-radius:3px}.mixer-display canvas{height:43px}.mixer-display>span{font-size:10px;line-height:1.4;padding:3px 0 4px;overflow-wrap:anywhere}.mixer-stereo{gap:6px}.mixer-emblem,.mixer-caption{display:none}.signal-meter{gap:2px}.signal-meter i{width:4px;height:5px;border-radius:1px}
 .mix-strip{padding:20px 20px 18px;margin-top:18px}.crossfade-heading{font-size:12px}.crossfade-control{margin-top:7px}.crossfade-control>span{font-size:15px}.fader-rail input{height:44px}
 .broadcast-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;padding:0 18px 22px}.broadcast-button,.broadcast-button.is-live{min-height:48px;font-size:14px}.transition-field>span{font-size:11px}.transition-field select{font-size:12px;min-height:44px}.next-button{min-height:44px;font-size:13px}.live-wave{height:64px}.live-wave>span{font-size:11px;padding:0 14px;text-align:center}
 .setlist-heading h2{font-size:21px}.setlist-tabs button{font-size:13px;min-height:44px}.track-title{font-size:14px}.track-subtitle{font-size:12px}.upload-zone>span{font-size:13px}.upload-zone small,.library-limit{font-size:11px}
 body[data-mode=listen] .decks{padding-bottom:25px}body[data-mode=listen] .deck-track{font-size:13px}body[data-mode=listen] .live-wave{height:64px}body[data-mode=listen] .mixer-center{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){.stage-light{animation:none!important;filter:none;opacity:.3}.platter{transform:none}.dj-avatar{filter:none}.console-surface::before{opacity:.6}}

/* Finish correction: the performer reaches over the real console; transport
   remains immediately available on desktop and signal stays legible on mobile. */
.booth{display:flex;flex-direction:column}
.booth-topline{order:0}
.booth-transport{position:relative;z-index:7;order:1;background:#1b1d38;border-bottom:1px solid #5a526f}
.booth-transport .broadcast-controls{padding:9px 25px;gap:20px;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center}
.booth-transport .transition-field{gap:0;max-width:150px}.booth-transport .transition-field select{min-height:36px;padding-top:5px;padding-bottom:5px;width:100%}
.booth-transport .next-button{justify-self:end;min-height:44px}
.booth-transport .broadcast-hint{margin-top:0;margin-bottom:14px}
.dj-stage{order:2;z-index:2;height:230px}
.dj-avatar{width:330px;height:330px;top:5px;bottom:auto}
.dj-arm-overlay{position:absolute;z-index:6;pointer-events:none;overflow:visible;filter:drop-shadow(-5px 7px 7px #251a3d66)}
.dj-identity{top:77px}.dj-identity>strong{line-height:1.5}
.stage-room{top:77px}
.console-surface{order:3}
.live-wave{order:4}
.platter{max-width:248px;margin-top:3px}
.shared-signal{display:none}
@media(min-width:1600px){.dj-stage{height:238px}.dj-avatar{height:345px;top:4px;bottom:auto}.platter{max-width:270px}}
@media(min-width:761px) and (max-width:1100px){.dj-stage{height:220px}.dj-avatar{width:285px;height:320px;top:5px;bottom:auto}.booth-transport .broadcast-controls{grid-template-columns:minmax(95px,1fr) auto minmax(85px,1fr);gap:10px;padding-left:18px;padding-right:18px}.booth-transport .transition-field{max-width:120px}.booth-transport .broadcast-button{font-size:12px;padding-left:14px;padding-right:14px}.booth-transport .next-button{font-size:11px}.platter{max-width:225px}}
@media(max-width:760px){
 .dj-stage{order:1;height:220px}.dj-avatar{width:280px;height:330px;top:4px;bottom:auto}.dj-arm-overlay{filter:drop-shadow(-3px 5px 5px #251a3d55)}
 .dj-identity{top:57px}.stage-room{top:59px}.dj-avatar-status{left:24%;right:24%;bottom:13px}
 .console-surface{order:2}.booth-transport{order:3;border-bottom:0;border-top:1px solid #58516e}.live-wave{order:4}
 .decks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:15px 13px 0}.mixer-center{display:none}
 .platter{max-width:255px;padding:7px;margin-top:6px;margin-bottom:8px}.deck-time{margin-left:auto;flex-basis:auto}.deck-track{font-size:14px}.deck-artist{font-size:11px}
 .shared-signal{display:block;margin:16px 18px 0;padding:10px 12px 8px;border-radius:8px;background:#0a1024;box-shadow:inset 0 2px 5px #03051277}
 .shared-signal>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;line-height:1.5;color:#b9bfdc}.shared-signal>div>span:first-child{color:var(--mint)}
 .shared-signal canvas{display:block;width:100%;height:46px}
 .mix-strip{margin-top:13px;padding-top:16px}
 .booth-transport .broadcast-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;padding:16px 18px 18px;align-items:center}
 .booth-transport .broadcast-button{grid-column:1/-1;grid-row:1;min-height:48px;font-size:14px}
 .booth-transport .transition-field{grid-column:1;grid-row:2;gap:2px;max-width:none}.booth-transport .transition-field>span{font-size:11px}.booth-transport .transition-field select{font-size:12px;min-height:44px;padding-top:8px;padding-bottom:8px}
 .booth-transport .next-button{grid-column:2;grid-row:2;justify-self:stretch;justify-content:center;min-height:44px;font-size:13px}.booth-transport .broadcast-hint{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.dj-arm-overlay{filter:none}}
.record-transfer{position:absolute;left:0;top:0;width:52px;height:52px;z-index:9;pointer-events:none;border-radius:50%;background:repeating-radial-gradient(circle,#141827 0,#141827 1px,#485061 1.4px,#171c2b 2px,#171c2b 4px);box-shadow:0 5px 10px #03061288;will-change:transform,opacity}
.record-transfer>span{position:absolute;inset:30%;border-radius:50%;display:grid;place-items:center;background:#62f5c7;color:#102a24;font:700 11px Unbounded,'Golos Text',sans-serif;overflow:hidden}
.record-transfer-b>span{background:#c0a0ff;color:#26203d}.record-transfer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){.record-transfer{display:none!important}}