@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root {
  --yellow:#ffd325;--sun:#ffe260;--dark:#111311;--black:#080908;
  --surface:#222421;--soft:#2c2e2a;--cream:#e8d9b9;
  --muted:#a9aa9f;--edge:#464840;
  --font:'Vazirmatn','DM Sans',sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%;min-height:100%;margin:0;overscroll-behavior:none;overflow:hidden}
body{background:#cfc5b5;color:#f7f6ef;font-family:var(--font);-webkit-tap-highlight-color:transparent}
button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}
button:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.desktop-scene{position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,#eddfc7dd,#ebe3d4),url('assets/sunset.webp') center/cover}
.desktop-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,transparent 0 14%,#b5a68977 85%)}
.desktop-layout{position:relative;min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:clamp(30px,7vw,120px);padding:20px}
.desktop-copy{width:clamp(280px,31vw,430px);color:#151714;direction:ltr;text-align:left}
.desktop-copy .eyebrow{font:700 12px 'DM Sans',sans-serif;letter-spacing:3px}
.desktop-copy h1{font:800 clamp(48px,6vw,87px)/.99 'DM Sans',sans-serif;letter-spacing:-3px;margin:25px 0}
.desktop-copy h1 span{color:#e4af00;text-shadow:0 2px 1px #fff5d8}
.desktop-copy p{font-size:19px;font-weight:600;direction:rtl;text-align:left}
.editorial-stamp{font:800 18px 'DM Sans',sans-serif;letter-spacing:3px;border-top:2px solid #272821;margin-top:40px;padding-top:15px}.editorial-stamp b{color:#d8a300}
.radio-app{direction:rtl;position:relative;isolation:isolate;width:min(428px,100%);height:min(900px,calc(100dvh - 42px));overflow:hidden;flex:none;border:6px solid #171816;border-radius:43px;background:radial-gradient(ellipse at 50% 10%,#2f302d 0,#20211e 45%,#141513 100%);box-shadow:0 24px 55px #16130f70,0 2px 0 #69665b inset,0 0 0 1px #a89f8c}
.radio-app::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.49' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}
.radio-content{height:100%;min-height:0;position:relative;z-index:2;display:grid;grid-template-rows:clamp(43px,6.4dvh,62px) clamp(27px,5dvh,48px) minmax(91px,1.5fr) clamp(54px,9.2dvh,81px) clamp(55px,9.4dvh,82px) minmax(78px,1fr) clamp(38px,6.3dvh,54px) clamp(47px,7.6dvh,67px);gap:clamp(4px,.9dvh,9px);padding:max(9px,env(safe-area-inset-top)) 13px max(8px,env(safe-area-inset-bottom));}
.app-header{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:10px}
.neo-button{display:grid;place-items:center;border:1px solid #494b45;background:linear-gradient(145deg,#353733,#191b19);box-shadow:3px 4px 7px #050605a8,-2px -2px 4px #56585170,inset 1px 1px 1px #aeb1a342,inset -1px -2px 2px #0009;color:#ecece7;transition:transform .15s,box-shadow .15s}
.neo-button:active,.footer-action:active{transform:translateY(2px);box-shadow:inset 2px 2px 5px #0009}
.head-action{width:40px;height:40px;flex:none;border-radius:14px}
.head-action svg{width:19px;height:19px}
.brand-lockup{display:flex;align-items:center;direction:ltr;gap:9px;min-width:0}
.brand-icon{width:21px;height:32px;display:block;flex:none;border:4px solid var(--yellow);box-shadow:0 1px 9px #ffd22240,inset 1px 1px 2px #ffe6a0;position:relative}
.brand-icon:after{content:'';position:absolute;bottom:-4px;right:-4px;width:9px;height:4px;background:#1a1b19}
.brand-text{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap}
.brand-text strong{font:800 clamp(17px,5vw,24px) 'DM Sans',sans-serif;letter-spacing:-.8px}
.brand-text strong span{color:var(--yellow);margin-left:2px;font-weight:700}
.brand-text small{color:#aeb1a9;font:600 9px var(--font);letter-spacing:1.1px;margin-top:5px;direction:ltr}
.brand-text small i{color:var(--yellow);font-style:normal}
.speaker{min-width:0;position:relative;border-radius:13px;overflow:hidden;background:linear-gradient(170deg,#181a19f5,#393c37e8 40%,#1a1b19f7 95%),url('assets/vinyl.webp') center/cover;box-shadow:inset 0 3px 8px #030403,inset 0 -1px 0 #77796f66,0 1px 2px #77776a44;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:5px 10px}
.speaker-holes{height:100%;min-height:15px;background-image:radial-gradient(circle,#020303 43%,#63665d 51%,transparent 65%);background-size:10px 10px;background-position:center;opacity:.95;filter:drop-shadow(0 1px 0 #6f7068)}
.speaker-sign{width:82px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;direction:ltr;font:700 7px 'DM Sans',sans-serif;letter-spacing:.6px;color:#898f80;white-space:nowrap}
.speaker-dot{width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px #ffcc19}
.speaker-bars{display:flex;align-items:flex-end;gap:3px;height:13px}.speaker-bars i{width:3px;height:35%;background:var(--yellow);box-shadow:0 0 4px #ffdd3066}.speaker-bars i:nth-child(2n){height:75%}.speaker-bars i:nth-child(3n){height:100%}
.is-playing .speaker-bars i,.is-playing .sound-meter i{animation:bars .65s ease-in-out infinite alternate}.is-playing .speaker-bars i:nth-child(3n),.is-playing .sound-meter i:nth-child(2n){animation-delay:-.35s}
@keyframes bars{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.now-playing{position:relative;min-height:0;border-radius:20px;overflow:hidden;border:2px solid #686458;box-shadow:0 0 0 4px #0e0f0d,0 6px 12px #0009,inset 0 2px 5px #ffc04b55;background:#201b14;padding:12px 13px;display:flex;flex-direction:column;justify-content:space-between}
.artwork-backdrop{position:absolute;inset:0;background:linear-gradient(110deg,#090b0bdd 0,#12110f33 55%,#07080a44),url('assets/sunset.webp') center 53%/cover;transform:scale(1.03)}
.photo-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#080a0df0 0,transparent 75%),radial-gradient(ellipse at 70% 45%,transparent 15%,#0007 100%)}
.now-top,.now-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.now-bottom{align-items:flex-end}.track-info{flex:1;min-width:0;text-align:right}
.station-type{display:block;color:#f5d068;font:800 9px 'DM Sans',var(--font);letter-spacing:.6px;direction:ltr;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:2px}
.track-info h2{margin:0;color:#fff;font:800 clamp(18px,4.65vw,25px)/1.25 'DM Sans',var(--font);text-shadow:0 2px 8px #000d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:auto}
.track-info p{font-size:10px;color:#e0ded6;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-badge{display:flex;align-items:center;gap:6px;max-width:76%;min-width:0;font-size:9px;font-weight:700;white-space:nowrap;text-shadow:0 1px 4px #000}
.live-badge>span:last-child{overflow:hidden;text-overflow:ellipsis}#livePulse{flex:none;width:7px;height:7px;border-radius:50%;background:#aaaca6;box-shadow:0 0 0 3px #ffffff17}.is-playing #livePulse{background:#ffe34e;box-shadow:0 0 10px #ffd526}
.glass-favorite{background:#12121199;border:1px solid #ddddcb66;border-radius:12px;width:33px;height:33px;display:grid;place-items:center;backdrop-filter:blur(10px);flex:none}
.glass-favorite svg{width:18px;height:18px}.glass-favorite.active svg{color:var(--yellow);fill:#ffd32577}
.sound-meter{direction:ltr;display:flex;align-items:end;gap:2px;height:27px;flex:none}
.sound-meter i{display:block;width:3px;border-radius:2px;background:var(--yellow);height:35%;box-shadow:0 0 7px #e8b31599;transform-origin:bottom}
.sound-meter i:nth-child(2n){height:74%}.sound-meter i:nth-child(3n){height:50%}.sound-meter i:nth-child(5n){height:95%}
.station-favicon{display:none}
.transport-row{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(14px,5vw,26px);min-height:0}
.transport-row:before,.transport-row:after{content:'';height:3px;width:38px;position:absolute;background:linear-gradient(90deg,transparent,var(--yellow));box-shadow:0 0 8px #eec62980;top:50%;right:0;border-radius:5px}
.transport-row:after{right:auto;left:0;transform:rotate(180deg)}
.transport-button{width:clamp(43px,11dvh,55px);height:clamp(43px,11dvh,55px);border-radius:50%;z-index:1}
.transport-button svg{height:23px;width:23px;color:var(--yellow);fill:#ffda2733}
.play-button{position:relative;z-index:2;width:clamp(57px,9.3dvh,78px);height:clamp(57px,9.3dvh,78px);flex:none;display:grid;place-items:center;border-radius:50%;color:#151515;background:radial-gradient(circle at 34% 22%,#fff2a2,#ffe13f 35%,#e7a900 83%);border:3px solid #b78b0c;box-shadow:0 0 0 5px #10110e,0 0 0 7px #776329,0 8px 13px #000e,inset 0 2px 3px #fff7b1,inset 0 -3px 3px #9b6500,0 0 19px #ffd4256b}
.play-button:active{transform:translateY(2px) scale(.98)}.play-button svg{width:27px;height:27px;stroke-width:2.4}.pause-icon,.loading-spinner{display:none}.is-playing .play-icon{display:none}.is-playing .pause-icon{display:block}.is-buffering .play-icon,.is-buffering .pause-icon{display:none}.is-buffering .loading-spinner{display:block;border:3px solid #17171733;border-top-color:#171717;border-radius:50%;width:23px;height:23px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}
.genres{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:0 3px;white-space:nowrap}.section-header span{font-size:11px;font-weight:800}.section-header small{color:#a6a69c;font-size:9px;overflow:hidden;text-overflow:ellipsis}
.genre-rail{display:flex;flex:1;min-height:0;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;padding:3px 4px 6px;align-items:stretch;scroll-snap-type:x proximity}.genre-rail::-webkit-scrollbar{display:none}
.genre-button{border:1px solid #4a4a42;flex:0 0 auto;min-width:67px;white-space:nowrap;padding:0 12px;border-radius:14px;background:linear-gradient(155deg,#343630,#20221f 60%);box-shadow:3px 4px 5px #080908b0,inset 1px 1px 1px #ffffff24;color:#d0cfc6;font-size:11px;font-weight:700;scroll-snap-align:center;transition:background .18s,transform .18s}
.genre-button.active{background:linear-gradient(155deg,#fff0a0,#ffd52a 47%,#dfaa05);border-color:#ffec8d;color:#171712;box-shadow:0 0 0 1px #ffcc1680,0 3px 9px #ffcd2848,inset 1px 2px 2px #fff8c1,inset 0 -2px 2px #ae7d00}
.genre-button:active{transform:scale(.97)}
.tuner-panel{border-radius:21px;border:1px solid #393b35;background:linear-gradient(156deg,#1b1e1b,#272924 64%,#1b1c19);box-shadow:inset 2px 2px 9px #030303d9,inset -1px -1px 1px #68685c4d,0 2px 2px #6a685935;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 12px;min-height:0;overflow:hidden}
.tuner-copy{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;align-self:stretch}
.tuner-heading{display:flex;align-items:center;gap:6px;color:#a2a49b;font-size:9px;font-weight:700;white-space:nowrap}
.tuner-counter{margin-right:auto;font:800 10px 'DM Sans',sans-serif;direction:ltr;color:#e1c779}
.yellow-led{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px #ffd122}
.channel-tape{min-width:0;position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;overflow:hidden;mask-image:linear-gradient(transparent,black 18%,black 82%,transparent)}
.tape-item{font-size:10px;line-height:1.55;color:#92958c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;direction:auto;text-align:right}.tape-item.tape-active{background:linear-gradient(90deg,transparent,#3c351b);border-right:3px solid var(--yellow);padding:3px 6px 3px 0;font-weight:800;color:#fff2bd;font-size:clamp(10px,2.9vw,13px)}
.dial-dock{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:none}
.tuner{width:clamp(72px,13.5dvh,110px);height:clamp(72px,13.5dvh,110px);flex:none;position:relative;touch-action:none;user-select:none;cursor:grab;outline-offset:4px;border-radius:50%;filter:drop-shadow(0 5px 4px #000a)}.tuner.is-dragging{cursor:grabbing}
.dial-scale{position:absolute;inset:0;width:100%;height:100%}.tuner-well{position:absolute;inset:11%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#0c0d0b 60%,#42443c 79%,#a39977 87%,#11120f 94%);box-shadow:inset 0 5px 8px #000,0 1px 2px #ffffe136}
.tuner-knob{position:relative;width:90%;height:90%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 23%,#4a4c45 3%,#282a26 36%,#131511 80%);border:2px solid #5a5b50;box-shadow:0 3px 6px #000,inset 1px 2px 3px #a6a79c60,inset -3px -4px 5px #000c;transform:rotate(var(--knob-angle,0deg));transition:transform .24s ease}
.tuner.is-dragging .tuner-knob{transition:none}.knob-trench{position:absolute;inset:5%;border-radius:50%;border:1px dashed #86877738}.knob-marker{position:absolute;top:5%;left:50%;width:4px;height:15%;border-radius:4px;background:var(--yellow);box-shadow:0 0 8px #ffda4d;transform:translateX(-50%)}
.knob-center{font:900 clamp(15px,3vw,22px) 'DM Sans',sans-serif;color:#dedacc;text-shadow:0 2px 2px #000}.knob-center span{color:var(--yellow)}
.tuner-hint{font-size:8px;color:#a3a49a;white-space:nowrap}
.volume-row{min-width:0;display:flex;gap:13px;align-items:center;padding:0 4px;direction:ltr}
.volume-button{display:grid;place-items:center;border:0;background:none;padding:0;color:#e1dfd4}.volume-button svg{width:19px;height:19px}
.volume-row input{flex:1;min-width:0;height:7px;appearance:none;-webkit-appearance:none;border:1px solid #080908;border-radius:999px;background:linear-gradient(to right,var(--yellow) 0,var(--yellow) var(--volume-pct,72%),#0e100e var(--volume-pct,72%),#0e100e 100%);box-shadow:inset 0 2px 3px #000d,0 1px 1px #ffffff36;outline-offset:7px;cursor:pointer}
.volume-row input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;border-radius:50%;border:2px solid #c1c1ba;background:linear-gradient(130deg,#fafafa,#5d625e 75%);box-shadow:0 2px 4px #000b,0 0 0 3px #262824}
.volume-row input::-moz-range-thumb{width:17px;height:17px;border-radius:50%;border:2px solid #bebeb8;background:linear-gradient(130deg,#fafafa,#5d625e 75%)}
#volumeValue{font:800 10px 'DM Sans',sans-serif;min-width:36px;color:#d5d4ca;text-align:right}
.app-footer{display:flex;align-items:stretch;justify-content:space-between;gap:7px;min-width:0;min-height:0}
.footer-action{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #474941;border-radius:14px;background:linear-gradient(150deg,#323430,#1c1e1b);box-shadow:2px 3px 5px #030403b0,inset 1px 1px 2px #ffffff24;color:#bbbbb4;font-size:9px;font-weight:700;line-height:1.15}
.footer-action svg{width:19px;height:19px}.footer-selected{border-color:#776421;color:#ffd63c}.footer-action span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sheet-backdrop{position:absolute;z-index:8;inset:0;background:#0009;backdrop-filter:blur(4px)}
.station-sheet{position:absolute;z-index:9;bottom:0;left:0;right:0;height:min(86%,770px);display:flex;flex-direction:column;gap:10px;padding:12px 18px max(14px,env(safe-area-inset-bottom));background:#20221f;border-radius:25px 25px 0 0;border-top:1px solid #62655a;box-shadow:0 -16px 34px #000a;overflow:hidden}
.sheet-grab{width:35px;height:4px;margin:0 auto 2px;background:#74776c;border-radius:9px;flex:none}
.sheet-heading{display:flex;align-items:center;justify-content:space-between}.sheet-heading small{color:var(--yellow);font:800 9px 'DM Sans',sans-serif;letter-spacing:2px}.sheet-heading h2{margin:2px 0;font-size:22px}.sheet-heading h2 span{color:var(--yellow)}.close-sheet{width:35px;height:35px;border-radius:10px}
.sheet-tabs{display:flex;gap:9px;flex:none}.sheet-tab{padding:7px 14px;border:1px solid #4b4d44;background:#31332e;border-radius:11px;color:#b3b4ab;font-size:11px;font-weight:700}.sheet-tab.active{background:var(--yellow);color:#151510;border-color:#ffef9b}
.sheet-search{border:1px solid #515349;border-radius:13px;background:#131512;display:flex;align-items:center;gap:9px;padding:8px 12px}.sheet-search svg{width:18px;height:18px;color:var(--yellow)}.sheet-search input{outline:0;border:0;background:transparent;color:#fff;width:100%;font-size:13px;min-width:0}
.filter-title{display:flex;justify-content:space-between;color:#bfc0b9;font-size:11px;font-weight:800;flex:none}.filter-title button{border:0;background:none;color:var(--yellow);font-size:10px;display:flex;align-items:center;gap:4px}.filter-title button svg{width:12px;height:12px}
.genre-filters,.country-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:none}.genre-filters::-webkit-scrollbar,.country-filters::-webkit-scrollbar{display:none}
.filter-chip,.country-chip{flex:0 0 auto;padding:6px 11px;background:#33362f;border:1px solid #505248;border-radius:10px;font-size:11px;color:#cccfc6}.filter-chip.active,.country-chip.active{background:#494122;color:var(--yellow);border-color:#a08c35}
.results-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #44473e;padding-bottom:8px;flex:none}.results-heading strong{font-size:12px}.results-heading span{font:600 9px 'DM Sans',sans-serif;color:#a4a69b}
.station-results{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#67685d transparent}
.station-result{width:100%;text-align:right;display:flex;align-items:center;gap:11px;padding:9px 6px;border:0;border-bottom:1px solid #373a33;background:transparent}.station-result.selected{background:#39362577}
.result-cover{width:38px;height:38px;display:grid;place-items:center;position:relative;flex:none;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#fbdf4d,#786821);font:800 18px 'DM Sans',sans-serif;color:#171717}.result-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.result-info{min-width:0;flex:1}.result-info strong,.result-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-info strong{font-size:12px}.result-info small{font-size:10px;color:#999b91;margin-top:3px}.result-play svg{color:var(--yellow);width:19px;height:19px}
.list-message{font-size:12px;color:#b9b9b0;padding:24px 9px;text-align:center;line-height:1.9}.list-message button{background:var(--yellow);color:#111;border:0;padding:7px 13px;border-radius:8px;margin-top:8px}
.sheet-foot{text-align:center;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#7f8277;flex:none}
.toast{position:absolute;z-index:15;bottom:13%;left:10%;right:10%;background:#fce056;color:#171717;box-shadow:0 4px 16px #000a;padding:10px 12px;border-radius:12px;text-align:center;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}
@media(max-width:750px){.desktop-copy{display:none}.desktop-layout{display:block;padding:0}.radio-app{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.radio-content{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}}
@media(max-width:365px){.radio-content{padding-left:10px;padding-right:10px;gap:4px}.brand-text strong{font-size:18px}.speaker-sign{width:60px;letter-spacing:0;font-size:6px}.now-playing{padding:9px 11px}.section-header small{font-size:8px}.genre-button{min-width:57px;padding:0 9px;font-size:10px}.footer-action{font-size:8px}.tuner-panel{padding:5px 8px}.tuner{width:73px;height:73px}.tape-item{font-size:9px}}
@media(max-height:690px){.radio-content{grid-template-rows:42px 28px minmax(88px,1.45fr) 56px 60px minmax(80px,1fr) 37px 48px;gap:4px;padding-top:max(5px,env(safe-area-inset-top));padding-bottom:max(5px,env(safe-area-inset-bottom))}.head-action{height:35px;width:35px}.speaker-sign{gap:0}.now-playing{border-radius:15px}.transport-button{height:43px;width:43px}.play-button{height:54px;width:54px}.tuner{width:74px;height:74px}.tuner-hint{font-size:7px}.genre-rail{padding-bottom:3px}.genre-button{border-radius:12px}.track-info h2{font-size:17px}.sound-meter{height:20px}.footer-action svg{width:17px;height:17px}}
@media(max-height:550px){.speaker{display:none}.radio-content{grid-template-rows:39px 0px minmax(72px,1.5fr) 47px 48px minmax(70px,1fr) 33px 42px}.transport-button{width:38px;height:38px}.play-button{width:45px;height:45px}.tuner{width:65px;height:65px}.section-header small{display:none}.footer-action span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* DISCOVERA RADIO / ICON LANGUAGE v3 ----------------------------------- */
:root{--icon-accent:#ffd325}
.svg-sprite{color:transparent}
svg{overflow:visible}
/* All icons share a hand-drawn 32px grid, 1.85px stroke and one accent ink. */
.head-action svg{width:20px;height:20px;filter:drop-shadow(0 1px 0 #080a07)}
.head-action:hover,.footer-action:hover{border-color:#80723f}
.neo-button svg,.footer-action svg,.glass-favorite svg,.volume-button svg,.sheet-tab svg,.country-chip svg,.filter-chip svg{transition:transform .16s ease,color .16s ease}
.neo-button:active svg,.footer-action:active svg{transform:scale(.92)}
.transport-button svg{height:25px;width:25px;fill:none;stroke-width:1.9;filter:drop-shadow(0 1px 1px #050505)}
.play-button svg{height:29px;width:29px;stroke-width:2.1}
.play-button:before{content:'';position:absolute;inset:8px;border:1px solid #fff9b044;border-radius:50%;pointer-events:none}
/* A miniature custom pictogram replaces every genre emoji. */
.genre-button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:79px;padding:0 10px}
.genre-icon{width:19px;height:19px;flex:none;color:#e2bf45;--icon-accent:#e2bf45;stroke-width:1.95}
.genre-button.active .genre-icon{color:#171713;--icon-accent:#171713}
.genre-button span{display:block;flex:none}
.tuner-heading .tuner-label-icon{width:15px;height:15px;color:#e6d28b;flex:none}
.tuner-hint{display:flex;gap:3px;align-items:center;justify-content:center}
.tuner-hint svg{width:11px;height:11px;stroke:#d1b653}
.knob-center{display:grid;place-items:center}
.knob-center svg{width:clamp(22px,5vw,32px);height:clamp(22px,5vw,32px);color:#f7e09a;filter:drop-shadow(0 2px 2px #000b)}
.footer-action svg{width:22px;height:22px;filter:drop-shadow(0 2px 1px #0007)}
.footer-action.footer-selected svg{--icon-accent:#ffde57}
.volume-button svg{width:24px;height:24px}
.volume-button{min-width:28px;min-height:28px;border-radius:50%}
.glass-favorite svg{width:19px;height:19px}
.sheet-tab{display:flex;align-items:center;justify-content:center;gap:5px}
.sheet-tab svg{width:15px;height:15px;--icon-accent:#b7a35e}
.sheet-tab.active svg{--icon-accent:#151510}
.filter-chip,.country-chip{display:flex;align-items:center;gap:5px}
.filter-chip svg,.country-chip svg{width:15px;height:15px;flex:none}
.country-chip.active svg,.filter-chip.active svg{--icon-accent:#ffe587}
.sheet-heading .close-sheet svg{height:19px;width:19px}
.sheet-search svg{height:19px;width:19px}
.result-play svg{width:20px;height:20px}
/* Use actual vector paths, no emoji font fallback or external icon font. */
@media(max-width:365px){.genre-button{min-width:69px;padding:0 7px;gap:4px}.genre-icon{width:16px;height:16px}.footer-action svg{width:19px;height:19px}}
@media(max-height:690px){.genre-icon{width:16px;height:16px}.genre-button{min-width:67px;gap:4px}.footer-action svg{width:18px;height:18px}}
@media(max-height:550px){.genre-icon{width:15px;height:15px}.genre-button{min-width:63px}}

/* Physical transport/navigation stay LTR; Persian copy keeps RTL. */
.app-header,.transport-row{direction:ltr}.brand-logo{display:block;width:34px;height:34px;object-fit:contain;flex:none}.brand-lockup{direction:ltr}.transport-row svg,#backButton svg{direction:ltr}.track-info,.now-top,.now-bottom,.station-sheet{direction:rtl}