*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#ffb000;font-family:Courier New,monospace}.radio-container{align-items:flex-start;background-color:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:160px 20px 20px;position:relative}.radio-container:after,.radio-container:before{background:linear-gradient(180deg,#0006 0,#0003 50%,#00000080 100%),var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100vh;left:50%;min-width:100%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:auto;z-index:0}.radio-container:before{opacity:1;opacity:var(--bg-opacity-1,1);transition:opacity 2s ease-in-out}.radio-container:after{background:linear-gradient(180deg,#0006 0,#0003 50%,#00000080 100%),var(--bg-image-2);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:0;opacity:var(--bg-opacity-2,0);transition:opacity 2s ease-in-out}@media (max-width:768px){.lcd-screen{padding:2.5vw 3vw}.track-title{font-size:5vw}.queue-label,.track-artist{font-size:3vw}.queue-text{font-size:2.5vw}.status-text{font-size:3vw}.control-btn{font-size:2.5vw;padding:2vw 3vw}.control-btn.icon-only{min-height:10vw;min-width:10vw;padding:2.5vw}.control-btn.primary.icon-only{min-width:15vw}.volume-slider.horizontal{width:20vw}.controls{gap:2vw}.button-group{gap:2vw;margin-top:3vw}.radio-container{align-items:flex-start;padding-top:24vw}}.lcd-screen{background:linear-gradient(180deg,#0a0d0a,#0f140f 50%,#0a0d0a);border:3px solid #1a1a1a;border-radius:4px;box-shadow:inset 3px 3px 8px #000000e6,0 1px 0 #ffffff1a;margin-bottom:12px;padding:16px 20px;position:relative}.lcd-screen:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.lcd-header{justify-content:space-between;margin-bottom:12px}.lcd-header,.station-badge{align-items:center;display:flex}.station-badge{background:linear-gradient(135deg,#ffb000,#ff8c00);border-radius:2px;color:#000;font-size:11px;font-weight:700;gap:4px;letter-spacing:1px;padding:4px 12px}.status-indicators{align-items:center;display:flex;gap:6px}.led{background:#4a1000;border-radius:50%;height:8px;transition:all .3s;width:8px}.led.active{background:#f30;box-shadow:0 0 8px #f30}.status-text{color:#888;font-size:16px;font-weight:700;letter-spacing:1px}.track-display{overflow:hidden;position:relative;width:100%;z-index:1}.lcd-text{color:#ffb000;font-size:24px;letter-spacing:2px;text-shadow:0 0 8px #ffb00080}.lcd-text.loading{animation:pulse 1.5s infinite}.lcd-text.error{color:#f30}.track-title{color:#ffb000;font-size:28px;font-weight:700;margin-bottom:4px;text-shadow:0 0 10px #ffb00099;white-space:nowrap}.track-title.scrolling{animation:marquee-continuous 15s linear infinite;display:inline-block;padding-left:100%}.track-artist{color:#ffb000;font-size:16px;margin-bottom:8px;opacity:.7}.time-display{color:#888;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.progress-bar{background:#ffb00033;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ffb000,#ff8c00);height:100%;transition:width .5s linear}.queue-display-single{background:linear-gradient(180deg,#0a0d0a,#0f140f 50%,#0a0d0a);border:2px solid #1a1a1a;border-radius:3px;box-shadow:inset 2px 2px 4px #000c;margin-bottom:16px;min-height:48px;overflow:hidden;padding:8px 12px}.queue-display-single.promo{border-color:#2a2a2a}.queue-label{color:#888;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.queue-text{color:#ffb000;display:inline-block;font-size:12px;opacity:.8;white-space:nowrap;width:auto}.queue-text.scrolling{animation:marquee-loop 30s linear infinite;animation-delay:1s}.scroll-item{display:inline-block;padding-right:2.5em}.scroll-item:last-child{padding-right:15vw}.controls{flex-wrap:wrap;justify-content:space-between;margin-top:16px}.button-group,.controls{align-items:center;display:flex;gap:12px}.button-group{flex:1 1;justify-content:center}.volume-control{align-items:center;display:flex;flex-direction:column;gap:6px}.volume-control.horizontal{flex-direction:row;gap:10px}.control-label{color:#888;font-size:10px;letter-spacing:2px}.volume-slider.horizontal{appearance:none;background:linear-gradient(90deg,#2a2a2a,#555);border-radius:4px;box-shadow:inset 2px 2px 4px #0009,0 1px 0 #ffffff1a;cursor:pointer;height:8px;outline:none;width:100px}.volume-slider.horizontal::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg,#e0e0e0,#888);border:2px solid #333;border-radius:50%;box-shadow:0 2px 6px #000c;cursor:pointer;height:20px;width:20px}.volume-slider.horizontal::-moz-range-thumb{background:linear-gradient(145deg,#e0e0e0,#888);border:2px solid #333;border-radius:50%;box-shadow:0 2px 6px #000c;cursor:pointer;height:20px;width:20px}.control-btn{align-items:center;background:linear-gradient(180deg,#3a3a3a,#2a2a2a 50%,#1f1f1f);border:1px solid #444;border-radius:4px;box-shadow:2px 2px 4px #00000080,inset 0 1px 0 #ffffff1a;color:#ccc;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .1s}.control-btn.icon-only{min-height:48px;min-width:48px;padding:12px}.control-btn:hover:not(:disabled){background:linear-gradient(180deg,#444,#333 50%,#252525);color:#fff}.control-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #000c;transform:translateY(1px)}.control-btn:disabled{cursor:not-allowed;opacity:.4}.control-btn.primary{font-size:14px;min-width:120px;padding:12px 24px}.control-btn.primary.muted{color:#888;opacity:.5}.control-btn.secondary{background:linear-gradient(180deg,#2a2a2a,#1a1a1a)}.control-btn.rectangular{font-size:13px;min-width:120px;padding:12px 16px}.control-btn.back-to-live-btn{min-width:96px;padding:12px}.fav-controls{display:flex;gap:8px}.fav-controls.split{border-radius:4px;gap:0;overflow:hidden}.fav-controls.split .fav-btn{border-radius:0;border-right:none;min-height:48px;min-width:48px;padding:12px}.fav-controls.split .fav-btn:last-child{border-left:1px solid #222;border-right:1px solid #444}.footer{color:#555;font-size:10px;letter-spacing:1px;margin-top:10px;text-align:center}.toast{animation:slideDown .3s ease;background:#1a1a1a;border:2px solid #ffb000;border-radius:4px;box-shadow:0 4px 12px #000c;color:#ffb000;font-size:14px;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.toast.toast-error{border-color:#f30;color:#f30}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes marquee-loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-continuous{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.head-unit{padding:16px}.controls{gap:8px}.control-btn{font-size:11px;padding:8px 12px}.queue-display{grid-template-columns:1fr}}.head-unit-top{background:linear-gradient(180deg,#2a2a2a,#1a1a1a 50%,#0f0f0f);border:2px solid #333;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 20px 60px #000000e6,inset 0 1px 0 #ffffff1a;max-width:650px;padding:24px 24px 2px;position:relative;width:100%;z-index:2}.head-unit-top:after,.head-unit-top:before{background:radial-gradient(circle at 30% 30%,#666 0,#222 100%);border-radius:50%;content:"";height:8px;position:absolute;top:12px;width:8px}.head-unit-top:before{left:12px}.head-unit-top:after{right:12px}.head-unit-bottom{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:2px solid #333;border-radius:0 0 12px 12px;border-top:none;left:0;max-width:650px;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:1}.footer{width:100%}.tray-toggle{background:linear-gradient(180deg,#3a3a3a,#2a2a2a 50%,#1f1f1f);border:1px solid #444;border-radius:4px;box-shadow:2px 2px 4px #00000080,inset 0 1px 0 #ffffff1a;color:#ccc;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:10px;letter-spacing:2px;margin:24px auto;padding:3px 24px;transition:all .1s;width:90%}.tray-toggle:hover{background:linear-gradient(180deg,#444,#333 50%,#252525);color:#fff}.info-tray{max-height:0;overflow:hidden;transition:max-height .3s ease}.info-tray.open{max-height:200px}.tray-content{display:flex;flex-direction:column;gap:8px;padding:2px 16px 30px}.tray-item{border-radius:4px;color:#fff;cursor:pointer;font-size:12px;letter-spacing:1px;opacity:.7;padding:6px;text-align:center;transition:opacity .2s}.tray-item:hover{background:#ffb0000d;opacity:1}.ios-hint{color:#ffb000;font-size:11px;line-height:1.6;margin-top:8px;opacity:.9;text-align:center}.radio-wrapper{align-items:center;display:flex;flex-direction:column;max-width:650px;position:relative;width:100%}
/*# sourceMappingURL=main.789392ff.css.map*/