.display-panel{background:var(--color-display-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-display);border:2px solid var(--color-metal-dark);min-height:120px;padding:12px 14px;position:relative;overflow:hidden}.crt-overlay{pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt-overlay:after{content:"";pointer-events:none;background:radial-gradient(#0000 0%,#00140033 100%);position:absolute;inset:0}.display-panel.display-off{background:#010201}.display-panel.display-off .frequency-display,.display-panel.display-off .era-label,.display-panel.display-off .track-title,.display-panel.display-off .loading-text,.display-panel.display-off .loading-dots,.display-panel.display-off .time-current,.display-panel.display-off .status-playing{color:var(--color-display-text-dim);text-shadow:none;animation:none}.display-panel.display-off .era-block{background:#33ff6605;border-color:#0a331580}.display-panel.display-off .no-signal-text{opacity:.3;animation:none}.display-content{z-index:1;flex-direction:column;gap:10px;height:100%;display:flex;position:relative}.display-row{justify-content:space-between;align-items:center;display:flex}.display-header{border-bottom:1px solid var(--color-display-text-dim);padding-bottom:8px}.frequency-block{align-items:baseline;gap:4px;display:flex}.frequency-display{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow-strong);letter-spacing:2px;font-size:36px;font-weight:400;animation:.1s infinite phosphor-flicker}.frequency-display.dim{color:var(--color-display-text-dim);text-shadow:none;animation:none}.frequency-unit{font-family:var(--font-label);color:var(--color-display-text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px}.frequency-unit.dim{opacity:.3}.era-block{border-radius:var(--radius-sm);border:1px solid var(--color-display-text-dim);background:#33ff660d;padding:6px 14px}.era-label{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow);letter-spacing:2px;font-size:22px}.track-info{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;min-height:50px;display:flex}.track-title-container{width:100%;min-width:0;position:relative;overflow:hidden}.track-title{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow);white-space:nowrap;text-transform:uppercase;letter-spacing:1px;font-size:18px}.track-title.scrolling{padding-right:50px;animation:15s linear infinite marquee-scroll;display:inline-block}.title-spacer{color:var(--color-display-text-dim)}.track-meta{font-family:var(--font-label);color:var(--color-display-text-dim);text-transform:uppercase;letter-spacing:1px;gap:16px;font-size:11px;display:flex}.track-creator,.track-date{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.track-loading{justify-content:center;align-items:center;gap:0;height:100%;display:flex}.loading-text{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow);letter-spacing:3px;font-size:20px}.loading-dots{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow);font-size:20px;animation:1.5s steps(4,end) infinite blink-dots}@keyframes blink-dots{0%,20%{content:"";opacity:0}25%{content:".";opacity:1}50%{content:"..";opacity:1}75%,to{content:"...";opacity:1}}.track-empty{justify-content:center;align-items:center;height:100%;display:flex}.no-signal-text{font-family:var(--font-display);color:var(--color-display-text-dim);letter-spacing:4px;font-size:18px;animation:2s infinite flicker-dim}@keyframes flicker-dim{0%,to{opacity:.4}50%{opacity:.6}75%{opacity:.35}}.display-footer{border-top:1px solid var(--color-display-text-dim);padding-top:8px}.time-display{font-family:var(--font-display);color:var(--color-display-text-dim);letter-spacing:1px;gap:4px;font-size:16px;display:flex}.time-current{color:var(--color-display-text);text-shadow:var(--color-display-glow)}.time-separator{opacity:.4}.status-display{font-family:var(--font-display);letter-spacing:2px;font-size:14px}.status-playing{color:var(--color-display-text);text-shadow:var(--color-display-glow);animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.status-loading,.status-paused{color:var(--color-display-text-dim);animation:1s infinite pulse}.status-error{color:#ff6b6b;text-shadow:0 0 8px #ff6b6b80;letter-spacing:1px;font-size:11px;animation:1s infinite pulse}@keyframes phosphor-flicker{0%,to{opacity:1}92%{opacity:.99}94%{opacity:.98}96%{opacity:1}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=480px){.display-panel{padding:10px 12px}.frequency-display{font-size:30px}.era-label{font-size:18px}}.waveform-container{border-radius:var(--radius-sm);background:var(--color-display-bg);width:100%;height:60px;box-shadow:var(--shadow-display);border:2px solid var(--color-metal-dark);position:relative;overflow:hidden}.waveform-canvas{background:var(--color-display-bg);width:100%;height:100%;display:block}.waveform-overlay{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px),radial-gradient(#0000 0% 50%,#0014004d 100%);position:absolute;inset:0}.waveform-frame{border-radius:var(--radius-sm);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #33ff6608,inset 0 -1px #00000080}.waveform-container:before{content:"";pointer-events:none;z-index:1;background-color:#0000;background-image:linear-gradient(90deg,#33ff6608 1px,#0000 1px),linear-gradient(0deg,#33ff6608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.globe-container{flex-direction:column;align-items:center;gap:4px;display:flex}.globe-display{background:#010301;border:2px solid #0a0a0a;border-radius:4px;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000000e6,0 2px #0a0a0a,0 3px 4px #00000080}.globe-canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.globe-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 2px);position:absolute;inset:0}.globe-display:after{content:"";pointer-events:none;border-radius:2px;position:absolute;inset:0;box-shadow:inset 0 0 10px #33ff661a}.globe-label{font-family:var(--font-display);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;font-size:11px}.globe-container.power-off .globe-display{opacity:.3}.globe-container.power-off .globe-display:after{box-shadow:none}.globe-container.power-off .globe-canvas{filter:grayscale()brightness(.5)}.timeline-tuner{background:var(--color-surface-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-dark);border:1px solid var(--color-border-dark);flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 16px;display:flex}.tuner-header{flex-direction:column;align-items:center;gap:1px;display:flex}.tuner-title{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;font-size:9px;font-weight:400}.tuner-subtitle{font-family:var(--font-label);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;font-size:8px}.tuner-slider-container{flex-direction:column;gap:4px;width:100%;display:flex}.era-markers{width:100%;height:20px;padding:0 12px;position:relative}.era-marker{left:var(--marker-position);font-family:var(--font-display);color:var(--color-metal-highlight);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:2px 4px;font-size:12px;position:absolute;transform:translate(-50%)}.era-marker:hover{color:var(--color-display-text);text-shadow:var(--color-display-glow)}.era-marker.active{color:var(--color-display-text);text-shadow:var(--color-display-glow-strong)}.tuner-track{background:var(--color-display-bg);border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--color-metal-dark);width:calc(100% - 24px);height:28px;box-shadow:var(--shadow-display);margin:0 12px;position:relative;overflow:hidden}.tuner-track:before{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px);position:absolute;inset:0}.tuner-track.dragging{cursor:grabbing}.track-fill{border-radius:var(--radius-sm) 0 0 var(--radius-sm);pointer-events:none;background:linear-gradient(90deg,#33ff660d 0%,#3f63 100%);height:100%;position:absolute;top:0;left:0}.track-ticks{pointer-events:none;z-index:1;position:absolute;inset:0}.track-tick{left:var(--tick-position);background:var(--color-display-text-dim);opacity:.5;width:1px;height:12px;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.track-tick.active{background:var(--color-display-text);opacity:1;width:2px;height:18px;box-shadow:0 0 8px #3f69}.tuner-thumb{background:linear-gradient(90deg, var(--color-metal-highlight) 0%, var(--color-metal-medium) 50%, var(--color-metal-dark) 100%);width:16px;height:36px;box-shadow:var(--shadow-raised);border:1px solid var(--color-metal-dark);cursor:grab;z-index:2;border-radius:2px;transition:transform 50ms ease-out;position:absolute;top:50%;transform:translate(-50%,-50%)}.tuner-track.dragging .tuner-thumb{cursor:grabbing;transition:none}.thumb-indicator{background:linear-gradient(180deg, var(--color-display-text-bright) 0%, var(--color-display-text) 50%, var(--color-display-text) 100%);border-radius:1px;width:2px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #3f6c}.tuner-readout{background:var(--color-display-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border-dark);box-shadow:var(--shadow-display);align-items:center;gap:10px;padding:6px 12px;display:flex;position:relative;overflow:hidden}.tuner-readout:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px);position:absolute;inset:0}.frequency-display{align-items:baseline;gap:3px;display:flex}.freq-value{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow-strong);letter-spacing:1px;font-size:18px}.freq-unit{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow);letter-spacing:1px;font-size:11px}.era-display{font-family:var(--font-display);color:var(--color-display-text);text-shadow:var(--color-display-glow);border-left:1px solid var(--color-display-text-dim);letter-spacing:1px;padding-left:10px;font-size:14px}@media (width<=600px){.era-marker{font-size:10px}.era-marker:nth-child(2n):not(.active){display:none}}.timeline-tuner.power-off .tuner-track{background:#010201}.timeline-tuner.power-off .track-fill{background:0 0}.timeline-tuner.power-off .track-tick,.timeline-tuner.power-off .track-tick.active,.timeline-tuner.power-off .thumb-indicator{box-shadow:none;background:#1a2a1a}.timeline-tuner.power-off .tuner-readout{background:#010201}.timeline-tuner.power-off .freq-value,.timeline-tuner.power-off .freq-unit,.timeline-tuner.power-off .era-display{color:var(--color-display-text-dim);text-shadow:none}.timeline-tuner.power-off .era-marker,.timeline-tuner.power-off .era-marker.active{color:var(--color-text-dim);text-shadow:none}.timeline-tuner.power-off .tuner-track{cursor:not-allowed;pointer-events:none}.timeline-tuner.power-off .tuner-thumb{cursor:not-allowed}.timeline-tuner.power-off .era-marker{cursor:not-allowed;pointer-events:none}.filter-dial{flex-direction:column;align-items:center;gap:6px;display:flex}.filter-label{font-family:var(--font-label);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:9px;font-weight:400}.filter-knob{background:var(--gradient-knob);width:44px;height:44px;box-shadow:var(--shadow-raised);cursor:pointer;border:1px solid var(--color-metal-dark);border-radius:50%;transition:transform .1s ease-out;position:relative}.filter-knob:hover{box-shadow:var(--shadow-raised), 0 0 10px #33ff664d}.filter-knob.dragging{cursor:grabbing;transition:none}.knob-indicator{background:linear-gradient(180deg, #cfc 0%, var(--color-accent) 50%, var(--color-accent) 100%);width:2px;height:8px;transform:translateX(-50%) rotate(var(--rotation));transform-origin:50% 18px;border-radius:1px;transition:transform .1s ease-out;position:absolute;top:4px;left:50%;box-shadow:0 0 4px #3f69}.filter-knob.dragging .knob-indicator{transition:none}.knob-ring{pointer-events:none;position:absolute;inset:-6px}.ring-mark{background:var(--color-metal-highlight);transform-origin:50%;width:2px;height:2px;transform:translateX(-50%) translateY(-50%) rotate(var(--mark-angle)) translateY(-26px);transition:all var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:50%}.ring-mark.active{background:var(--color-accent);width:3px;height:3px;box-shadow:0 0 4px #3f69}.filter-value{font-family:var(--font-mono);color:var(--color-display-text);text-shadow:var(--color-display-glow);background:var(--color-display-bg);border-radius:var(--radius-sm);border:1px solid var(--color-metal-dark);text-align:center;min-width:55px;padding:3px 8px;font-size:10px;font-weight:700}.filter-dial.power-off .knob-indicator,.filter-dial.power-off .ring-mark.active{box-shadow:none;background:#1a2a1a}.filter-dial.power-off .filter-value{color:var(--color-display-text-dim);text-shadow:none;background:#010201}.filter-dial.power-off .filter-knob{cursor:not-allowed;pointer-events:none}.filter-dial.power-off .filter-knob:hover{box-shadow:var(--shadow-raised)}@media (width<=480px){.filter-knob{width:40px;height:40px}.knob-indicator{transform-origin:50% 16px;height:7px}.ring-mark{transform:translateX(-50%) translateY(-50%) rotate(var(--mark-angle)) translateY(-23px)}}.control-buttons{align-items:center;gap:6px;display:flex}.control-button{width:var(--button-size);height:var(--button-size);color:var(--color-metal-highlight);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);border:none;border-radius:4px;justify-content:center;align-items:center;transition:all 50ms;display:flex;position:relative;box-shadow:0 4px #0a0a0a,0 5px 3px #0006,inset 0 1px #ffffff0d,inset 0 -1px #0000004d}.control-button:before{content:"";z-index:0;background:linear-gradient(#252525 0%,#181818 100%);border-radius:2px;position:absolute;inset:2px}.control-button:hover:not(.disabled){color:var(--color-metal-shine);background:linear-gradient(#333 0%,#222 100%)}.control-button:hover:not(.disabled):before{background:linear-gradient(#2a2a2a 0%,#1c1c1c 100%)}.control-button:active:not(.disabled){transform:translateY(3px);box-shadow:0 1px #0a0a0a,0 2px 2px #0000004d,inset 0 2px 3px #0006}.control-button.disabled{opacity:.3;cursor:not-allowed}.button-icon{z-index:1;width:14px;height:14px;position:relative}.power-button{background:linear-gradient(#252525 0%,#151515 100%)}.power-button:after{content:"";z-index:2;background:#1a0808;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px;box-shadow:inset 0 1px 2px #00000080}.power-button.active:after{background:#3f6;box-shadow:0 0 4px #3f6c,0 0 8px #3f66}.power-button.active{color:var(--color-accent)}.power-button.active .button-icon{filter:drop-shadow(0 0 3px #33ff6680)}.play-button{width:calc(var(--button-size) * 1.25);height:calc(var(--button-size) * 1.25);background:linear-gradient(#2d2d2d 0%,#1d1d1d 100%)}.play-button:before{background:linear-gradient(#282828 0%,#1a1a1a 100%);inset:3px}.play-button.playing{color:var(--color-accent)}.play-button.playing:after{content:"";background:var(--color-accent);z-index:2;border-radius:1px;width:8px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #3f6c}.play-button.playing .button-icon{filter:drop-shadow(0 0 3px #33ff6680)}.skip-button{width:calc(var(--button-size) * .95);height:calc(var(--button-size) * .95)}.loading-spinner{border:2px solid var(--color-metal-highlight);border-top-color:var(--color-accent);z-index:1;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.queue-indicator{background:var(--color-display-bg);border:2px solid #0a0a0a;border-radius:2px;flex-direction:column;align-items:center;margin-left:auto;padding:4px 10px;display:flex;position:relative;box-shadow:inset 0 0 10px #000c,0 1px #ffffff08}.queue-indicator:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 2px);border-radius:1px;position:absolute;inset:0}.queue-count{font-family:var(--font-mono);color:var(--color-display-text);text-shadow:0 0 8px #3f69;z-index:1;font-size:16px;font-weight:700;position:relative}.queue-label{font-family:var(--font-label);color:var(--color-display-text-dim);text-transform:uppercase;letter-spacing:1px;z-index:1;font-size:7px;position:relative}.control-buttons.power-off .queue-indicator{background:#010201}.control-buttons.power-off .queue-count{color:var(--color-display-text-dim);text-shadow:none}@media (width<=480px){.control-buttons{gap:6px}.control-button{--button-size:34px}.button-icon{width:12px;height:12px}.queue-indicator{padding:3px 8px}.queue-count{font-size:14px}}.listener-count{font-family:var(--font-display);letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;display:flex}.listener-dot{background:var(--color-text-dim);border-radius:50%;width:6px;height:6px;transition:background .3s,box-shadow .3s}.listener-dot.active{background:var(--color-display-text);box-shadow:0 0 6px var(--color-display-glow)}.listener-number{color:var(--color-text-dim);transition:color .3s}.listener-dot.active+.listener-number{color:var(--color-display-text);text-shadow:0 0 4px var(--color-display-glow)}.radio{gap:var(--spacing-md);grid-template-columns:1fr;display:grid;position:relative}.radio-listener-count{z-index:10;position:absolute;top:-32px;right:10px}.radio-top{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.radio-display{min-width:0;min-height:90px;overflow:hidden}.radio-side-panel{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.radio-visualizer{align-items:center;width:100%;display:flex}.radio-controls-row{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;display:flex}.radio-playback{align-items:center;gap:var(--spacing-md);display:flex}.radio-filters-inline{align-items:center;gap:var(--spacing-lg);display:flex}.radio-divider{background:linear-gradient(90deg, transparent 0%, var(--color-border-light) 20%, var(--color-border-light) 80%, transparent 100%);height:1px;margin:var(--spacing-sm) 0;opacity:.3}.radio-timeline{padding:var(--spacing-sm) 0 0;justify-content:center;display:flex}.radio-top{grid-template-columns:1fr 100px;align-items:stretch}.radio-side-panel{border-left:1px solid var(--color-border-dark);padding-left:var(--spacing-md)}@media (width<=480px){.radio{gap:var(--spacing-sm)}.radio-listener-count{top:-28px;right:8px}.radio-controls-row,.radio-filters-inline{gap:var(--spacing-md)}.radio-top{grid-template-columns:1fr 90px}}@media (width<=380px){.radio-top{grid-template-columns:1fr 70px}.radio-side-panel{padding-left:var(--spacing-sm)}.radio-controls-row{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.radio-filters-inline{gap:var(--spacing-sm)}}@media (width<=340px){.radio-top{grid-template-columns:1fr}.radio-side-panel{border-left:none;border-top:1px solid var(--color-border-dark);padding-left:0;padding-top:var(--spacing-sm);flex-direction:row;justify-content:center}}