:root{--primary-color:#ff1e00;--secondary-color:#f35555;--background-dark:#0a0a0a;--background-light:#1a1a1a;--text-primary:#ffffff;--text-secondary:#b0b0b0;--success-color:#00d26a;--warning-color:#ff9500;--error-color:#ff3b30;--border-radius:20px;--transition:all .3s ease;--shadow:0 15px 35px rgba(0,0,0,.5);--shadow-small:0 5px 15px rgba(0,0,0,.3);}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--background-dark),#002b5a);color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;line-height:1.6;}.player{background:rgba(26,26,26,.95);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:420px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;}.player::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));}.radio-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;}.frequency{background:var(--primary-color);color:white;padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;letter-spacing:.5px;}.album-art-container{width:140px;height:140px;margin:20px auto;border-radius:50%;padding:8px;background:rgba(248,245,245,.05);box-shadow:0 10px 25px rgba(0,102,204,.3);}.album-art{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-small);}h1{font-size:28px;margin:10px 0 5px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;}.slogan{font-size:16px;margin-bottom:15px;color:var(--text-secondary);font-weight:500;}.now-playing-container{background:rgba(255,255,255,.05);padding:15px;border-radius:12px;margin:20px 0;border:1px solid rgba(255,255,255,.05);}.now-playing{font-size:15px;color:var(--text-primary);font-weight:600;min-height:24px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;}.custom-audio-controls{display:flex;flex-direction:column;align-items:center;margin:25px 0;gap:15px;}.play-pause-btn{width:60px;height:60px;border-radius:50%;background:var(--primary-color);border:none;color:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 5px 15px rgba(255,30,0,.4);position:relative;}.play-pause-btn:hover{background:var(--secondary-color);transform:scale(1.05);box-shadow:0 8px 20px rgba(243,85,85,.5);}.play-pause-btn.playing::before{content:'❚❚';}.play-pause-btn:not(.playing)::before{content:'▶';position:relative;left:2px;}.volume-control{display:flex;align-items:center;gap:10px;width:100%;max-width:200px;}.volume-icon{font-size:20px;opacity:.8;min-width:24px;}.volume-slider{flex:1;height:5px;background:rgba(255,255,255,.2);border-radius:5px;outline:none;cursor:pointer;transition:var(--transition);}.volume-percent{font-size:12px;font-weight:600;color:var(--text-secondary);min-width:35px;text-align:center;}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:2px solid white;transition:var(--transition);}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:2px solid white;transition:var(--transition);box-sizing:border-box;}.volume-slider:hover,.volume-slider:focus{background:rgba(255,255,255,.3);}.volume-slider::-webkit-slider-thumb:hover,.volume-slider::-moz-range-thumb:hover{background:var(--secondary-color);transform:scale(1.1);}.status{margin-top:15px;font-size:14px;min-height:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;}.status::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--text-secondary);transition:var(--transition);}.status.online::before{background:var(--success-color);animation:pulse 2s infinite;}.status.offline::before{background:var(--warning-color);}.status.error::before{background:var(--error-color);}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-container{margin-top:15px;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}.equalizer{display:flex;align-items:end;gap:4px;height:28px;margin-bottom:8px;padding:0 10px;}.equalizer-bar{width:5px;background:linear-gradient(to top,var(--primary-color) 0%,var(--secondary-color) 70%,#ff9500 100%);border-radius:3px;animation:equalizer-dance 1.8s ease-in-out infinite;box-shadow:0 0 8px rgba(255,30,0,.3);}.equalizer-bar:nth-child(1){height:30%;animation-delay:0s;}.equalizer-bar:nth-child(2){height:50%;animation-delay:.2s;}.equalizer-bar:nth-child(3){height:70%;animation-delay:.4s;}.equalizer-bar:nth-child(4){height:90%;animation-delay:.6s;}.equalizer-bar:nth-child(5){height:100%;animation-delay:.8s;}.equalizer-bar:nth-child(6){height:90%;animation-delay:1.0s;}.equalizer-bar:nth-child(7){height:70%;animation-delay:1.2s;}.equalizer-bar:nth-child(8){height:50%;animation-delay:1.4s;}.equalizer-bar:nth-child(9){height:40%;animation-delay:1.6s;}.equalizer-bar:nth-child(10){height:30%;animation-delay:.8s;}@keyframes equalizer-dance{0%,100%{transform:scaleY(1);opacity:.7}25%{transform:scaleY(1.8);opacity:1}50%{transform:scaleY(.8);opacity:.9}75%{transform:scaleY(1.4);opacity:1}}.status-text{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;min-height:20px;}.equalizer.playing{display:flex;}.equalizer.muted{opacity:.5;}.equalizer.paused .equalizer-bar{animation-play-state:paused;opacity:.6;}#bigplay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:rgba(255,30,0,.95);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;color:white;font-size:40px;transition:var(--transition);box-shadow:var(--shadow);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2);border:none;}#bigplay:hover{background:rgba(243,85,85,.95);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 20px 40px rgba(0,0,0,.6);}.player.loading{opacity:.7;pointer-events:none;}.retry-button{background:var(--primary-color);color:white;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;margin-top:15px;font-size:14px;transition:var(--transition);font-weight:600;box-shadow:var(--shadow-small);}.retry-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(243,85,85,.4);}.player-stats{display:flex;justify-content:space-around;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);}.stat{text-align:center;flex:1;}.stat-value{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:4px;}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:500;}@media (max-width:768px){.player{padding:25px;max-width:400px}.album-art-container{width:130px;height:130px}h1{font-size:26px}}@media (max-width:480px){body{padding:0;display:block;min-height:100vh;height:100vh;overflow:hidden}.player{padding:25px 20px;margin:0;border-radius:0;max-width:none;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;box-shadow:none;border:none}.radio-header{margin-bottom:15px}.album-art-container{width:120px;height:120px;margin:15px auto}h1{font-size:24px;margin:8px 0 4px}.slogan{font-size:15px;margin-bottom:12px}.now-playing-container{margin:15px 0;padding:12px}.now-playing{font-size:15px}.custom-audio-controls{margin:20px 0}.play-pause-btn{width:55px;height:55px;font-size:18px}.volume-control{width:90%}.volume-slider{width:auto}.status{margin-top:12px;font-size:13px}.player-stats{margin-top:20px;padding-top:15px}.stat-value{font-size:16px}.stat-label{font-size:10px}#bigplay{width:90px;height:90px;font-size:35px}.equalizer-bar{width:3px}.equalizer{gap:2px;height:18px}.status-text{font-size:13px}}@media (max-height:600px) and (max-width:480px){.player{padding:20px;justify-content:flex-start;overflow-y:auto}.album-art-container{width:100px;height:100px;margin:10px auto}h1{font-size:22px;margin:6px 0 3px}.slogan{font-size:14px;margin-bottom:10px}.now-playing-container{margin:12px 0;padding:10px}.now-playing{font-size:14px}.custom-audio-controls{margin:15px 0}.player-stats{margin-top:15px;padding-top:12px}}@media (max-width:320px){.player{padding:20px 15px}.album-art-container{width:100px;height:100px}h1{font-size:22px}.slogan{font-size:14px}.play-pause-btn{width:50px;height:50px;font-size:16px}.volume-control{gap:5px}.volume-percent{font-size:10px;min-width:25px}.custom-audio-controls{gap:10px}}button:focus-visible,.volume-slider:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.status.online::before{animation:none}}