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