@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900";@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";html{width:100%;height:100%;overflow:hidden}body{cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);width:100%;min-width:360px;height:100%;min-height:360px;color:var(--text-primary);z-index:1;user-select:none;background-image:url(/background.svg);background-repeat:no-repeat;background-size:cover;min-width:440px;margin:0;padding:0;font-family:Lato,sans-serif;font-size:1em;font-style:normal;position:absolute;inset:0;overflow:auto}body:before{content:"";pointer-events:none;opacity:.8;z-index:-1;background-image:url(/logo.svg);background-repeat:no-repeat;background-size:100%;width:200px;height:200px;position:absolute;top:33%;left:calc(50% - 100px)}body #root{flex-direction:column;display:flex;overflow:hidden}body #root .app{color:var(--text-primary);background:var(--bg-primary);border-radius:12px;flex-direction:column;max-width:600px;margin:0 auto;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 2000px #000}body #root .app:before{content:"";background-color:#8080804d;background-image:radial-gradient(circle,#0003 20%,#0000 25%),radial-gradient(circle,#ffffff1a 20%,#0000 30%),radial-gradient(circle,#0003 20%,#0000 30%);background-position:0 0,1px 1px,-1px -1px;background-size:20px 20px;position:absolute;inset:0}body #root .app .credit:before{content:"";pointer-events:none;z-index:-1;background-image:url(/biglogic.svg);background-repeat:no-repeat;background-size:100%;width:150px;height:50px;position:absolute;bottom:0;right:20px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}fieldset{border:1px solid var(--border-color);border-radius:12px;padding:10px}fieldset legend{padding:0 10px}.horizontal-align{justify-content:space-between;align-items:center;gap:12px;display:flex}.horizontal-align input[type=text]{width:100%}.horizontal-align button[type=button]{align-items:center;gap:8px;display:flex}.horizontal-align button[type=button] img{filter:invert(.5)}.buy-btn{border:2px solid green;transition:all .5s}.buy-btn:hover{background:green}hr{border:1px dashed var(--border-color);height:0;margin:12px 8px;padding:0;line-height:0}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--rpn-blue:#4285f4;--rpn-red:#ea4335;--rpn-yellow:#fbbc05;--rpn-green:#34a853}.border-card{isolation:isolate;background:0 0;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.border-card:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--angle), var(--rpn-blue), var(--rpn-red), var(--rpn-yellow), var(--rpn-green), var(--rpn-blue));animation:4s linear infinite rotate-gradient;position:absolute;inset:0}@keyframes rotate-gradient{to{--angle:360deg}}.fade-in{opacity:0;animation:.25s ease-in-out 1ms forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{will-change:all;backface-visibility:hidden;perspective:1000px;transition:transform .3s;transform:translateZ(0)}input[type=button],input[type=search],button[type=button]{background:var(--card-bg);color:var(--text-primary);border-radius:10px;transition:all .2s}input[type=button]::placeholder,input[type=search]::placeholder,button[type=button]::placeholder{color:var(--text-tertiary)}input[type=button]:focus,input[type=search]:focus,button[type=button]:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4361ee1a}input[type=search]{width:100%;padding-left:36px}input[type=color]{all:unset;width:40px;height:40px}input,button,select{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:8px 12px;transition:all .2s}select{background:var(--card-bg);min-width:90px;color:var(--text-primary);appearance:none;flex:1}select:focus{border-color:var(--accent-primary);outline:none}.slider{-webkit-appearance:none;background:0 0;border:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-7px;transition:transform .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.slider::-webkit-slider-runnable-track{-webkit-appearance:none;background:#464646;width:3px;height:3px}.checkbox .label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox .label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;margin:0 5px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.btn.btn-primary{background:var(--accent-primary);color:#fff}.btn.btn-primary:hover{opacity:.9}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn.btn-secondary:hover{background:var(--border-color)}.btn.reset{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.8rem;transition:all .2s}.btn.reset:hover{background:var(--border-color);color:var(--text-primary)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--accent-primary:#4361ee;--accent-secondary:#3f37c9;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border-color:#dee2e6;--card-bg:#fff;--card-hover:#f8f9fa;--shadow-color:#0000001a;--shadow-color-heavy:#00000026;--grid-color:0, 0, 0}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2d2d2d;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-tertiary:#6c757d;--accent-primary:#4895ef;--accent-secondary:#4361ee;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border-color:#495057;--card-bg:#1e1e1e;--card-hover:#18304b;--shadow-color:#0000004d;--shadow-color-heavy:#00000080;--grid-color:255, 255, 255}@media (prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2d2d2d;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-tertiary:#6c757d;--accent-primary:#4895ef;--accent-secondary:#4361ee;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border-color:#495057;--card-bg:#1e1e1e;--card-hover:#18304b;--shadow-color:#0000004d;--shadow-color-heavy:#00000080;--grid-color:255, 255, 255}}@media (prefers-color-scheme:light){[data-theme=auto]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--accent-primary:#4361ee;--accent-secondary:#3f37c9;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border-color:#dee2e6;--card-bg:#fff;--card-hover:#f8f9fa;--shadow-color:#0000001a;--shadow-color-heavy:#00000026;--grid-color:0, 0, 0}}@media (width>=500px){html,body{zoom:1}}@media (width<620px){.app{border-radius:0!important;min-width:100%!important;margin:0!important}}@media (width<500px){html,body{zoom:.9}html .selected-station-container,body .selected-station-container{font-size:1.1em}html .volume,body .volume{zoom:1.2}html .play-btn,body .play-btn{zoom:1.3}html .controls input,body .controls input{font-size:1.3em!important}html .controls select,html .controls button,body .controls select,body .controls button{font-size:1.1em!important}html .station-nav,body .station-nav{padding:3px;font-size:1.1em!important}html .station-nav .nav-btn,body .station-nav .nav-btn{width:35px!important;height:35px!important}}@media (width<400px){.app-title{font-size:.95em!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0;border-radius:8px}::-webkit-scrollbar-thumb{background:var(--accent-secondary);outline:1px solid var(--accent-primary);cursor:ns-resize;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#f0f;outline:3px solid #f0f;box-shadow:0 0 10px #f0f}.motion{pointer-events:none;mix-blend-mode:color-dodge;opacity:.3;z-index:-1;margin:0;position:absolute;inset:0}.motion canvas{width:100%;height:100%}.motionBackground{pointer-events:none;mix-blend-mode:difference;opacity:.1;z-index:-1;margin:0;position:absolute;inset:0}.motionBackground canvas{width:100%;height:100%}.wave{mix-blend-mode:exclusion;opacity:.5;z-index:1;height:100px;position:absolute;inset:auto 10px -10px 43px;overflow:hidden}.wave canvas{width:100%;height:100%}.eq{z-index:2;content:"";mix-blend-mode:exclusion;width:100%;height:100%;padding:10px 15px;position:absolute}.eq canvas{width:100%;height:100%}.lineWave{z-index:2;opacity:.5;border:1px solid var(--border-color);width:100%;height:60px;margin:-1px 0}.lineWave canvas{width:100%;height:100%}.equalizer{background:var(--bg-secondary);z-index:3;border-radius:0 0 12px;margin:0 14px 3px 0;padding:11px 12px 12px;font-size:.85em;overflow-x:auto;box-shadow:0 18px 40px -10px #000}.equalizer .equalizer-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:5px;display:flex}.equalizer .equalizer-presets label{color:var(--text-secondary);font-size:1em;font-weight:500}.equalizer .equalizer-presets select{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:1em;transition:all .2s}.equalizer .equalizer-presets select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4361ee26}.equalizer .equalizer-band{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:40px;height:65%;display:flex;position:relative}.equalizer .equalizer-bars{border:1px solid var(--border-color);background:linear-gradient(#0003 0%,#0000 40%);border-radius:12px 12px 0 0;justify-content:center;height:120px;margin-bottom:-1px;padding:12px;display:flex;position:relative}.equalizer .equalizer-bars .equalizer-slider-container{flex-direction:column;align-items:center;gap:6px;height:100%;display:flex;position:relative}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]{cursor:pointer;appearance:none;cursor:pointer;writing-mode:vertical-lr;direction:rtl;background:0 0;border:none;border-radius:4px;width:32px;height:100%;padding:0}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to top, var(--bg-tertiary), var(--border-color));border:1px solid var(--border-color);border-radius:4px;width:4px;height:100%}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));cursor:pointer;outline:2px solid var(--card-bg);width:20px;height:10px;margin-left:-9px;transition:all .2s;box-shadow:0 2px 8px #0000004d}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #4361ee66}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]::-moz-range-track{background:linear-gradient(to top, var(--bg-tertiary), var(--border-color));border:1px solid var(--border-color);border-radius:4px;width:32px;height:120px}.equalizer .equalizer-bars .equalizer-slider-container input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));cursor:pointer;border:2px solid var(--card-bg);width:20px;height:10px;box-shadow:0 2px 8px #0000004d}.equalizer .equalizer-freq-label{color:var(--text-primary);text-align:center;font-size:.8em;font-weight:600}.equalizer .equalizer-db-label{color:var(--text-tertiary);text-align:center;font-size:.75em;font-weight:600}.equalizer .bars-container{background:var(--card-bg);border:1px solid var(--border-color);background:linear-gradient(#0000 0%,#0003 80%),linear-gradient(#0003 0%,#0000 10%);justify-content:center;align-items:flex-end;gap:8px;width:100%;height:80px;margin:-1px 0;padding:0 16px;display:flex;position:relative;overflow:hidden}.equalizer .bars-container:before{z-index:1;opacity:.2;content:"";background:linear-gradient(-90deg, rgba(var(--grid-color), .1) 1px, transparent 1px), linear-gradient(rgba(var(--grid-color), .2) 1px, transparent 1px), linear-gradient(rgba(var(--grid-color), .4) 2px, transparent 2px), transparent;background-size:10px 2px,10px 10px,50px 20px;position:absolute;inset:0}.equalizer .bars-container>canvas{z-index:2;content:"";position:absolute}.equalizer .waveform-container{border:1px solid var(--border-color);background:#000c;border-radius:0 0 12px 12px;flex-direction:column;display:flex;position:relative}.equalizer .waveform-container:before{z-index:1;opacity:.1;content:"";background:linear-gradient(-90deg, rgba(var(--grid-color), .2) 1px, transparent 1px), linear-gradient(rgba(var(--grid-color), .5) 1px, transparent 1px), linear-gradient(rgba(var(--grid-color), 1) 1px, transparent 1px), transparent;background-size:10px 10px,10px 12.5px,10px 25px;position:absolute;inset:0}.equalizer .waveform-container .waveform-canvas{justify-content:flex-end;width:100%;height:25px;display:flex;position:relative}.equalizer .waveform-container .waveform-canvas>canvas{z-index:2;content:"";width:calc(100% - 20px);height:100%;position:absolute}.equalizer .waveform-container .waveform-canvas>span{position:absolute;top:5px;left:8px}.equalizer .waveform-container .waveform-canvas.left{color:red}.equalizer .waveform-container .waveform-canvas.right{color:#fff;opacity:.5}.equalizer .visualizer-bars{border:1px solid var(--border-color);background:linear-gradient(#4361ee1a 0%,#0000 100%);border-radius:12px;justify-content:center;align-items:flex-end;gap:3px;height:80px;margin-bottom:16px;padding:16px 12px;display:flex}.equalizer .visualizer-bar{border-radius:3px 3px 0 0;width:6px;min-height:4px;transition:height 80ms ease-out;position:relative}.equalizer .visualizer-bar:after{content:"";background:linear-gradient(#fff6,#0000);border-radius:3px 3px 0 0;height:30%;position:absolute;top:0;left:0;right:0}.equalizer .stereo-wrapper{align-items:center;gap:4px;display:flex}.equalizer .stereo-indicator{border:2px solid #0000;border-radius:50%;width:12px;height:12px;transition:all .3s;animation:2s infinite stereoPulse;display:inline-block}.equalizer .stereo-indicator.unknown{background:#666;box-shadow:0 0 #6660}.equalizer .stereo-indicator.mono{background:#ff6b6b;box-shadow:0 0 5px #ff6b6b80}.equalizer .stereo-indicator.stereo{background:#4caf50;box-shadow:0 0 10px #4caf50}@keyframes stereoPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.play-bar{background:var(--bg-secondary);z-index:2}.play-bar .selected-station-container{opacity:.9;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:0 40px 40px 0;justify-content:space-between;align-items:center;height:auto;min-height:60px;margin:0 10px 0 0;padding:12px;display:flex;position:relative;overflow:hidden}.play-bar .play-btn{--rc:#ffffff80;cursor:pointer;border:none;border:8px solid var(--rc);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-left:12px;padding:0;font-size:1.2em;line-height:0;transition:all .2s;display:flex}.play-bar .play-btn img{width:35px}.play-bar .play-btn:hover{background:#ffffff4d;transform:scale(1.05)}.play-bar .play-btn:active{transform:scale(.95)}.play-bar .play-btn.playing{box-shadow:0 0 20px var(--rc);background:#ffffff80;animation:2s linear infinite rotateColors}@keyframes rotateColors{0%,to{border-top-color:green;border-right-color:var(--rc);border-bottom-color:var(--rc);border-left-color:var(--rc)}25%{border-top-color:var(--rc);border-right-color:green;border-bottom-color:var(--rc);border-left-color:var(--rc)}50%{border-top-color:var(--rc);border-right-color:var(--rc);border-bottom-color:green;border-left-color:var(--rc)}75%{border-top-color:var(--rc);border-right-color:var(--rc);border-bottom-color:var(--rc);border-left-color:green}}.volume{flex-direction:column;align-items:center;gap:6px;display:flex}.volume label{color:#fff;font-size:1em;font-weight:600}.volume input[type=range]{cursor:pointer;background:0 0;background:var(--border-color);appearance:none;cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;max-width:200px;height:6px;padding:0}.volume input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));cursor:pointer;border:2px solid var(--card-bg);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.volume input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));cursor:pointer;border:2px solid var(--card-bg);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.info{flex:1;align-items:center;gap:12px;min-width:0;line-height:1.2em;display:flex;position:relative}.info .favorite-btn{cursor:pointer;color:var(--warning);border:none;padding:0;font-size:25px;position:absolute;bottom:0;left:0;background:0 0!important}.info .station-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.info .name{white-space:nowrap;text-overflow:ellipsis;margin-left:0;font-size:1.3em;font-weight:900;position:relative;overflow:hidden}.info .style{opacity:.9;margin:2px 0 0 25px;font-size:.8em}.controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:11;border-radius:0 0 20px;padding:5px 10px 10px;position:relative;box-shadow:0 40px 20px -30px #000000a3}.controls .search-box{margin-bottom:8px;position:relative}.controls .search-box .search-icon{filter:invert(.5);width:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.controls .filter-controls{gap:8px;display:flex}.controls .filter-controls select,.controls .filter-controls button{height:30px;padding:2px 5px}.controls .filter-controls .equalizer-btn{padding:0 15px}.controls .filter-controls .favorites-btn{white-space:nowrap;padding:0 18px 0 15px;position:relative}.controls .filter-controls .favorites-btn span{aspect-ratio:1;background:var(--accent-secondary);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:20px;padding:3px;font-size:.65em;display:flex;position:absolute;top:-8px;right:-6px}.controls .active{background:var(--accent-primary);color:#fff}.beta{color:#fff;z-index:1;background:#f71244;border-radius:0 0 10px;padding:0 20px;font-size:.6em;position:absolute;top:0;left:0}.user{z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 5px;font-size:.8em;display:flex}.user img{border-radius:50%;width:50px;margin-right:10px}.user>div{flex-flow:column;align-items:flex-start;width:100%;display:flex}.options .license{border-bottom:1px solid var(--border-color)}.options p{padding:0 20px}.options .gpay-button{border:4px solid var(--border-color);background-position:50%;background-repeat:no-repeat;background-size:70%;min-width:152px;outline:1px solid #0000004d!important}.options fieldset{background:linear-gradient(180deg, var(--bg-secondary), var(--bg-primary))}.options fieldset legend{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:5px 30px}.options .colors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.options .colors .color.active{border-color:var(--text-primary);transform:scale(1.5)!important}.options .colors .color:hover{transform:scale(1.15)}.options .reset-btn{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-top:8px;padding:4px 12px;font-size:12px}.options .reset-btn:hover{background:var(--bg-tertiary)}.options-backdrop{backdrop-filter:blur(10px);z-index:999;background:#0000004d;position:fixed;inset:0}.options{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px;flex-direction:column;padding:0;display:flex;position:absolute;inset:40px 20px 20px;overflow:hidden}.options .container{background:var(--shadow-lg);height:100%;padding:10px;overflow:auto}.options section,.options header,.options footer{padding:16px}.options section:hover{background:#0003}.options h2{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 12px;font-size:.875rem;font-weight:600}.options header{border-bottom:1px solid var(--border-color)}.options header h1{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.options header .close{cursor:pointer;opacity:.3;font-family:montserrat;font-weight:900;transition:all .5s;position:absolute;top:20px;right:20px}.options header .close:hover{opacity:1}.options .settings{border-bottom:1px solid var(--border-color)}.options .item{flex-direction:column;gap:8px;margin:6px;display:flex}.options .item:last-child{margin-bottom:0}.options .item label{color:var(--text-primary);font-size:.875rem}.options .item label .value{float:right;color:var(--text-secondary);font-weight:500}.options .item select,.options .item input[type=range]{width:100%}.options .item input[type=text],.options .item select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:.875rem}.options .item input[type=text]:focus,.options .item select:focus{border-color:var(--accent-primary);outline:none}.options footer{border-top:1px solid var(--border-color);display:flex}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.errors{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.errors h2{margin:0;font-size:7em!important}.errors h3{margin:0;font-size:3em}.errors h4{max-width:500px;margin:10px 0;font-size:1.2em;font-weight:100}.error-retry-btn{background:var(--accent-color,#00d4ff);color:var(--bg-color,#000);cursor:pointer;border:none;border-radius:6px;margin-top:20px;padding:12px 24px;font-size:1rem;transition:opacity .2s}.error-retry-btn:hover{opacity:.8}.station-nav{justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9em;display:flex}.station-nav .nav-btn{cursor:pointer;background:0 0;background:var(--card-bg);border:none;border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.station-nav .nav-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.3)}.station-nav .nav-btn:hover img{filter:invert()}.station-nav .nav-btn:active{transform:scale(.95)}.station-nav .nav-btn img{filter:invert(.5);width:80%}.station-nav .nav-counter{color:var(--text-secondary);text-align:center;min-width:60px;font-size:1em}.header{background:var(--bg-secondary);padding:5px 16px;font-size:1em;position:relative}.header .menu-btn{filter:invert(.5);width:40px}.header .header-content{justify-content:space-between;align-items:center;height:42px;display:flex}.header .header-content h1{color:gray;align-items:center;gap:8px;margin:0;font-size:1.3em;font-weight:700;display:flex}.header .header-content h1 .radio-icon{width:40px}.header .header-content h1 span{background:-webkit-linear-gradient(#eee,#333);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.g-btn button{letter-spacing:.25px;box-sizing:border-box;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;background-image:none;border-radius:25px;justify-content:space-between;align-items:center;gap:8px;height:35px;padding:0 12px;font-size:.9em;display:flex;position:relative;overflow:hidden}.g-btn button img{width:18px}.g-btn button:hover{background-color:var(--bg-tertiary);outline:2px solid #8080804b}.spectrograph{color:#64fd64;opacity:.2;align-items:flex-end;width:88%;height:20px;margin:0 10px 0 45px;display:flex;position:absolute;bottom:8px;overflow:hidden;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='spectrograph' x='0' y='0' width='6px' height='4px' patternUnits='userSpaceOnUse'%3E%3Crect x='0' y='2px' width='6px' height='2px' fill='%23000'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23spectrograph)'%3E%3C/rect%3E%3C/svg%3E")}.spectrograph__bar{transform-origin:bottom;will-change:transform;background:currentColor;flex:0 0 6px;height:100%;margin:0 1px 0 0;animation:1.1s steps(5,start) infinite alternate animation;transform:translateY(100%)}.spectrograph__bar:first-child{animation-name:animation2;animation-duration:1.6s;animation-delay:50ms}.spectrograph__bar:nth-child(2){animation-name:animation3;animation-duration:1.7s;animation-delay:.1s}.spectrograph__bar:nth-child(3){animation-name:animation2;animation-duration:1.8s;animation-delay:.15s}.spectrograph__bar:nth-child(4){animation-name:animation2;animation-duration:1.6s;animation-delay:.2s}.spectrograph__bar:nth-child(5){animation-name:animation1;animation-duration:1.7s;animation-delay:.25s}.spectrograph__bar:nth-child(6){animation-name:animation2;animation-duration:1.6s;animation-delay:.3s}.spectrograph__bar:nth-child(7){animation-name:animation2;animation-duration:1.6s;animation-delay:.35s}.spectrograph__bar:nth-child(8){animation-name:animation1;animation-duration:1.8s;animation-delay:.4s}.spectrograph__bar:nth-child(9){animation-name:animation1;animation-duration:1.8s;animation-delay:.45s}.spectrograph__bar:nth-child(10){animation-name:animation3;animation-duration:1.7s;animation-delay:.5s}.spectrograph__bar:nth-child(11){animation-name:animation1;animation-duration:1.7s;animation-delay:.55s}.spectrograph__bar:nth-child(12){animation-name:animation2;animation-duration:1.6s;animation-delay:.6s}.spectrograph__bar:nth-child(13){animation-name:animation2;animation-duration:1.7s;animation-delay:.65s}.spectrograph__bar:nth-child(14){animation-name:animation3;animation-duration:1.7s;animation-delay:.7s}.spectrograph__bar:nth-child(15){animation-name:animation1;animation-duration:1.8s;animation-delay:.75s}.spectrograph__bar:nth-child(16){animation-name:animation3;animation-duration:1.8s;animation-delay:.8s}.spectrograph__bar:nth-child(17){animation-name:animation1;animation-duration:1.8s;animation-delay:.85s}.spectrograph__bar:nth-child(18){animation-name:animation3;animation-duration:1.7s;animation-delay:.9s}.spectrograph__bar:nth-child(19){animation-name:animation2;animation-duration:1.6s;animation-delay:.95s}.spectrograph__bar:nth-child(20){animation-name:animation2;animation-duration:1.8s;animation-delay:1s}.spectrograph__bar:nth-child(21){animation-name:animation2;animation-duration:1.8s;animation-delay:1.05s}.spectrograph__bar:nth-child(22){animation-name:animation1;animation-duration:1.7s;animation-delay:1.1s}.spectrograph__bar:nth-child(23){animation-name:animation3;animation-duration:1.6s;animation-delay:1.15s}.spectrograph__bar:nth-child(24){animation-name:animation2;animation-duration:1.8s;animation-delay:1.2s}.spectrograph__bar:nth-child(25){animation-name:animation1;animation-duration:1.7s;animation-delay:1.25s}.spectrograph__bar:nth-child(26){animation-name:animation3;animation-duration:1.8s;animation-delay:1.3s}.spectrograph__bar:nth-child(27){animation-name:animation3;animation-duration:1.7s;animation-delay:1.35s}.spectrograph__bar:nth-child(28){animation-name:animation3;animation-duration:1.7s;animation-delay:1.4s}.spectrograph__bar:nth-child(29){animation-name:animation1;animation-duration:1.7s;animation-delay:1.45s}.spectrograph__bar:nth-child(30){animation-name:animation1;animation-duration:1.6s;animation-delay:1.5s}.spectrograph__bar:nth-child(31){animation-name:animation2;animation-duration:1.7s;animation-delay:1.55s}.spectrograph__bar:nth-child(32){animation-name:animation2;animation-duration:1.8s;animation-delay:1.6s}.spectrograph__bar:nth-child(33){animation-name:animation3;animation-duration:1.6s;animation-delay:1.65s}.spectrograph__bar:nth-child(34){animation-name:animation1;animation-duration:1.6s;animation-delay:1.7s}.spectrograph__bar:nth-child(35){animation-name:animation3;animation-duration:1.8s;animation-delay:1.75s}.spectrograph__bar:nth-child(36){animation-name:animation2;animation-duration:1.7s;animation-delay:1.8s}.spectrograph__bar:nth-child(37){animation-name:animation3;animation-duration:1.7s;animation-delay:1.85s}.spectrograph__bar:nth-child(38){animation-name:animation2;animation-duration:1.6s;animation-delay:1.9s}.spectrograph__bar:nth-child(39){animation-name:animation2;animation-duration:1.6s;animation-delay:1.95s}.spectrograph__bar:nth-child(40){animation-name:animation3;animation-duration:1.8s;animation-delay:2s}.spectrograph__bar:nth-child(41){animation-name:animation2;animation-duration:1.6s;animation-delay:2.05s}.spectrograph__bar:nth-child(42){animation-name:animation1;animation-duration:1.8s;animation-delay:2.1s}.spectrograph__bar:nth-child(43){animation-name:animation3;animation-duration:1.7s;animation-delay:2.15s}.spectrograph__bar:nth-child(44){animation-name:animation3;animation-duration:1.6s;animation-delay:2.2s}.spectrograph__bar:nth-child(45){animation-name:animation1;animation-duration:1.8s;animation-delay:2.25s}.spectrograph__bar:nth-child(46){animation-name:animation1;animation-duration:1.6s;animation-delay:2.3s}.spectrograph__bar:nth-child(47){animation-name:animation3;animation-duration:1.8s;animation-delay:2.35s}.spectrograph__bar:nth-child(48){animation-name:animation1;animation-duration:1.6s;animation-delay:2.4s}.spectrograph__bar:nth-child(49){animation-name:animation1;animation-duration:1.8s;animation-delay:2.45s}.spectrograph__bar:nth-child(50){animation-name:animation2;animation-duration:1.6s;animation-delay:2.5s}.spectrograph__bar:nth-child(51){animation-name:animation3;animation-duration:1.6s;animation-delay:2.55s}.spectrograph__bar:nth-child(52){animation-name:animation2;animation-duration:1.8s;animation-delay:2.6s}.spectrograph__bar:nth-child(53){animation-name:animation2;animation-duration:1.6s;animation-delay:2.65s}.spectrograph__bar:nth-child(54){animation-name:animation3;animation-duration:1.8s;animation-delay:2.7s}.spectrograph__bar:nth-child(55){animation-name:animation1;animation-duration:1.8s;animation-delay:2.75s}.spectrograph__bar:nth-child(56){animation-name:animation2;animation-duration:1.6s;animation-delay:2.8s}.spectrograph__bar:nth-child(57){animation-name:animation2;animation-duration:1.8s;animation-delay:2.85s}.spectrograph__bar:nth-child(58){animation-name:animation3;animation-duration:1.7s;animation-delay:2.9s}.spectrograph__bar:nth-child(59){animation-name:animation1;animation-duration:1.8s;animation-delay:2.95s}.spectrograph__bar:nth-child(60){animation-name:animation3;animation-duration:1.8s;animation-delay:3s}.spectrograph__bar:nth-child(61){animation-name:animation2;animation-duration:1.6s;animation-delay:3.05s}.spectrograph__bar:nth-child(62){animation-name:animation3;animation-duration:1.7s;animation-delay:3.1s}.spectrograph__bar:nth-child(63){animation-name:animation3;animation-duration:1.6s;animation-delay:3.15s}.spectrograph__bar:nth-child(64){animation-name:animation1;animation-duration:1.6s;animation-delay:3.2s}.spectrograph__bar:nth-child(65){animation-name:animation3;animation-duration:1.8s;animation-delay:3.25s}.spectrograph__bar:nth-child(66){animation-name:animation3;animation-duration:1.7s;animation-delay:3.3s}.spectrograph__bar:nth-child(67){animation-name:animation2;animation-duration:1.8s;animation-delay:3.35s}.spectrograph__bar:nth-child(68){animation-name:animation1;animation-duration:1.8s;animation-delay:3.4s}.spectrograph__bar:nth-child(69){animation-name:animation2;animation-duration:1.7s;animation-delay:3.45s}.spectrograph__bar:nth-child(70){animation-name:animation2;animation-duration:1.8s;animation-delay:3.5s}.spectrograph__bar:nth-child(71){animation-name:animation2;animation-duration:1.8s;animation-delay:3.55s}.spectrograph__bar:nth-child(72){animation-name:animation2;animation-duration:1.8s;animation-delay:3.6s}.spectrograph__bar:nth-child(73){animation-name:animation3;animation-duration:1.7s;animation-delay:3.65s}.spectrograph__bar:nth-child(74){animation-name:animation3;animation-duration:1.7s;animation-delay:3.7s}.spectrograph__bar:nth-child(75){animation-name:animation2;animation-duration:1.8s;animation-delay:3.75s}.spectrograph__bar:nth-child(76){animation-name:animation1;animation-duration:1.6s;animation-delay:3.8s}.spectrograph__bar:nth-child(77){animation-name:animation3;animation-duration:1.7s;animation-delay:3.85s}.spectrograph__bar:nth-child(78){animation-name:animation1;animation-duration:1.7s;animation-delay:3.9s}.spectrograph__bar:nth-child(79){animation-name:animation2;animation-duration:1.8s;animation-delay:3.95s}.spectrograph__bar:nth-child(80){animation-name:animation1;animation-duration:1.7s;animation-delay:4s}.spectrograph__bar:nth-child(81){animation-name:animation2;animation-duration:1.7s;animation-delay:4.05s}.spectrograph__bar:nth-child(82){animation-name:animation2;animation-duration:1.6s;animation-delay:4.1s}.spectrograph__bar:nth-child(83){animation-name:animation2;animation-duration:1.8s;animation-delay:4.15s}.spectrograph__bar:nth-child(84){animation-name:animation1;animation-duration:1.8s;animation-delay:4.2s}.spectrograph__bar:nth-child(85){animation-name:animation2;animation-duration:1.6s;animation-delay:4.25s}.spectrograph__bar:nth-child(86){animation-name:animation2;animation-duration:1.6s;animation-delay:4.3s}.spectrograph__bar:nth-child(87){animation-name:animation3;animation-duration:1.7s;animation-delay:4.35s}.spectrograph__bar:nth-child(88){animation-name:animation2;animation-duration:1.7s;animation-delay:4.4s}.spectrograph__bar:nth-child(89){animation-name:animation3;animation-duration:1.8s;animation-delay:4.45s}.spectrograph__bar:nth-child(90){animation-name:animation2;animation-duration:1.6s;animation-delay:4.5s}.spectrograph__bar:nth-child(91){animation-name:animation1;animation-duration:1.7s;animation-delay:4.55s}.spectrograph__bar:nth-child(92){animation-name:animation2;animation-duration:1.7s;animation-delay:4.6s}.spectrograph__bar:nth-child(93){animation-name:animation2;animation-duration:1.7s;animation-delay:4.65s}.spectrograph__bar:nth-child(94){animation-name:animation3;animation-duration:1.7s;animation-delay:4.7s}.spectrograph__bar:nth-child(95){animation-name:animation2;animation-duration:1.8s;animation-delay:4.75s}.spectrograph__bar:nth-child(96){animation-name:animation1;animation-duration:1.6s;animation-delay:4.8s}.spectrograph__bar:nth-child(97){animation-name:animation3;animation-duration:1.8s;animation-delay:4.85s}.spectrograph__bar:nth-child(98){animation-name:animation2;animation-duration:1.8s;animation-delay:4.9s}.spectrograph__bar:nth-child(99){animation-name:animation1;animation-duration:1.7s;animation-delay:4.95s}.spectrograph__bar:nth-child(100){animation-name:animation2;animation-duration:1.8s;animation-delay:5s}.spectrograph__bar:last-child{margin:0}@keyframes animation1{0%,5%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes animation2{0%,66%{transform:translateY(100%)}33%,to{transform:translateY(0)}}@keyframes animation3{33%,66%{transform:translateY(100%)}0%,45%,to{transform:translateY(0)}}:root{--border-radius:12px;--transition-speed:.3s;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026}.stations{z-index:2;width:calc(100% - 5px);height:100%;font-size:.9em;inset:0;position:absolute!important}.stations .border-card{margin:9px;padding:0;overflow:hidden}.stations .card{transition:all .3s}.stations .card:hover{box-shadow:var(--shadow-lg);background:var(--card-hover)}.stations .card{background:var(--card-bg);border-radius:var(--border-radius);cursor:pointer;outline:2px solid var(--card-bg);flex-wrap:nowrap;justify-content:space-around;width:100%;min-height:150px;padding:14px 40px 14px 14px;display:flex;position:relative}.stations .card.selected{background:var(--card-hover);background:linear-gradient(45deg, var(--card-hover) 40%, #4361eeb3 100%);border-style:solid;border-width:0 0 0 24px;outline:2px solid #0000;margin:5px;padding-bottom:35px}.stations .card.selected:after{content:"ON AIR";color:#fff;opacity:.7;font-family:Montserrat;font-weight:600;position:absolute;bottom:30px;left:-40px;transform:rotate(-90deg)}.stations .card>div:first-of-type{background:#0006;border-radius:12px;justify-content:center;align-items:center;min-width:100px;max-width:100px;min-height:100px;max-height:100px;margin-right:20px;padding:6px;display:flex;position:relative;overflow:hidden}.stations .card>div:first-of-type:after{content:"";z-index:2;color:#fff;opacity:.2;background:linear-gradient(220deg,#0000 0%,#fff 12% 15%,#0000 60%);position:absolute;inset:0}.stations .card>div:first-of-type img{border-radius:8px;width:100%;height:auto}.stations .card>div:nth-of-type(2){width:100%;min-width:0}.stations .card .card-header{flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.stations .card .card-header h3{font-weight:900}.stations .card .current-track{color:#fff;text-transform:capitalize;border-radius:8px;padding:2px 25px 2px 35px;display:block;bottom:3px;right:3px}.stations .card .current-track span{display:block}.stations .card .current-track:before{content:"➤";color:orange;margin:-2px 0 0 -20px;position:absolute}.stations .card .name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:1.3em;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.stations .card .desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;line-height:1.2;display:-webkit-box;overflow:hidden}.stations .card .meta{color:var(--text-tertiary);flex-wrap:nowrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.stations .card .meta .style{background:var(--bg-tertiary);border-radius:4px;padding:2px 8px}.stations .card .meta .flag{background:var(--accent-primary);color:#fff;border-radius:4px;padding:2px 6px;font-weight:600}.stations .card .meta .type{text-align:right;width:100%}.stations .card .meta .type>span{background:var(--warning);color:#000;opacity:.5;border-radius:4px;padding:2px 6px;font-weight:600}.stations .card .favorite-btn{cursor:pointer;color:var(--warning);background:0 0;border:none;padding:4px;font-size:2em;transition:all .2s;position:absolute;top:0;right:5px}.stations .card .favorite-btn:hover{color:var(--warning);transform:scale(1.2)}.stations .card .favorite-btn.active{color:var(--warning);background:0 0!important}.stations .card.error{opacity:1;position:relative}.stations .card.error:after{content:"!";color:#fff;z-index:2;background:#f44;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:5px;left:5px}.stations .note{opacity:.4;filter:invert(.5)}.loadingStations{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loadingStations>div{pointer-events:none;border:8px solid gray;border-top-color:#183c7e;border-radius:50%;width:200px;height:200px;animation:1s linear infinite rotation}.loadingStations button{z-index:-1;animation:0s 5s forwards showElement;position:absolute}@keyframes showElement{to{z-index:10}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-favorites{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex;position:absolute;inset:0}.empty-favorites p{color:var(--text-secondary);text-align:center;font-size:2em}.empty-favorites .hint{font-size:1.1em}main{color:var(--accent-primary);flex:1;display:grid;position:relative;overflow-y:hidden}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);white-space:nowrap;z-index:2;border-top:1px solid gray;flex-direction:column;width:100%;height:auto;padding:5px 25px;font-size:.9em;display:flex}.footer div:first-child{justify-content:space-evenly;align-items:center;padding:0 0 5px;display:flex}.footer div:first-child span{display:block}.footer div:first-child span:first-child{text-align:left}.footer div:first-child span:nth-child(2){width:100%}.footer div:first-child span:nth-child(3){text-align:right}.footer .banner-footer{background:0 0;border-top:1px solid #80808066;width:100%;height:93px;margin:10px auto;position:relative}.footer .banner-footer:before{content:"Adv";opacity:.3;justify-content:center;align-items:center;font-size:2em;display:flex;position:absolute;inset:0}.footer .info-footer{justify-content:flex-end;display:flex}.footer .info-footer li{color:var(--accent-primary);text-transform:uppercase;margin:3px 10px;font-size:.9em;font-weight:800}.footer .info-footer li:hover{color:var(--accent-secondary);cursor:pointer;text-decoration:underline}