:root{color-scheme:dark;--body-font: "IBM Plex Sans Condensed", "Avenir Next", "Franklin Gothic Medium", sans-serif;--display-font: "Eurostile", "Avenir Next Condensed", "Arial Narrow", sans-serif;--mono-font: "IBM Plex Mono", "SFMono-Regular", "Roboto Mono", monospace;--bg: #161b20;--bg-elevated: #12161a;--panel: #3d444b;--panel-strong: #2d3339;--screen: #090b0d;--screen-edge: #501715;--line: #555d65;--line-soft: rgba(214, 219, 224, .12);--text: #edf1f3;--muted: #9da7af;--muted-strong: #c8ced3;--amber: #ffb04d;--red: #ff7247;--green: #8cff62;--blue: #51b8ff;--blue-deep: #5d82a8;--metal-hi: #6a727b;--metal-mid: #444b53;--metal-low: #23282e;--display-bg: #170908;--display-border: #5f1a15;--shadow: 0 18px 34px rgba(0, 0, 0, .38);--inset-shadow: inset 1px 1px 0 rgba(255, 255, 255, .18), inset -1px -1px 0 rgba(0, 0, 0, .58)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);font-family:var(--body-font);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),radial-gradient(circle at 50% -10%,rgba(255,255,255,.07),transparent 28%),linear-gradient(180deg,#1e242a,#151a1f 38%,#101419)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(180deg,rgba(255,255,255,.03),transparent 12%,transparent 88%,rgba(0,0,0,.08));opacity:.28}body:after{content:"";position:fixed;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(112,135,161,.08);pointer-events:none}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.console-shell{position:relative;width:calc(100vw - 20px);margin:0 auto;padding:18px 0 44px}.transport-stack{display:grid;gap:12px}.masthead{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:18px;align-items:stretch}.panel-frame{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 7%),linear-gradient(135deg,var(--metal-hi),var(--metal-mid) 22%,var(--metal-low) 100%);box-shadow:0 2px #ffffff14,0 0 0 1px #00000057,var(--shadow),var(--inset-shadow)}.panel-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 2px,transparent 2px 4px),linear-gradient(180deg,rgba(255,255,255,.07),transparent 12%,transparent 84%,rgba(0,0,0,.16))}.panel-frame:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(213,218,223,.08);pointer-events:none}.brand-panel,.transport-bay,.queue-panel,.control-panel,.search-panel{padding:28px}.brand-panel{display:flex;flex-direction:column;justify-content:space-between;gap:28px}.panel-kicker,.status-label,.mini-label,.notice-sync,.timecode-label,.field span,.transport-rack-top,.scope-overlay,.metric-pill span{font-family:var(--mono-font);text-transform:uppercase;letter-spacing:.16em}.panel-kicker{margin:0 0 12px;color:var(--amber);font-size:.72rem;text-shadow:0 0 10px rgba(255,176,77,.16)}.brand-panel h1,.transport-track-copy h2,.panel-heading h2,.status-tile strong,.timecode-block strong,.queue-index{font-family:var(--display-font)}.brand-panel h1{margin:0;font-size:clamp(3.2rem,7vw,6rem);line-height:.9;letter-spacing:.04em;text-transform:uppercase}.hero-text{max-width:35rem;margin:18px 0 0;color:var(--muted-strong);font-size:1.04rem;line-height:1.62}.status-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-tile,.metric-pill{--tone: var(--muted-strong)}.status-tile[data-tone=green],.metric-pill[data-tone=green]{--tone: var(--green)}.status-tile[data-tone=red],.metric-pill[data-tone=red]{--tone: var(--red)}.status-tile[data-tone=blue],.metric-pill[data-tone=blue]{--tone: var(--blue)}.status-tile[data-tone=amber],.metric-pill[data-tone=amber]{--tone: var(--amber)}.status-tile{display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:16px 18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0f,#ffffff03),#070b0f61;box-shadow:inset 0 1px #ffffff0a}.status-label{color:var(--muted);font-size:.68rem}.status-tile strong{margin:14px 0 8px;color:var(--tone);font-size:clamp(1.9rem,3vw,2.85rem);line-height:.95;letter-spacing:.1em}.status-hint{color:var(--muted);font-size:.84rem;line-height:1.45}.transport-bay{display:grid;gap:14px}.transport-strip{padding:12px 14px 14px}.transport-summary{display:grid;gap:14px;padding:18px 20px 20px}.transport-rack-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem}.waveform-scope{position:relative;height:clamp(84px,10vh,112px);min-height:84px;padding:6px 8px;overflow:hidden;border:1px solid rgba(101,31,24,.84);background:linear-gradient(180deg,rgba(51,13,12,.24),transparent 28%),linear-gradient(180deg,#050709fa,#080b0d),var(--screen);box-shadow:inset 0 0 0 1px #000000c7,inset 0 0 30px #ff724714}.waveform-scope:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);opacity:.16}.waveform-scope svg{display:block;width:100%;height:100%;min-height:0}.scope-base{fill:#061014f2}.scope-grid{stroke-width:.32}.scope-grid-vertical{stroke:#51b8ff2e}.scope-grid-horizontal{stroke:#8cff6217}.scope-progress-fill{fill:#ff72470f}.scope-wave-fill{fill:url(#scope-wave-fill);opacity:.92}.scope-wave-outline,.scope-wave-ghost{fill:none;stroke-linecap:square;stroke-linejoin:miter}.scope-wave-outline{stroke:url(#scope-wave-stroke);stroke-width:.56;filter:drop-shadow(0 0 12px rgba(101,255,147,.24))}.scope-wave-ghost{stroke-width:.38;mix-blend-mode:screen}.scope-wave-ghost-red{stroke:#ff646eb8;filter:drop-shadow(0 0 7px rgba(255,100,110,.24))}.scope-wave-ghost-blue{stroke:#53c8ffbd;filter:drop-shadow(0 0 7px rgba(83,200,255,.24))}.scope-playhead{stroke:#ffffffe6;stroke-width:.76;filter:drop-shadow(0 0 6px rgba(255,255,255,.32))}.scope-overlay{position:absolute;top:7px;right:154px;left:12px;display:flex;justify-content:space-between;gap:12px;color:#f4b866;font-size:.64rem;text-shadow:0 0 10px rgba(255,176,77,.18);pointer-events:none}.waveform-sidecar{position:absolute;top:50%;right:12px;z-index:1;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(7,10,12,.72) 20%,rgba(7,10,12,.94));pointer-events:none}.scope-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px 20px 14px;color:#dbeef880;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;pointer-events:none;color:#f4b8668a}.waveform-scope.is-paused .scope-wave-fill,.waveform-scope.is-paused .scope-wave-outline,.waveform-scope.is-paused .scope-wave-ghost,.waveform-scope.is-idle .scope-wave-fill,.waveform-scope.is-idle .scope-wave-outline,.waveform-scope.is-idle .scope-wave-ghost{opacity:.58}.waveform-scope.is-error{border-color:#ff646e3d}.transport-readout{display:flex;justify-content:space-between;gap:20px;align-items:center}.transport-track-copy{min-width:0;max-width:56ch}.transport-track-copy h2{margin:0;font-size:clamp(1.25rem,2vw,2.05rem);line-height:1.02;letter-spacing:-.02em}.timecode-block{min-width:176px;padding:14px 16px 12px;border:1px solid var(--display-border);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 10%),linear-gradient(180deg,#2b0f0c,#150606 56%,#1a0807);text-align:right;box-shadow:inset 0 0 0 1px #000000a3,inset 0 0 24px #ff724714}.timecode-label{display:block;margin-bottom:8px;color:#ffa25ab8;font-size:.68rem}.timecode-block strong{display:block;color:var(--amber);font-size:clamp(2rem,3.2vw,3.15rem);line-height:.95;letter-spacing:.08em;text-shadow:0 0 14px rgba(255,176,77,.38)}.timecode-block span:last-child{color:#ffdca6d6;font-family:var(--mono-font)}.artwork-disc{--artwork-spin-duration: 6.4s;position:relative;width:58px;height:58px;overflow:hidden;border:1px solid rgba(214,220,226,.18);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.18),transparent 26%),linear-gradient(180deg,#484f56fa,#11151a);box-shadow:inset 1px 1px #ffffff24,inset -2px -2px #000000a8,0 0 0 1px #00000057}.artwork-disc:after{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#090b0d94;box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #0000007a}.artwork-disc.is-playing{animation:artwork-spin var(--artwork-spin-duration) linear infinite}.artwork-disc-image,.artwork-disc-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.artwork-disc-image{object-fit:cover}.artwork-disc-fallback{display:grid;place-items:center;color:#ffdca6eb;font-family:var(--display-font);font-size:1.1rem;letter-spacing:.08em}.frequency-meter{display:grid;gap:5px;min-width:76px}.frequency-row{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.frequency-label{color:#f4b866b8;font-family:var(--mono-font);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase}.frequency-leds{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}.frequency-segment{height:8px;border:1px solid rgba(255,255,255,.06);background:#12161ad6;box-shadow:inset 0 -1px #00000057;opacity:.3}.frequency-segment.band-low.is-lit{background:linear-gradient(180deg,#ffd06f,#ea8f24);box-shadow:0 0 10px #ffb04d4d;opacity:1}.frequency-segment.band-mid.is-lit{background:linear-gradient(180deg,#a4ff76,#49d848);box-shadow:0 0 10px #65ff934d;opacity:1}.frequency-segment.band-high.is-lit{background:linear-gradient(180deg,#82d8ff,#3d9eff);box-shadow:0 0 10px #53c8ff4d;opacity:1}@keyframes artwork-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deck-controls{display:flex;gap:10px;align-items:center}.notice-status-group{display:flex;align-items:center;gap:16px;margin-left:auto}.deck-button{position:relative;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0;color:var(--text);background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.2),transparent 35%),linear-gradient(180deg,#59616a,#2f353c);font-family:var(--mono-font);display:inline-flex;align-items:center;justify-content:center}.deck-icon{display:inline-flex;width:1em;justify-content:center;font-size:1.2rem;line-height:1}.deck-button-play .deck-icon{color:#b6ff98}.deck-button-pause .deck-icon{color:#ffd27d}.deck-button-skip .deck-icon{color:#9bd5ff}.deck-button.is-armed:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:2px solid rgba(140,255,98,.95);box-shadow:0 0 12px #8cff62b3;animation:deck-armed-pulse 1s steps(2,end) infinite}@keyframes deck-armed-pulse{0%,49%{opacity:1}50%,to{opacity:.15}}.transport-pill-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid rgba(214,220,226,.12);background:linear-gradient(180deg,#5b626acc,#23282ef0);box-shadow:var(--inset-shadow)}.metric-pill{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:11px 14px;border-right:1px solid rgba(214,220,226,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%),linear-gradient(180deg,#50575f24,#00000014)}.metric-pill span{color:var(--muted);font-size:.7rem}.metric-pill strong{color:var(--tone);font-size:.9rem;text-align:right}.metric-pill:last-child{border-right:0}.notice-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--line);background:linear-gradient(180deg,#252a30fa,#181d22fa);box-shadow:var(--shadow),var(--inset-shadow)}.notice-copy{display:flex;align-items:center;gap:12px}.notice-copy p{margin:0;color:var(--muted-strong)}.signal-lamp{display:inline-flex;width:13px;height:13px;background:var(--red);box-shadow:0 0 14px #ff646e59}.signal-lamp.is-live{background:var(--green);box-shadow:0 0 16px #65ff936b}.notice-actions{align-items:center}.notice-sync{color:var(--muted);font-size:.72rem;white-space:nowrap}.console-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);gap:18px;margin-top:14px;align-items:start}.queue-panel,.control-panel,.search-panel{display:grid;gap:18px}.control-panel{align-content:start}.control-panel-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left;box-shadow:none}.control-panel-toggle span{color:var(--muted-strong);font-family:var(--mono-font);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.control-feedback{margin:-4px 0 0}.control-panel-body{display:grid;gap:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-stack{display:grid;gap:18px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.panel-heading h2{margin:0;font-size:1.72rem;letter-spacing:-.03em}.panel-heading-meta span{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid rgba(214,220,226,.12);background:linear-gradient(180deg,#4f575feb,#252a30f0);color:var(--muted-strong);font-family:var(--mono-font);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.now-card,.queue-item,.search-item{--source-accent: var(--blue)}.now-card[data-source=youtube],.queue-item[data-source=youtube],.search-item[data-source=youtube]{--source-accent: var(--red)}.now-card[data-source=spotify],.queue-item[data-source=spotify],.search-item[data-source=spotify]{--source-accent: var(--green)}.now-card[data-source=soundcloud],.queue-item[data-source=soundcloud],.search-item[data-source=soundcloud]{--source-accent: var(--amber)}.now-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;padding:18px 20px;overflow:hidden;border:1px solid rgba(214,220,226,.08);background:linear-gradient(180deg,#626a721f,#ffffff05),linear-gradient(135deg,#2c333aeb,#171c21f5)}.now-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent),radial-gradient(circle at right,color-mix(in srgb,var(--source-accent) 28%,transparent),transparent 42%);opacity:.7;pointer-events:none}.now-card:after,.queue-item:before,.search-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--source-accent)}.now-card-copy{position:relative;z-index:1}.mini-label{color:var(--source-accent);font-size:.7rem}.now-card-copy h3{margin:8px 0 6px;font-size:1.35rem}.now-card-copy p{margin:0;color:var(--muted)}.progress-cluster{position:relative;z-index:1;display:grid;gap:12px}.progress-scale{position:relative;height:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#05070999;box-shadow:inset 0 0 14px #00000075}.progress-scale:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 18px);opacity:.5}.progress-scale-fill{width:var(--progress);height:100%;background:linear-gradient(90deg,#f18d2a,#ffd26a);box-shadow:0 0 14px #ffb04d42}.progress-times{display:flex;justify-content:space-between;gap:12px;color:var(--muted-strong);font-family:var(--mono-font);font-size:.84rem}.empty-state{margin:0;padding:18px 20px;border:1px dashed rgba(255,255,255,.1);background:#ffffff05;color:var(--muted)}.queue-list,.search-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.queue-item,.search-item{position:relative;display:flex;justify-content:space-between;gap:14px;align-items:center;overflow:hidden;padding:16px 16px 16px 20px;border:1px solid rgba(214,220,226,.08);background:linear-gradient(180deg,#58606814,#1a1f24eb)}.queue-item.is-current{border-color:#53c8ff3d;background:linear-gradient(180deg,#53c8ff14,#ffffff08);box-shadow:inset 0 0 0 1px #53c8ff24}.queue-meta{display:flex;gap:16px;min-width:0;flex:1}.queue-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:54px;height:54px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#5a626ae6,#22272cf5);color:var(--source-accent);font-size:1.16rem;letter-spacing:.12em;box-shadow:var(--inset-shadow)}.queue-copy,.search-copy{min-width:0}.queue-title-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.queue-title-row h3,.search-copy h3{margin:0;font-size:1rem}.queue-duration{color:var(--muted-strong);font-family:var(--mono-font);font-size:.82rem;white-space:nowrap}.queue-url{margin:8px 0 0;color:var(--muted);word-break:break-all}.queue-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.queue-badges span{padding:6px 10px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--muted-strong);font-family:var(--mono-font);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.queue-actions,.field-row,.transport-controls,.notice-actions{display:flex;gap:10px}.queue-actions{align-self:center}.field,.auth-card,.editor-form,.search-form,.search-results{display:grid;gap:12px}.auth-card{padding:14px 16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#4c545c33,#181d22eb)}.auth-copy{display:grid;gap:6px}.auth-copy span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.auth-copy strong{font-size:.98rem}.auth-copy p{margin:0;color:var(--muted-strong);font-size:.88rem}.field span{color:var(--muted);font-size:.74rem}.field input,.field select{width:100%;border:1px solid rgba(255,255,255,.08);padding:13px 14px;color:var(--text);background:linear-gradient(180deg,#07090afa,#0e1114f5);box-shadow:inset 1px 1px #ffffff0a,inset -1px -1px #000000b3}.field input::placeholder{color:#7a8897}.primary-button,.ghost-button,.action-button,.queue-actions button,.danger-button{border:1px solid rgba(255,255,255,.08);padding:11px 14px;color:var(--text);background:linear-gradient(180deg,#5a626af5,#1f242a);font-family:var(--mono-font);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #000000b8,0 2px #0000004d;transition:border-color .12s ease,background .12s ease}.primary-button{background:linear-gradient(180deg,#ffc76f,#d8781d);border-color:#ffc56f80;color:#2a1700;font-weight:700}.ghost-button{background:linear-gradient(180deg,#4c545ceb,#22272dfa)}.action-button{background:linear-gradient(180deg,#4c545cf0,#1a1f24fa)}.danger-button{background:linear-gradient(180deg,#b84e46f5,#5f110ffa);border-color:#ff724752;color:#fff2f5}button:hover:not(:disabled){border-color:#fff3;filter:brightness(1.05)}button:active:not(:disabled){box-shadow:inset -1px -1px #ffffff0f,inset 1px 1px #000000c7}button:disabled{cursor:not-allowed;opacity:.46;transform:none}.transport-controls{flex-wrap:wrap}.search-results-meta{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:linear-gradient(180deg,#474d54db,#1e2328f0);color:var(--muted);font-size:.9rem}.search-item .action-button{white-space:nowrap}.feedback{margin:0;padding:12px 14px;border:1px solid transparent}.feedback.error{border-color:#ff646e29;background:#ff646e1f;color:#ffd5db}.feedback.status{border-color:#65ff9326;background:#65ff931c;color:#c7ffd7}.search-placeholder{min-height:64px;display:flex;align-items:center}@media (max-width: 1220px){.console-grid{grid-template-columns:1fr}}@media (max-width: 860px){.console-shell{width:calc(100vw - 14px);padding-top:14px}.transport-bay,.transport-strip,.transport-summary,.queue-panel,.control-panel,.search-panel{padding:20px}.status-tile-grid{grid-template-columns:1fr}.transport-readout,.notice-bar,.queue-item,.notice-actions,.panel-heading,.field-row{flex-direction:column;align-items:stretch}.transport-readout,.now-card{grid-template-columns:1fr}.timecode-block{min-width:0;text-align:left}.queue-actions,.transport-controls,.deck-controls{flex-wrap:wrap}.queue-title-row{flex-direction:column;align-items:flex-start}}@media (max-width: 620px){.transport-pill-row{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-overlay{right:124px}.waveform-sidecar{gap:8px;padding-left:12px}.artwork-disc{width:48px;height:48px}.artwork-disc:after{top:18px;right:18px;bottom:18px;left:18px}.frequency-meter{min-width:62px}.frequency-row{grid-template-columns:24px 1fr;gap:6px}.frequency-segment{height:7px}.queue-index{min-width:46px;height:46px;font-size:1rem}.waveform-scope{height:88px;min-height:88px}.waveform-scope svg{height:100%}}