*{box-sizing:border-box;margin:0;padding:0}body{color:#ffb000;font-family:Courier New,monospace}.site-gate,body{background:#0a0a0a}.site-gate{align-items:center;display:flex;justify-content:center;min-height:100vh}.site-gate-message{color:#ffb000;font-size:20px;font-weight:700;letter-spacing:3px;text-shadow:0 0 10px #ffb00080}.site-gate-input{background:#0000;border:1px solid #1a1a1a;border-radius:2px;bottom:14px;height:20px;outline:none;padding:0;position:fixed;right:14px;transition:width .2s,background .2s;width:20px}.site-gate-input:focus{background:#111;border-color:#333;width:140px}.radio-container{align-items:flex-start;background-color:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:140px 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}.track-artist{font-size:3vw}.queue-label{font-size:2.625vw}.queue-text{font-size:2.71vw}.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}.controls{gap:2vw}.button-group{gap:2vw;margin-top:3vw}.radio-container{align-items:flex-start;padding-top:clamp(60px,40vw,140px)}@media (max-width:768px) and (hover:hover){.radio-container{padding-top:160px}}}.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;min-height:160px;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;transition:all .3s ease}.station-badge.off{background:linear-gradient(135deg,#333,#222);color:#555}.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;text-transform:uppercase}.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-wrapper{overflow:hidden;width:100%}.track-title.scrolling{animation:marquee-title 18s linear infinite;animation-delay:.5s;display:inline-block;white-space:nowrap}.title-copy{padding-right:1em}.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}.progress-fill.track-changed{animation:progress-fade-in .1s ease-in;transition:none}@keyframes progress-fade-in{0%{opacity:0}to{opacity:1}}.queue-display-single{border:2px solid #1a1a1a;border-radius:3px;box-shadow:inset 2px 2px 4px #000c;height:60px;margin-bottom:16px;overflow:hidden;position:relative}.queue-display-single,.toast-overlay{background:linear-gradient(180deg,#0a0d0a,#0f140f 50%,#0a0d0a);padding:8px 12px}.toast-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.queue-display-single.promo{border-color:#2a2a2a}.promo-message{align-items:center;display:flex;font-size:13px;height:100%;justify-content:center;letter-spacing:.5px;text-align:center}.promo-message,.queue-label{color:#ffb000;font-weight:700;text-shadow:0 0 4px #ffb00080}.queue-label{font-size:14px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.queue-label.toast-error{color:#f53;text-shadow:0 0 4px #ff553380}.toast-message-full{color:#ffb000;font-size:13px;font-weight:700;letter-spacing:.5px;line-height:1.3;text-align:center;text-shadow:0 0 4px #ffb00080}.toast-message-full.toast-error{color:#f53;text-shadow:0 0 4px #ff553380}.shared-prompt-overlay{align-items:flex-start;background:#050505b3;display:flex;inset:0;justify-content:center;padding:250px 24px 24px;position:fixed;z-index:500}.shared-prompt-card{background:linear-gradient(180deg,#1a1a1a,#111);border:1px solid #333;border-radius:10px;box-shadow:0 0 24px #ffb00014;max-width:230px;padding:28px 20px;text-align:center;width:100%}.shared-prompt-brand{color:#ffb000;font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-shadow:0 0 4px #ffb00066;text-transform:uppercase}.shared-prompt-label{color:#999;font-size:11px;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.shared-prompt-line{color:#999;font-size:15px;margin-bottom:6px}.shared-prompt-line:last-of-type{margin-bottom:20px}.shared-prompt-actions{display:flex;gap:10px;justify-content:center}.shared-prompt-actions button{border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 18px}.shared-prompt-play{background:#ffb000;border:1px solid #ffb000;color:#1a1a1a}.queue-text{color:#ffb000;display:inline-block;font-size:13px;opacity:.8;white-space:nowrap;width:auto}.queue-text.scrolling{animation:marquee-loop 40s linear infinite;animation-delay:1s}.scroll-item{display:inline-block;padding-right:0}.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}.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.primary.active{box-shadow:2px 2px 4px #00000080,inset 0 1px 0 #ffffff1a,0 0 2px #ffb00066;color:#ffb000}.control-btn.primary:not(.active){color:#ccc}.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}.control-btn.fav-btn.active{box-shadow:2px 2px 4px #00000080,inset 0 1px 0 #ffffff1a,0 0 4px #ffb00080;color:#ffb000}.heart-fill-rect{y:24px}.heart-icon.heart-full .heart-fill-rect{y:0}.heart-icon.heart-filling .heart-fill-rect{animation:heart-fill-rise 2s ease-out forwards}@keyframes heart-fill-rise{0%{y:24px}to{y:0}}.footer{color:#555;font-size:10px;letter-spacing:1px;margin-top:10px;text-align:center}@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 marquee-title{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@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:0 solid #050505;border-radius:12px 12px 0 0;box-shadow:0 10px 60px #000000e6,inset 0 1px 0 #ffffff1a;max-width:650px;padding:24px 24px 22px;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,#121212,#0d0d0d 50%,#080808);border:2px solid #262626;border-radius:0 0 12px 12px;box-shadow:inset 0 4px 6px #000000b3,0 10px 24px #000000b3;left:0;max-width:650px;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:3}.footer{margin-top:0;padding-top:0;width:100%}.tray-toggle{border:1px solid #444;border-radius:8px;box-shadow:4px 2px 4px #00000080,inset 0 1px 0 #ffffff1a;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:10px;letter-spacing:2px;margin:-4px 0 0 50%;padding:4px 20px;transform:translateX(-50%);transition:all .1s;width:calc(100% + 8px)}.tray-toggle,.tray-toggle:hover:not(:disabled){background:linear-gradient(180deg,#323232,#222 50%,#171717);color:#fff}.tray-toggle:disabled{cursor:not-allowed;opacity:.4}.tray-toggle.active{box-shadow:2px 2px 4px #00000080,inset 0 1px 0 #ffffff26,0 0 2px #ffb00099;color:#ffb000}.tray-toggle.active:hover{color:#ffb000}.info-tray{max-height:0;overflow:hidden;transition:max-height .3s ease}.info-tray.open{max-height:340px}.tray-content{display:flex;flex-direction:column;gap:8px;padding:2px 16px 44px}.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.backgrounded{filter:grayscale(100%) brightness(.7);transition:filter .5s ease}.radio-wrapper.backgrounded .power-btn{animation:pulse-amber-slow 5s ease-in-out infinite!important;color:#ffb000;filter:grayscale(0) brightness(1)!important}.radio-wrapper.backgrounded .led.active{background:#888;box-shadow:0 0 8px #888;filter:none!important}.radio-wrapper.backgrounded .btn-disabled{animation:none!important;opacity:.4!important;pointer-events:none!important}.radio-wrapper.backgrounded .control-btn:not(.primary.icon-only){opacity:.4;pointer-events:none}.radio-wrapper.backgrounded .tray-toggle{opacity:.4}@keyframes pulse-amber{0%,to{box-shadow:none;color:#555}50%{box-shadow:0 0 8px #ffb00099;color:#ffb000}}@keyframes pulse-amber-slow{0%,to{box-shadow:none;color:#555}50%{box-shadow:0 0 16px #ffb000;color:#ffb000}}.control-btn.primary.icon-only.power-btn:not(.active){animation:pulse-amber 2s ease-in-out infinite}.radio-wrapper.backgrounded .power-btn{animation:pulse-amber-slow 4s ease-in-out infinite!important}.radio-wrapper{align-items:center;display:flex;flex-direction:column;max-width:650px;position:relative;width:100%}.tray-sub{color:#aaa;font-size:11px;letter-spacing:.5px;margin-top:4px}.tray-item.tray-language{cursor:default}.tray-item.tray-language:hover{background:none}.tray-flags{align-items:center;display:flex;gap:56px;justify-content:center;margin-top:10px}.tray-flag{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;cursor:pointer;font-size:30px;line-height:1;min-height:0;min-width:0;opacity:.6;padding:4px 5px;transition:opacity .2s,border-color .2s,background .2s,box-shadow .2s}.tray-flag:hover{opacity:.85}.tray-flag.active{background:#ffb0001f;border-color:#ffb000;box-shadow:0 0 6px #ffb00066;opacity:1}@media (max-width:480px){.button-group{gap:6px}.control-btn.primary.icon-only{min-height:42px;padding:8px 22px}.fav-controls.split .fav-btn{min-height:42px;min-width:42px;padding:10px}}