@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Vazirmatn Variable,Vazirmatn,system-ui,sans-serif;color:#f3f1f6;background:#070810;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f3f1f6;--muted: #8c8795;--dim: #57515f;--surface: #10121a;--accent: #9da5f5;--accent-rgb: 157, 165, 245;--accent-alt: #6676c7;--accent-alt-rgb: 102, 118, 199;--hairline: rgba(233, 227, 244, .12);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}html{background:#070810;-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;overflow:hidden;background:#070810;overscroll-behavior:none}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio-app{--beat: 0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100vh;height:100dvh;min-height:600px;padding:max(26px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(34px,env(safe-area-inset-left));overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 44%,rgba(var(--accent-rgb),calc(.078 + var(--beat) * .075)),transparent 30%),radial-gradient(circle at 78% 18%,rgba(var(--accent-alt-rgb),.064),transparent 32%),radial-gradient(circle at 18% 86%,rgba(var(--accent-rgb),.048),transparent 36%),linear-gradient(155deg,#080b13,#070810 54%,#05070b);direction:rtl;transition:background .62s var(--ease-out)}.atmosphere,.grain,.scanline{position:absolute;inset:0;z-index:-1;pointer-events:none}.atmosphere{background:radial-gradient(ellipse 42% 24% at 50% 9%,rgba(var(--accent-alt-rgb),.07),transparent 72%),radial-gradient(ellipse 34% 44% at 3% 48%,rgba(var(--accent-rgb),.045),transparent 74%),radial-gradient(ellipse 32% 42% at 97% 58%,rgba(var(--accent-alt-rgb),.052),transparent 76%);opacity:.9;transition:background .62s var(--ease-out),opacity 1.2s ease}.atmosphere:before{position:absolute;top:42%;left:50%;width:min(70vw,84vh);aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.17) 0,rgba(var(--accent-alt-rgb),.08) 38%,transparent 72%);filter:blur(64px);opacity:.5;transform:translate(-50%,-50%) scale(calc(.92 + var(--beat) * .08));transition:opacity 1.4s ease,transform .12s linear,background .62s var(--ease-out)}.has-signal .atmosphere:before{opacity:.92}.atmosphere:after{position:absolute;top:43%;left:50%;width:min(82vw,92vh);aspect-ratio:1;content:"";border-radius:50%;background:conic-gradient(from 205deg,transparent 0 18%,rgba(var(--accent-alt-rgb),.12) 30%,rgba(var(--accent-rgb),.085) 43%,transparent 59% 78%,rgba(var(--accent-alt-rgb),.07) 90%,transparent);filter:blur(68px);opacity:.46;transform:translate(-50%,-50%) rotate(-8deg);transition:background .62s var(--ease-out),opacity .62s ease}.is-playing .atmosphere:after{animation:spectrum-breathe 8s ease-in-out infinite alternate}.is-switching .atmosphere:after{animation:spectrum-shift .32s var(--ease-out)}.grain{opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.scanline{opacity:1}.scanline:before,.scanline:after{position:absolute;inset:0;content:""}.scanline:before{background:repeating-linear-gradient(to bottom,rgba(231,225,242,.012) 0,rgba(231,225,242,.012) 1px,transparent 1px,transparent 4px),radial-gradient(circle at center,transparent 48%,rgba(1,0,5,.36) 100%);opacity:.66}.scanline:after{background:linear-gradient(to bottom,transparent 0%,rgba(var(--accent-rgb),.075) 49.5%,transparent 50.5%);opacity:0;transform:translateY(-60%)}.is-searching .scanline:after{opacity:.28;animation:scan 2.6s linear infinite}.site-header,.utility-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between}.site-header{direction:ltr}.wordmark{display:inline-flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none}.wordmark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1}.wordmark svg path{stroke:var(--accent)}.wordmark span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.34em}.live-state{display:flex;gap:9px;align-items:center;color:#6f767d;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.24em;transition:color .8s ease}.live-state i,.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.live-state.active{color:var(--accent)}.live-state.active i{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08),0 0 18px rgba(var(--accent-rgb),.65);animation:live-pulse 2.8s ease-in-out infinite}.radio-stage{position:relative;display:grid;grid-template-rows:minmax(280px,1fr) auto;justify-items:center;min-height:0;padding:12px 0 8px}.player-cluster{position:relative;display:grid;grid-template-columns:64px minmax(280px,460px) 64px;gap:clamp(12px,2.6vw,28px);align-items:center;justify-content:center;place-self:center;width:min(100%,680px);direction:ltr;perspective:700px}.player-cluster:before{position:absolute;top:50%;right:34px;left:34px;z-index:-1;content:"";border-top:1px solid rgba(243,243,240,.07)}.player-cluster:after{position:absolute;top:calc(50% + clamp(92px,15vw,170px));left:50%;z-index:-2;width:clamp(230px,48vw,520px);height:clamp(44px,8vw,86px);content:"";border-radius:50%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),calc(.1 + var(--beat) * .12)) 0,rgba(var(--accent-alt-rgb),.045) 38%,transparent 72%);filter:blur(22px);opacity:.58;transform:translate(-50%,-50%) scaleX(calc(.94 + var(--beat) * .08));transition:background .62s var(--ease-out),opacity 1.2s ease,transform .12s linear}.has-signal .player-cluster:after{opacity:.82}.channel-step{position:relative;z-index:3;display:grid;place-items:center;width:56px;height:56px;padding:0;margin:auto;border:1px solid rgba(233,227,244,.12);border-radius:50%;background:#0d0b13;color:#aaa4b2;cursor:pointer;box-shadow:0 10px 34px #00000038;transition:color .24s ease,border-color .24s ease,background .24s ease,transform .24s var(--ease-out)}.channel-step:after{position:absolute;top:50%;width:clamp(14px,2.5vw,28px);content:"";border-top:1px solid rgba(var(--accent-rgb),.16)}.previous-channel:after{left:100%}.next-channel:after{right:100%}.channel-step svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.step-caption{position:absolute;top:calc(100% + 7px);left:50%;color:#596168;font-size:.52rem;font-weight:420;letter-spacing:.02em;line-height:1;pointer-events:none;transform:translate(-50%);transition:color .24s ease}.channel-step:hover:not(:disabled) .step-caption{color:var(--accent)}.channel-step:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.44);background:#171221;color:var(--accent);transform:scale(1.06)}.channel-step:active:not(:disabled){transform:scale(.94)}.previous-channel.is-pressed{animation:page-button-back .3s var(--ease-out)}.next-channel.is-pressed{animation:page-button-forward .3s var(--ease-out)}.channel-step:disabled{opacity:.28}.radio-object{position:relative;z-index:2;width:100%;min-width:0;aspect-ratio:1;isolation:isolate}.radio-object:before,.radio-object:after{position:absolute;z-index:-1;content:"";border-radius:50%;pointer-events:none}.radio-object:before{inset:10%;background:radial-gradient(circle,rgba(var(--accent-rgb),.21) 0,rgba(var(--accent-alt-rgb),.1) 43%,transparent 72%);filter:blur(30px);opacity:.52;transform:scale(calc(.94 + var(--beat) * .12));transition:background .62s var(--ease-out),opacity 1.2s ease,transform .1s linear}.radio-object:after{inset:11%;background:conic-gradient(from 218deg,transparent 0 16%,rgba(var(--accent-alt-rgb),.09) 25%,rgba(var(--accent-rgb),.34) 34%,transparent 45% 78%,rgba(var(--accent-rgb),.12) 88%,transparent);filter:blur(14px);opacity:.42;transform:rotate(-10deg) scale(1.02);transition:background .62s var(--ease-out),opacity 1.2s ease}.has-signal .radio-object:before{opacity:.72}.has-signal .radio-object:after{opacity:.58}.is-playing .radio-object:after{animation:halo-drift 9s ease-in-out infinite alternate}.signal-ring{position:absolute;inset:5%;border:1px solid rgba(var(--accent-rgb),calc(.035 + var(--beat) * .09));border-radius:50%;opacity:0;pointer-events:none;transition:border-color .62s var(--ease-out),box-shadow .62s var(--ease-out)}.is-playing .signal-ring{box-shadow:0 0 18px rgba(var(--accent-rgb),calc(var(--beat) * .08));animation:radio-wave 5.8s var(--ease-out) infinite}.is-playing .ring-two{animation-delay:1.85s}.is-playing .ring-three{animation-delay:3.7s}.frequency-visual{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.frequency-track{fill:none;stroke:rgba(var(--accent-rgb),.105);stroke-width:.55;stroke-dasharray:.5 4.2;stroke-linecap:round}.frequency-bars line{stroke:#aebbc03b;stroke-width:1;stroke-linecap:round;transition:y1 36ms linear,y2 36ms linear,stroke .6s ease}.is-playing .frequency-bars line{stroke:rgba(var(--accent-rgb),.66);filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.35))}.is-switching .frequency-bars{transform-origin:120px 120px;animation:tuning-flash .3s ease-out}.is-switching .radio-object{animation:analog-chroma .32s var(--ease-out)}.is-switching .radio-object:before{animation:light-bloom .32s var(--ease-out)}.is-switching .player-cluster:after{animation:floor-flash .32s var(--ease-out)}.is-switching .radio-core:before{border-color:rgba(var(--accent-rgb),.28);animation:tuning-core .3s ease-out}.radio-core{position:absolute;inset:18%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(233,227,244,.1);border-radius:50%;background:radial-gradient(circle at 46% 38%,rgba(var(--accent-rgb),.055),transparent 31%),radial-gradient(circle at 64% 72%,rgba(var(--accent-alt-rgb),.04),transparent 36%),linear-gradient(145deg,#121420eb,#07080ef7);box-shadow:inset 0 1px #ffffff0a,inset 0 -28px 50px #0000003b,0 42px 90px #0000005c,0 0 55px rgba(var(--accent-rgb),.025);transition:border-color .62s var(--ease-out),background .62s var(--ease-out),box-shadow .62s var(--ease-out)}.has-signal .radio-core{border-color:rgba(var(--accent-rgb),.15);box-shadow:inset 0 1px #ffffff0b,inset 0 -28px 50px #0003,0 42px 90px #00000057,0 0 74px rgba(var(--accent-rgb),.07),0 0 140px rgba(var(--accent-alt-rgb),.035)}.is-playing .radio-core{box-shadow:inset 0 1px #ffffff0d,inset 0 -28px 50px #0000002e,0 42px 90px #00000052,0 0 82px rgba(var(--accent-rgb),calc(.08 + var(--beat) * .08)),0 0 160px rgba(var(--accent-alt-rgb),calc(.035 + var(--beat) * .04))}.radio-core:before,.radio-core:after{position:absolute;content:"";border-radius:50%;pointer-events:none}.radio-core:before{inset:9%;border:1px solid rgba(233,227,244,.055)}.radio-core:after{inset:0;background:conic-gradient(from 210deg,transparent,rgba(var(--accent-alt-rgb),.085),rgba(var(--accent-rgb),.055),transparent 36%);opacity:0}.is-connecting .radio-core:after{opacity:1;animation:tune 2.1s linear infinite}.core-light{position:absolute;inset:23%;border-radius:50%;background:var(--accent);filter:blur(38px);opacity:calc(.045 + var(--beat) * .2);transform:scale(calc(.84 + var(--beat) * .36));transition:opacity 90ms linear,transform 90ms linear}.has-signal .core-light{opacity:calc(.14 + var(--beat) * .27)}.play-control{position:relative;z-index:2;display:grid;place-items:center;width:92px;aspect-ratio:1;padding:0;border:1px solid rgba(233,227,244,.14);border-radius:50%;background:#0a080fad;cursor:pointer;box-shadow:inset 0 0 0 10px #ffffff03;transition:border-color .45s ease,background .45s ease,box-shadow .45s ease,transform .45s var(--ease-out)}.play-control:before{position:absolute;inset:10px;content:"";border-radius:50%;background:radial-gradient(circle at 43% 35%,rgba(255,255,255,.1),transparent 23%),radial-gradient(circle,rgba(var(--accent-rgb),.2) 0,rgba(var(--accent-alt-rgb),.09) 43%,transparent 74%);filter:blur(7px);opacity:.32;pointer-events:none;transform:scale(.84);transition:background .62s var(--ease-out),opacity .18s ease,transform .12s linear,filter .3s ease}.has-signal .play-control:before{opacity:calc(.5 + var(--beat) * .32);transform:scale(calc(.94 + var(--beat) * .12))}.is-playing .play-control:before{filter:blur(calc(7px + var(--beat) * 3px))}.play-control:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.48);background:#140f1dd6;box-shadow:inset 0 0 0 10px rgba(var(--accent-rgb),.025),0 0 30px rgba(var(--accent-rgb),.06);transform:scale(1.045)}.play-control:active:not(:disabled){transform:scale(.97);transition-duration:.1s}.play-icon{position:absolute;top:31px;left:36px;z-index:1;display:block;width:22px;height:26px;isolation:isolate;filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.24));transition:filter .14s linear}.play-icon:before{position:absolute;top:50%;left:50%;z-index:-1;width:48px;height:48px;content:"";border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.28) 0,rgba(var(--accent-alt-rgb),.1) 38%,transparent 72%);filter:blur(8px);opacity:.28;pointer-events:none;transform:translate(-50%,-50%) scale(.76);transition:background .62s var(--ease-out),opacity .16s ease,transform .12s linear}.has-signal .play-icon:before{opacity:calc(.48 + var(--beat) * .38);transform:translate(-50%,-50%) scale(calc(.9 + var(--beat) * .18))}.is-playing .play-icon{filter:drop-shadow(0 0 calc(4px + var(--beat) * 7px) rgba(var(--accent-rgb),calc(.32 + var(--beat) * .34)))}.play-icon i{position:absolute;display:block;width:3px;height:22px;border-radius:2px;background:var(--ink);box-shadow:0 0 8px rgba(var(--accent-rgb),.12);transition:width .42s var(--ease-out),height .42s var(--ease-out),transform .42s var(--ease-out),clip-path .42s var(--ease-out),opacity .22s ease}.play-icon i:first-child{left:3px;width:18px;clip-path:polygon(0 0,100% 50%,0 100%)}.play-icon i:last-child{right:4px;opacity:0}.has-signal .play-icon i{width:3px;height:18px;clip-path:inset(0 round 2px);transform:translateY(2px) rotate(0);opacity:1}.has-signal .play-icon i:first-child{left:4px}.is-connecting .play-control{border-color:rgba(var(--accent-rgb),.32)}.is-connecting .play-control:after{position:absolute;inset:-1px;content:"";border:1px solid transparent;border-top-color:var(--accent);border-radius:50%;animation:tune 1.25s linear infinite}.now-playing{width:min(620px,90vw);min-height:128px;perspective:800px;text-align:center}.channel-copy{min-height:76px;animation:channel-reveal .28s var(--ease-out)}.switch-forward .channel-copy{transform-origin:left center;animation:page-forward .3s var(--ease-out)}.switch-backward .channel-copy{transform-origin:right center;animation:page-backward .3s var(--ease-out)}.channel-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;width:min(360px,86vw);min-height:58px;padding:8px 14px 8px 11px;margin:0 auto;border:1px solid rgba(233,227,244,.1);border-radius:15px;background:#0e101bb8;color:var(--ink);text-align:right;cursor:pointer;box-shadow:inset 0 1px #ffffff05,0 10px 34px #0000001f;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .18s var(--ease-out)}.channel-selector:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.3);background:#121625d9;box-shadow:inset 0 1px #ffffff06,0 14px 42px #00000029}.channel-selector:active:not(:disabled){transform:scale(.985)}.channel-selector[aria-expanded=true]{border-color:rgba(var(--accent-rgb),.38);background:#141829e8}.selector-station{display:flex;min-width:0;flex-direction:column;gap:1px}.selector-station small{color:var(--accent);font-family:Inter,Vazirmatn,ui-sans-serif,system-ui,sans-serif;font-size:.51rem;font-weight:560;letter-spacing:.04em;line-height:1.25}.selector-station strong{overflow:hidden;color:var(--ink);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:440;letter-spacing:-.025em;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.channel-selector>svg{width:18px;height:18px;fill:none;stroke:#747c82;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;transition:color .22s ease,transform .22s var(--ease-out)}.channel-selector:hover:not(:disabled)>svg{stroke:var(--accent)}.channel-selector[aria-expanded=true]>svg{stroke:var(--accent);transform:rotate(180deg)}.track-metadata{display:flex;gap:6px;align-items:baseline;justify-content:center;max-width:100%;margin:5px 0 0;overflow:hidden;color:#bbb5c5;font-size:.67rem;white-space:nowrap}.track-metadata span,.track-metadata small{overflow:hidden;text-overflow:ellipsis}.track-metadata small{color:#716b78;font-size:.6rem}.track-metadata small:before{margin-inline-end:6px;content:"—"}.channel-support{display:flex;gap:10px;align-items:center;justify-content:center;min-height:22px;margin-top:7px;color:#5f5967;font-size:.58rem}.channel-position{font-variant-numeric:tabular-nums;white-space:nowrap}.status-dot.active{color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.5)}.is-connecting .status-dot{color:var(--accent);animation:live-pulse 1.6s ease-in-out infinite}.separator{color:#39333f}.utility-bar{justify-content:flex-end;min-height:48px;direction:ltr}.volume-control{display:flex;align-items:center}.volume-control button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease}.volume-control button:hover{color:var(--accent);border-color:var(--hairline);background:#ffffff05}.volume-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.volume-control{gap:9px;color:#7c7685}.volume-control input{width:112px;height:16px;margin:0;appearance:none;background:transparent;cursor:pointer}.volume-control input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--accent) var(--volume),rgba(243,243,240,.14) var(--volume))}.volume-control input::-webkit-slider-thumb{width:7px;height:7px;margin-top:-3px;appearance:none;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.28)}.volume-control input::-moz-range-track{height:1px;background:#f3f3f024}.volume-control input::-moz-range-progress{height:1px;background:var(--accent)}.volume-control input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--accent)}.channel-directory{position:fixed;inset:50% auto auto 50%;width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 48px));padding:0;margin:0;overflow:hidden;border:1px solid rgba(233,227,244,.12);border-radius:18px;background:radial-gradient(circle at 82% 5%,rgba(var(--accent-rgb),.055),transparent 28%),#0c0e17fb;color:var(--ink);box-shadow:0 30px 100px #0000009e,inset 0 1px #ffffff06;opacity:0;transform:translate(-50%,-46%) scale(.98)}.channel-directory[open]{display:block;opacity:1;transform:translate(-50%,-50%) scale(1);animation:directory-in .24s var(--ease-out)}.channel-directory::backdrop{background:#040208c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.directory-panel{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:inherit;direction:rtl}.sheet-handle{display:none}.directory-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 15px;border-bottom:1px solid rgba(233,227,244,.07)}.directory-panel header h2{margin:0}.directory-panel header h2{font-size:1rem;font-weight:450}.directory-panel header p{margin:3px 0 0;color:#6c6574;font-size:.58rem}.directory-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(233,227,244,.1);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.directory-close:hover{border-color:rgba(var(--accent-rgb),.35);color:var(--accent)}.directory-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.directory-list{padding:6px 10px 10px;overflow-y:auto;overscroll-behavior:contain}.directory-option{display:grid;position:relative;grid-template-columns:42px minmax(0,1fr) 24px;gap:12px;align-items:center;width:100%;min-height:64px;padding:8px 11px;border:0;border-bottom:1px solid rgba(233,227,244,.055);border-radius:10px;background:transparent;color:var(--muted);text-align:right;cursor:pointer;transition:color .2s ease,background .2s ease}.directory-option:last-child{border-bottom-color:transparent}.directory-option:hover{background:#ffffff06;color:var(--ink)}.directory-option.active{border-bottom-color:transparent;background:rgba(var(--accent-rgb),.055);color:var(--ink)}.directory-number{display:grid;place-items:center;width:38px;height:30px;border:1px solid rgba(233,227,244,.08);border-radius:999px;color:#6b6473;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-variant-numeric:tabular-nums;text-align:center;transition:color .2s ease,border-color .2s ease,background .2s ease}.directory-option.active .directory-number{border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.06);color:var(--accent)}.directory-copy{display:flex;min-width:0;flex-direction:column}.directory-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-copy strong{font-size:.78rem;font-weight:450}.directory-radio{display:grid;place-items:center;width:16px;height:16px;border:1px solid #4d555b;border-radius:50%;transition:border-color .2s ease,box-shadow .2s ease}.directory-radio i{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .2s var(--ease-out)}.directory-option.active .directory-radio{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.16)}.directory-option.active .directory-radio i{opacity:1;transform:scale(1)}@keyframes radio-wave{0%{opacity:0;transform:scale(.82)}20%{opacity:.3}to{opacity:0;transform:scale(1.42)}}@keyframes tune{to{transform:rotate(360deg)}}@keyframes tuning-flash{0%{opacity:1}45%{opacity:.28}to{opacity:1}}@keyframes tuning-core{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}to{opacity:.3;transform:scale(1)}}@keyframes analog-chroma{0%,to{filter:none}42%{filter:drop-shadow(1.5px 0 rgba(var(--accent-rgb),.16)) drop-shadow(-1.5px 0 rgba(var(--accent-alt-rgb),.13)) saturate(1.12)}}@keyframes spectrum-breathe{0%{opacity:.24}to{opacity:.4}}@keyframes spectrum-shift{0%{opacity:.14;transform:translate(-50%,-50%) rotate(-14deg) scale(.96)}48%{opacity:.62;transform:translate(-50%,-50%) rotate(4deg) scale(1.035)}to{opacity:.32;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}@keyframes halo-drift{0%{opacity:.5;transform:rotate(-12deg) scale(1)}to{opacity:.7;transform:rotate(9deg) scale(1.055)}}@keyframes light-bloom{0%,to{filter:blur(30px);transform:scale(calc(.94 + var(--beat) * .12))}48%{filter:blur(38px);opacity:1;transform:scale(1.16)}}@keyframes floor-flash{0%,to{transform:translate(-50%,-50%) scaleX(calc(.94 + var(--beat) * .08))}48%{opacity:1;transform:translate(-50%,-50%) scaleX(1.12)}}@keyframes channel-reveal{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes page-forward{0%{opacity:.25;transform:translate(10px) rotateY(-11deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes page-backward{0%{opacity:.25;transform:translate(-10px) rotateY(11deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes page-button-forward{0%,to{transform:rotateY(0) scale(1)}48%{transform:rotateY(-26deg) scale(.94)}}@keyframes page-button-back{0%,to{transform:rotateY(0) scale(1)}48%{transform:rotateY(26deg) scale(.94)}}@keyframes directory-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes live-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes scan{0%{transform:translateY(-60%)}to{transform:translateY(60%)}}@media(max-height:760px)and (min-width:721px){.radio-app{min-height:540px;padding-top:20px;padding-bottom:18px}.radio-stage{grid-template-rows:minmax(250px,1fr) 140px;padding-bottom:4px}.player-cluster{grid-template-columns:56px minmax(240px,360px) 56px;gap:14px}.now-playing{min-height:128px}}@media(max-width:720px){body{overflow:hidden}.radio-app{min-height:520px;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.wordmark svg{width:26px;height:26px}.wordmark span{font-size:.68rem}.radio-stage{grid-template-rows:minmax(250px,1fr) 126px;padding:6px 0 2px}.player-cluster{grid-template-columns:48px minmax(0,1fr) 48px;gap:7px;width:min(100%,430px)}.channel-step{width:48px;height:48px}.channel-step:after{width:8px}.player-cluster:before{right:24px;left:24px}.radio-core{inset:16%}.play-control{width:98px}.play-icon{top:34px;left:39px}.now-playing{width:88vw;min-height:128px}.selector-station strong{font-size:1.3rem}.channel-copy{min-height:72px}.channel-selector{width:min(82vw,330px);min-height:56px;border-radius:14px}.track-metadata{margin-top:4px;font-size:.62rem}.track-metadata small{font-size:.56rem}.channel-support{gap:7px;min-height:18px;margin-top:5px;font-size:.54rem}.utility-bar{min-height:42px}.volume-control{gap:4px}.volume-control input{width:70px}.channel-directory{inset:auto 0 0;width:100%;max-width:none;max-height:min(72dvh,620px);border-width:1px 0 0;border-radius:22px 22px 0 0;opacity:1;transform:translateY(24px)}.channel-directory[open]{transform:translateY(0);animation:sheet-up .26s var(--ease-out)}.directory-panel{grid-template-rows:auto auto minmax(0,1fr)}.sheet-handle{display:block;width:36px;height:3px;margin:9px auto 0;border-radius:999px;background:#f3f3f029}.directory-panel>header{padding-top:10px}.directory-option{min-height:58px}}@media(max-width:390px){.radio-app{padding-inline:14px}.player-cluster{width:calc(100% + 12px)}.volume-control button{width:44px;height:44px}.volume-control input{width:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
