@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--body: #14141c;--body2: #1a1a24;--dial-bg: #08080d;--dial-glow: #3aff6a;--green: #5cff8a;--amber: #ffbb44;--red: #ff3344;--text: #eeebe0;--text2: #99887a;--needle: #ff3344;--heart: #ff4466}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}.bg-eq{position:fixed;top:0;left:-20px;right:-20px;bottom:0;display:flex;align-items:flex-end;gap:3px;z-index:10;pointer-events:none;filter:blur(6px) saturate(2.5);opacity:0;transition:opacity 2s ease;overflow:hidden}.bg-eq.active{opacity:.55}.bg-eq span{flex:1 1 0;min-width:8px;border-radius:4px 4px 0 0;background:linear-gradient(to top,#1a0a3a,#44f,#0df);transition:height .12s ease-out;height:2px}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:.8rem;gap:.6rem}.radio-body{width:100%;max-width:440px;background:linear-gradient(180deg,#1e1e28d1,#18181fe0);border-radius:18px;padding:.8rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;box-shadow:0 8px 30px #0009,inset 0 1px #ffffff0a;border:1px solid rgba(255,255,255,.04)}.top-bar{display:flex;align-items:center;justify-content:space-between;width:100%}.lang-btn{display:flex;align-items:center;gap:.3rem;background:none;border:1px solid #3a3a3a;border-radius:6px;color:var(--text2);cursor:pointer;padding:.2rem .5rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:1px;transition:all .2s}.lang-btn:hover{color:var(--text);border-color:#666}.lang-btn:active{transform:scale(.95)}.top-actions{display:flex;gap:.2rem}.icon-btn{background:none;border:1px solid transparent;color:var(--text2);cursor:pointer;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{color:var(--text);border-color:#444}.icon-btn.active{color:var(--green);border-color:#4dff7c4d}#fav-btn.faved{color:var(--heart)}#fav-btn.faved svg{fill:var(--heart);filter:drop-shadow(0 0 6px rgba(255,68,102,.5))}#fav-btn.pulse{animation:heartPulse .4s ease}@keyframes heartPulse{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}#filter-btn{position:relative}#filter-btn.has-filters:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green)}.filter-panel{max-height:0;overflow:hidden;opacity:0;padding:0 .4rem;width:100%;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s;background:#0003;border-radius:8px}.filter-panel.open{max-height:60vh;opacity:1;padding:.6rem}.filter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid #333;position:sticky;top:0;z-index:1}.filter-action-btn{font-family:Space Mono,monospace;font-size:.6rem;background:#ff33441a;border:1px solid rgba(255,51,68,.3);color:var(--red);padding:.2rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s}.filter-action-btn:hover{background:#f343;border-color:var(--red)}.active-filter-count{font-family:Space Mono,monospace;font-size:.55rem;color:var(--text2)}.active-filter-count span{color:var(--green)}.filter-scroll{max-height:45vh;overflow-y:auto;padding-right:.3rem}.filter-scroll::-webkit-scrollbar{width:3px}.filter-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.filter-section{margin-bottom:.6rem}.filter-label{font-family:Space Mono,monospace;font-size:.55rem;color:var(--amber);letter-spacing:2px;text-transform:uppercase;margin-bottom:.3rem}.chip-grid{display:flex;flex-wrap:wrap;gap:.3rem}.chip{font-family:Inter,sans-serif;font-size:.72rem;padding:.3rem .55rem;border:1px solid #3a3a3a;border-radius:16px;background:#ffffff05;color:var(--text2);cursor:pointer;transition:all .2s;white-space:nowrap}.chip:hover{border-color:#666;color:var(--text)}.chip.selected{border-color:var(--green);color:var(--green);background:#4dff7c1a;box-shadow:0 0 10px #4dff7c1f}.dial-window{width:100%;background:var(--dial-bg);border-radius:10px;padding:.5rem 1rem;border:1px solid #2a2a22;box-shadow:inset 0 2px 8px #00000080;overflow:hidden;min-height:90px;display:flex;flex-direction:column;align-items:center}.station-flag{font-size:3.2rem;line-height:1;text-align:center;height:48px;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.station-country{font-family:Space Mono,monospace;font-size:.8rem;color:var(--text2);text-align:center;text-transform:uppercase;letter-spacing:1px;height:18px;line-height:18px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .8s ease}.station-country:hover{max-width:none}.station-name-static{font-family:Space Mono,monospace;font-size:.9rem;color:var(--amber);text-align:center;transition:opacity .8s ease;height:20px;line-height:20px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer-md{height:.1rem}.freq-scale{display:flex;justify-content:space-between;width:100%;align-self:stretch;padding:0 4px;margin-bottom:.1rem}.freq-scale span{font-family:Space Mono,monospace;font-size:.55rem;color:#4dff7c59;letter-spacing:.5px}.dial-marks{position:relative;height:14px;margin-bottom:.25rem;width:100%;align-self:stretch;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(77,255,124,.08) 8px,rgba(77,255,124,.08) 9px);overflow:hidden}.dial-marks:before,.dial-marks:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:1}.dial-marks:before{left:0;background:linear-gradient(90deg,var(--dial-bg),transparent)}.dial-marks:after{right:0;background:linear-gradient(-90deg,var(--dial-bg),transparent)}.needle{width:3px;height:20px;background:var(--needle);box-shadow:0 0 8px var(--needle);position:absolute;left:50%;transform:translate(-50%);z-index:2;transition:left .15s ease-out;cursor:grab;touch-action:none}.needle:before{content:"";position:absolute;top:-6px;left:-10px;right:-10px;bottom:-6px}.needle:hover{width:4px;box-shadow:0 0 14px var(--needle),0 0 30px #ff33444d}.needle.dragging{cursor:grabbing;width:4px;transition:none;box-shadow:0 0 16px var(--needle),0 0 40px #f346}.dial-marks.dragging{cursor:grabbing}.freq-row{display:flex;align-items:baseline;gap:.3rem}#freq-number{font-family:Space Mono,monospace;font-size:2.6rem;font-weight:700;color:var(--green);text-shadow:0 0 18px var(--dial-glow),0 0 50px rgba(92,255,138,.2);letter-spacing:2px;cursor:pointer}#freq-number:hover{text-shadow:0 0 24px var(--green),0 0 60px rgba(92,255,138,.35)}.freq-input{font-family:Space Mono,monospace;font-size:2.2rem;font-weight:700;color:var(--amber);background:transparent;border:none;outline:none;text-shadow:0 0 15px rgba(255,170,51,.4);width:160px;text-align:left;letter-spacing:1px;caret-color:var(--amber)}.freq-input::placeholder{color:#ffaa334d;font-size:1rem}.freq-unit{font-family:Space Mono,monospace;font-size:.7rem;color:var(--text2)}.np-line{display:flex;align-items:center;gap:.35rem;margin-top:.25rem;height:20px;opacity:0;transition:opacity .8s ease;overflow:hidden;width:100%;align-self:stretch}.np-line.visible{opacity:1;cursor:pointer}.np-line.visible:hover .np-title{color:var(--green)}.np-line.visible:active{transform:scale(.98)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.np-note{color:var(--green);font-size:.8rem;flex-shrink:0}.np-scroll-wrap{display:inline-block;white-space:nowrap;font-family:Space Mono,monospace;font-size:.72rem}.np-scroll-wrap.scrolling{animation:marquee linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.np-title{color:var(--text)}.np-sep{color:var(--text2)}.np-artist{color:var(--green)}.info-row{display:flex;gap:.4rem;justify-content:center;min-height:28px;align-items:center}.info-tag{font-family:Space Mono,monospace;font-size:.8rem;padding:.25rem .7rem;border:1.5px solid #555;border-radius:4px;color:var(--text);text-transform:uppercase;letter-spacing:.5px;transition:opacity .6s ease,max-width .3s ease;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-tag:hover{max-width:400px}.info-tag:empty{display:none}.spin-btn{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffffff14,#ffffff05 40%,#0000004d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.3,1);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff26,inset 0 -2px 8px #0000004d,0 0 0 1px #ffffff0a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.spin-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.06) 10%,transparent 20%,transparent 50%,rgba(255,255,255,.04) 60%,transparent 70%);animation:glassShimmer 6s linear infinite;pointer-events:none}@keyframes glassShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-label{display:block;width:0;height:0;border-style:solid;border-width:22px 0 22px 38px;border-color:transparent transparent transparent var(--green);filter:drop-shadow(0 0 16px var(--dial-glow));margin-left:6px;transition:all .3s;position:relative;z-index:1}.spin-btn:hover{border-color:#5cff8a80;box-shadow:0 0 40px #5cff8a33,0 8px 32px #00000080,inset 0 1px #fff3,inset 0 -2px 8px #0000004d;transform:scale(1.08)}.spin-btn:hover .spin-label{filter:drop-shadow(0 0 24px var(--green))}.spin-btn:active{transform:scale(.92)}.spin-btn.playing .spin-label{animation:dvdBounce var(--bounce-speed, 4s) ease-in-out infinite}@keyframes dvdBounce{0%{transform:translate(0) rotate(0)}12%{transform:translate(12px,-8px) rotate(10deg)}25%{transform:translate(-8px,-12px) rotate(-8deg)}37%{transform:translate(-14px,4px) rotate(5deg)}50%{transform:translate(4px,12px) rotate(-12deg)}62%{transform:translate(14px,2px) rotate(8deg)}75%{transform:translate(-4px,-10px) rotate(-5deg)}87%{transform:translate(-12px,8px) rotate(10deg)}to{transform:translate(0) rotate(0)}}.spin-btn.spinning{animation:spinRotate .6s linear infinite;border-color:var(--amber)}.spin-btn.spinning .spin-label{border-left-color:var(--amber);filter:drop-shadow(0 0 12px rgba(255,170,51,.5))}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-btn.decelerating{animation:spinDecel 1.2s cubic-bezier(.2,0,.1,1) forwards}.spin-btn.decelerating .spin-label{border-left-color:var(--green);transition:all .8s;filter:drop-shadow(0 0 12px var(--dial-glow))}@keyframes spinDecel{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.spin-area{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:.2rem 0}.spin-area .pause-btn{position:absolute;left:calc(50% + 66px);top:calc(50% - 12px)}.pause-btn{width:42px;height:42px;border-radius:50%;background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,51,68,.5);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 12px #ff33441a,inset 0 1px #ffffff14;animation:pausePulse 2.5s ease-in-out infinite}@keyframes pausePulse{0%,to{border-color:#f346;box-shadow:0 0 6px #ff334426}50%{border-color:#ff3344e6;box-shadow:0 0 14px #f346}}.pause-btn .pause-line{width:3px;height:15px;background:var(--red);border-radius:1px}.pause-btn:hover{border-color:var(--red);box-shadow:0 0 16px #ff334480}.pause-btn.playing .pause-line{background:var(--text2)}.pause-btn.paused{gap:0}.pause-btn.paused .pause-line{display:none}.pause-btn.paused:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--text2);margin-left:2px}.pause-btn.paused:hover:after{border-left-color:var(--amber)}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90%;max-width:360px;height:8px;background:#2a2a2a;border-radius:4px;outline:none;margin:.5rem 0}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#888,#444);border:2px solid #666;cursor:pointer;box-shadow:0 2px 8px #00000080}.vol-slider::-webkit-slider-thumb:hover{border-color:var(--green);box-shadow:0 0 10px #4dff7c40,0 2px 8px #00000080}.autoskip-bar{display:flex;align-items:center;justify-content:center;gap:.5rem}.autoskip-toggle{display:flex;align-items:center;gap:.25rem;background:none;border:1.5px solid #555;border-radius:14px;padding:.25rem .7rem;color:var(--text2);cursor:pointer;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:1px;transition:all .2s}.autoskip-toggle:hover{border-color:var(--amber);color:var(--amber)}.autoskip-toggle.active{border-color:var(--amber);color:var(--amber);background:#ffaa331a;box-shadow:0 0 10px #ffaa331f}.autoskip-icon{font-size:.85rem;line-height:1}.autoskip-options{display:flex;gap:.25rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.autoskip-opt{font-family:Space Mono,monospace;font-size:.6rem;padding:.2rem .45rem;border:1px solid #3a3a3a;border-radius:10px;background:transparent;color:var(--text2);cursor:pointer;transition:all .2s}.autoskip-opt:hover{border-color:var(--amber);color:var(--amber)}.autoskip-opt.selected{border-color:var(--amber);color:var(--amber);background:#ffaa331a}.autoskip-timer{font-family:Space Mono,monospace;font-size:.75rem;color:var(--amber)}.list-section{width:100%;max-width:440px}.list-tabs{display:flex;margin-bottom:.5rem;border-bottom:1px solid #333}.list-tab{flex:1;background:none;border:none;color:var(--text2);font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;padding:.4rem 0;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.list-tab:hover{color:var(--text)}.list-tab.active{color:var(--green);border-bottom-color:var(--green)}.station-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.station-list li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#18181fd9;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem}.station-list li:hover{border-color:var(--green)}.station-list li .hist-flag{font-size:1.1rem}.station-list li .hist-freq{font-family:Space Mono,monospace;font-size:.7rem;color:var(--green);min-width:45px}.station-list li .hist-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.station-list li .hist-fav-btn{background:none;border:none;cursor:pointer;color:var(--text2);font-size:.85rem;transition:all .2s;padding:.1rem;flex-shrink:0}.station-list li .hist-fav-btn:hover,.station-list li .hist-fav-btn.is-fav{color:var(--heart)}.station-list .empty-msg{text-align:center;color:var(--text2);font-size:.7rem;padding:1.2rem;font-family:Space Mono,monospace}.conn-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;transition:opacity .5s}.conn-bar.offline{background:var(--red);box-shadow:0 0 10px var(--red);animation:connPulse 1.5s ease infinite}.conn-bar.online{background:var(--green);box-shadow:0 0 10px var(--green)}@keyframes connPulse{0%,to{opacity:1}50%{opacity:.4}}.hidden{display:none!important}@media(max-width:380px){.radio-body{padding:.8rem}#freq-number{font-size:1.8rem}.spin-btn{width:90px;height:90px}.spin-label{border-width:16px 0 16px 28px!important;margin-left:4px!important}.station-flag{font-size:2.5rem}.spin-area .pause-btn{left:calc(50% + 56px)}}@media(min-width:768px){.radio-body{max-width:520px;padding:1.2rem 1.8rem;gap:.5rem;border-radius:24px}.lang-btn{font-size:.7rem;padding:.25rem .6rem}.station-flag{font-size:4rem;height:58px}.station-country{font-size:.9rem}.station-name-static{font-size:1.05rem}#freq-number{font-size:3.2rem;letter-spacing:3px}.freq-unit{font-size:.85rem}.freq-scale span{font-size:.65rem}.np-scroll-wrap{font-size:.8rem}.np-note{font-size:.95rem}.info-tag{font-size:.9rem;padding:.3rem .85rem}.spin-btn{width:140px;height:140px}.spin-label{border-width:26px 0 26px 44px!important;margin-left:7px!important}.spin-area .pause-btn{left:calc(50% + 82px)}.pause-btn{width:48px;height:48px}.pause-btn .pause-line{width:3.5px;height:17px}.vol-slider{height:10px;max-width:420px}.vol-slider::-webkit-slider-thumb{width:38px;height:38px}.list-section{max-width:520px}.list-tab{font-size:.8rem}.station-list li{font-size:.95rem;padding:.65rem .8rem}.station-list li .hist-flag{font-size:1.3rem}.station-list li .hist-freq{font-size:.8rem}.station-list li .hist-fav-btn{font-size:1rem}.chip{font-size:.8rem;padding:.35rem .65rem}.filter-label{font-size:.65rem}.autoskip-toggle{font-size:.65rem;padding:.25rem .7rem}.autoskip-opt{font-size:.7rem}.dial-window{padding:.9rem 1.2rem;min-height:120px}.dial-marks{height:18px}.needle{width:3px;height:24px}}