*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fffffff2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}html,body{min-height:100vh;margin:0;padding:0}body{flex-direction:column;display:flex}#root{flex-direction:column;flex:1;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{color:#fff;background:#c006}:focus-visible{outline-offset:2px;outline:2px solid #c009}button{font-family:inherit}input[type=range],input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 6px #0000004d}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 6px #0000004d,0 0 0 3px #c006}.app{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.background-effects{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#c00 0%,#f33 100%);width:600px;height:600px;animation-delay:0s;top:-200px;left:-100px}.orb-2{background:linear-gradient(135deg,#900 0%,#c00 100%);width:500px;height:500px;animation-delay:-7s;bottom:-150px;right:-100px}.orb-3{background:linear-gradient(135deg,#f44 0%,#c00 100%);width:400px;height:400px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(-30px,-20px)scale(1.02)}}.app-header{justify-content:center;align-items:center;padding:1.5rem 2rem;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.logo-icon{font-size:2rem;animation:2s ease-in-out infinite pulse}.logo-text{background:linear-gradient(135deg,#fff 0%,#f66 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-main{flex:1;justify-content:center;align-items:center;padding:1rem 2rem 2rem;display:flex}.app-footer{text-align:center;padding:1.5rem}.app-footer p{color:#ffffff80;letter-spacing:.05em;margin:0;font-size:.875rem}.radio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f2399;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}.visualizer-container{width:100%;height:300px;position:relative;overflow:hidden}.audio-visualizer{background:0 0;display:block}.visualizer-overlay{background:linear-gradient(#0000 0%,#0f0f23f2 100%);padding:2rem;position:absolute;bottom:0;left:0;right:0}.now-playing{flex-direction:column;gap:.75rem;display:flex}.now-playing .label{letter-spacing:.15em;color:#ffffff80;text-transform:uppercase;font-size:.7rem;font-weight:600}.station-info{align-items:center;gap:1rem;display:flex}.station-logo{background:#c003;border:1px solid #cc00004d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.station-details h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.station-details p{color:#fff9;margin:.25rem 0 0;font-size:.875rem}.now-playing-track{min-width:120px;max-width:min(65%,250px);margin-top:.25rem}.marquee-container{position:relative;overflow:hidden}.marquee-container:has(.scrolling){-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-content{display:inline-flex}.marquee-content.scrolling{animation:15s linear infinite marquee}.marquee-text{white-space:nowrap;color:#fff9;font-size:.875rem;display:inline-block}.marquee-content:not(.scrolling) .marquee-text{text-overflow:ellipsis;max-width:100%;overflow:hidden}.marquee-content.scrolling .marquee-text{padding-right:3rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container:hover .marquee-content.scrolling{animation-play-state:paused}.controls-container{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.main-controls{align-items:center;gap:1.5rem;display:flex}.play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c00 0%,#f33 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;box-shadow:0 4px 15px #c006,0 0 #c006}.play-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #cc000080,0 0 #c006}.play-button:active{transform:scale(.98)}.play-button.playing{animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 4px 15px #c006,0 0 #c006}50%{box-shadow:0 4px 20px #ff3c3c80,0 0 0 10px #c000}}.play-button svg{width:28px;height:28px}.play-button.loading{pointer-events:none}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.volume-control{align-items:center;gap:.75rem;display:flex}.volume-icon{color:#ffffffb3;flex-shrink:0;width:24px;height:24px}.volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;width:100px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#c00 0%,#f33 100%);border-radius:50%;width:16px;height:16px;transition:transform .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#c00 0%,#f33 100%);border:none;border-radius:50%;width:16px;height:16px;transition:transform .2s}.station-selector-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.station-selector-btn:hover{background:#ffffff26;border-color:#fff3}.station-selector-btn svg{width:20px;height:20px;transition:transform .3s}.station-selector-btn svg.rotated{transform:rotate(180deg)}.stations-list{background:#0003;max-height:0;transition:max-height .4s;overflow:hidden}.stations-list.open{max-height:600px}.stations-header{flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 1rem;display:flex}.stations-header h3{letter-spacing:.15em;color:#ffffff80;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#fff6;pointer-events:none;width:18px;height:18px;position:absolute;left:12px}.search-input{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:.625rem 2.5rem;font-family:inherit;font-size:.875rem;transition:all .2s}.search-input::placeholder{color:#fff6}.search-input:focus{background:#ffffff1a;border-color:#cc000080}.search-clear{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;right:8px}.search-clear:hover{color:#fff;background:#fff3}.search-clear svg{width:14px;height:14px}.no-results{text-align:center;padding:2rem 1.5rem}.no-results p{color:#ffffff80;margin:0;font-size:.875rem}.stations-grid{grid-template-columns:repeat(2,1fr);align-content:start;gap:.75rem;min-height:calc(210px + 1.5rem);padding:0 1.5rem;display:grid}.pagination{justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#cc00004d;border-color:#cc000080}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn svg{width:20px;height:20px}.pagination-info{color:#fff9;text-align:center;min-width:50px;font-size:.875rem}.station-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem;transition:all .3s;display:flex}.station-card:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.station-card.active{background:#c003;border-color:#c006}.station-emoji{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.station-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.station-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.station-genre{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.playing-indicator{align-items:flex-end;gap:2px;height:16px;margin-left:auto;display:flex}.playing-indicator span{background:linear-gradient(#f55,#c00);border-radius:1px;width:3px;animation:.8s ease-in-out infinite equalizer}.playing-indicator span:first-child{height:60%;animation-delay:0s}.playing-indicator span:nth-child(2){height:100%;animation-delay:.2s}.playing-indicator span:nth-child(3){height:40%;animation-delay:.4s}@keyframes equalizer{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@media (max-width:640px){.app-header{padding:1rem 1.5rem}.app-main{padding:1rem}.radio-player{border-radius:20px}.visualizer-container{height:250px}.visualizer-overlay{padding:1.5rem}.station-logo{width:50px;height:50px;font-size:2rem}.station-details h2{font-size:1.25rem}.controls-container{flex-direction:column;padding:1.25rem 1.5rem}.main-controls{justify-content:center;width:100%}.play-button{width:56px;height:56px}.volume-slider{width:80px}.station-selector-btn{justify-content:center;width:100%}.stations-grid{grid-template-columns:1fr}}