@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f4ef;--ink:#252a26;--muted:#7b7d76;--accent:#a56742;--line:#e5e1d7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans Arabic',Tahoma,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba8257;outline-offset:4px}button{color:inherit}header{max-width:1256px;margin:auto;height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;line-height:1.6}.brand-icon{border:1px solid #aa754c;background:#ede4d7;border-radius:13px;padding:1px 12px;font-size:30px;color:#9d623c}.brand small{display:block;letter-spacing:3px;font-size:9px;color:#8c887d}.header nav{display:flex;gap:34px;height:100%;align-items:center}.nav{border:0;background:none;font-size:14px;height:100%;position:relative;color:var(--muted)}.nav.active{color:var(--ink);font-weight:700}.nav.active:after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:3px;background:var(--accent)}#favCount{font:11px monospace;border-radius:5px;background:#e8e5dc;padding:2px 5px;margin-right:5px}.install{background:transparent;border:1px solid #d8d4c9;border-radius:8px;padding:9px 18px;font-size:12px}main{max-width:1120px;margin:auto}.intro{text-align:center;padding:47px 0 31px}.eyebrow{font-size:11px;color:#8a755d;letter-spacing:.3px;font-weight:600}.intro .eyebrow i{display:inline-block;background:#a67850;width:6px;height:6px;border-radius:50%;margin-left:7px}.intro h1{font-size:48px;margin:7px 0 5px;font-weight:800;letter-spacing:-2px;line-height:1.65}.intro em{font-style:normal;color:var(--accent)}.intro p{font-size:13px;color:var(--muted);margin:0}.radio{position:relative;background:linear-gradient(115deg,#2e302b,#20231f 50%,#292b26);border-radius:18px;padding:23px 34px 0;color:#ded8c9;box-shadow:0 22px 32px -22px #1a1c1a99,0 0 0 5px #e9e5dc, inset 0 1px 2px #ffffff25;border:1px solid #42443c}.screw{position:absolute;font:12px monospace;color:#717063;top:12px}.s1{right:12px}.s2{left:12px}.radio-top{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700;margin-bottom:19px}.radio-top small{font:8px monospace;letter-spacing:2px;color:#9b998b;margin-right:14px}.stereo{font:9px monospace;letter-spacing:1px;color:#aaa99a;direction:ltr}.stereo i{display:inline-block;background:#676c50;width:6px;height:6px;border-radius:50%;margin-right:7px}.playing #powerLed{background:#c2df7e;box-shadow:0 0 7px #c2df7e}.radio-body{display:grid;grid-template-columns:225px 1fr;gap:34px;direction:ltr}.speaker{border-radius:12px;background:radial-gradient(#10120f 1.3px,transparent 1.8px) 0 0/5px 5px,#363830;position:relative;min-height:255px;box-shadow:inset 0 1px 8px #0008;display:flex;align-items:center;justify-content:center}.speaker-ring{width:174px;height:174px;border:1px solid #62634d40;border-radius:50%;box-shadow:0 0 0 10px #00000009,0 0 0 27px #00000008;background:radial-gradient(circle,#0002,#0000)}.speaker>span{position:absolute;bottom:12px;font:7px monospace;letter-spacing:2px;color:#858573}.receiver{direction:rtl}.display{background:linear-gradient(115deg,#dbe1bd,#d4dcb1);border:6px solid #161a13;border-radius:8px;padding:12px 19px;color:#37402c;box-shadow:inset 0 1px 8px #4c583330,0 1px 0 #ffffff12}.display-head,.display-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;opacity:.77}.display-head{border-bottom:1px solid #53633d30;padding-bottom:5px}.display-head span:last-child,.display-bottom span:last-child{font:9px monospace;letter-spacing:1px}.screen-main{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0}.screen-main h2{font-size:25px;line-height:1.6;margin:0;font-weight:800}.screen-main p{font-size:9px;margin:0;opacity:.75}.frequency{direction:ltr;text-align:center}.frequency>span{font:bold 46px 'Courier New',monospace;letter-spacing:-3px}.frequency small{font:9px monospace;display:block;text-align:right;letter-spacing:2px}.display-bottom{border-top:1px solid #53633d20;padding-top:6px;font-size:8px}#signal{letter-spacing:2px}.tuner{position:relative;margin:15px 7px 10px;height:31px}.ruler{height:13px;background:repeating-linear-gradient(to right,#a6a39177 0px,#a6a39177 1px,transparent 1px,transparent 9.9px);border-bottom:1px solid #a6a39144}.numbers{display:flex;justify-content:space-between;font:9px monospace;color:#a8a696;margin-top:5px}#needle{position:absolute;top:-3px;bottom:10px;width:2px;background:#cb8d60;left:63%;box-shadow:0 0 5px #be754e55}#tune{position:absolute;inset:-5px 0 0;width:100%;height:40px;opacity:0;cursor:ew-resize}.controls{display:flex;align-items:center;justify-content:space-between;height:63px}.volume{width:150px}.volume label{display:flex;justify-content:space-between;font-size:9px;color:#aaa896}.volume input{width:100%;accent-color:#bf9469;height:13px}.transport{display:flex;gap:16px;align-items:center}.transport button{border:0;background:none;color:#c6c5b5;font:14px Arial}.transport .play{width:49px;height:49px;border-radius:50%;background:#c39164;color:#22271f;font-size:18px;box-shadow:0 3px 0 #0004,inset 0 1px 0 #ffe2be80}.knob{width:52px;height:52px;border:4px solid #1d201a;border-radius:50%;background:repeating-conic-gradient(#b9b3a2 0 3deg,#888574 3deg 6deg);box-shadow:0 3px 5px #0008;position:relative}.knob:before{content:'';position:absolute;inset:3px;border-radius:50%;background:linear-gradient(120deg,#c6c0ac,#8f8b79)}.knob span{position:absolute;width:2px;height:12px;top:5px;left:50%;background:#4d4b40;transform:rotate(35deg);transform-origin:center 20px}.radio-foot{border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;align-items:center;margin-top:22px;min-height:51px;font-size:9px;color:#8f9282}.radio-foot>div{display:flex;gap:20px}.radio-foot button,.radio-foot select{border:0;background:none;color:#bbb9a8;font-size:10px}.sleep{display:flex;align-items:center;gap:5px}.sleep select{max-width:120px}.sleep option{color:#222;background:#eee}.radio-foot>span:last-child{font:7px monospace;letter-spacing:1px}.stations{padding-top:46px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:25px;margin:4px 0 0;letter-spacing:-.8px}.section-head h2 span{font:11px monospace;background:#e9e5dc;padding:4px 6px;border-radius:5px;color:#868275;vertical-align:middle;margin-right:7px}.search{display:flex;gap:10px;align-items:center;background:#fff8;border:1px solid #dedbd1;border-radius:8px;padding:6px 12px;width:250px;color:#98988b}.search span{font:25px Arial}.search input{background:none;border:0;outline:0;min-width:0;width:100%;font-size:11px;color:var(--ink)}.filters{display:flex;gap:9px;margin:22px 0}.filters button{border:1px solid var(--line);border-radius:6px;padding:6px 15px;font-size:11px;background:none;color:#77796f}.filters button.selected{background:#303a2d;color:#f4f3e8;border-color:#303a2d}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{border:1px solid #dfddd3;border-radius:10px;background:#fcfbf7;padding:17px;position:relative;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#b3ab96}.card.current{border-color:#ad8059;background:#f0ece1}.station-select{display:flex;align-items:center;gap:12px;text-align:right;background:none;border:0;width:100%;padding:0}.station-logo{display:flex;align-items:center;justify-content:center;width:49px;height:49px;flex-shrink:0;border-radius:11px;background:var(--tile);color:var(--tiletext);font-weight:800;font-size:17px;line-height:1.3;letter-spacing:-1px;text-align:center;direction:ltr}.card h3{font-size:13px;margin:0 0 3px;font-weight:700}.card p{font-size:9px;color:#8a8b7e;margin:0}.card-foot{border-top:1px solid #e6e2d8;margin-top:15px;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.card-foot>span{font:10px monospace;color:#898777;direction:ltr}.card-foot>div{display:flex;gap:13px;align-items:center}.favorite,.card-play{border:0;background:none;font:21px Arial;color:#9b9e90;padding:0 3px}.favorite.saved{color:#ac6c49}.card-play{font-size:13px;color:#6e7664}.unavailable{font:9px 'Noto Sans Arabic',Tahoma!important;color:#a39480!important}.app-promo{display:flex;align-items:center;gap:22px;margin:37px 0 27px;border:1px solid #dedfd2;background:#edeee5;border-radius:11px;padding:22px 28px}.app-promo h3{font-size:16px;margin:0 0 4px}.app-promo p{font-size:11px;color:#7f8272;margin:0}.mini-radio{width:63px;height:47px;border:2px solid #9b9e87;border-radius:6px;color:#8d947a;font-size:26px;display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr}.mini-radio span{font-size:19px}.app-promo button{margin-right:auto;background:none;border:1px solid #c6cbb7;border-radius:7px;padding:9px 16px;font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 32px;border-top:1px solid var(--line);color:#8f9284;font-size:10px}.footer-brand{font-weight:800;font-size:15px;color:#626955}footer button{background:none;border:0;color:#888c7e;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#2b3329;color:#fff;padding:12px 22px;border-radius:9px;z-index:20;font-size:12px;box-shadow:0 5px 20px #0003}dialog{border:1px solid #ddd7c9;border-radius:15px;padding:30px;max-width:480px;width:90%;background:#f6f4ef;line-height:2;color:#343b2f}dialog::backdrop{background:#171b16aa;backdrop-filter:blur(4px)}dialog p,dialog li{font-size:13px}dialog a{color:#98633d}.close{float:left;border:0;background:none;font-size:25px}#empty{text-align:center;padding:40px;color:#888;font-size:13px}body.playing #signal{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.45}}@media(min-width:1500px){main{max-width:1180px}.intro{padding-top:58px}}@media(max-width:1300px){header{margin:0 5%}main{margin:0 8%}.radio-body{grid-template-columns:195px 1fr;gap:25px}}@media(max-width:950px){main{margin:0 5%}.radio-body{grid-template-columns:155px 1fr;gap:18px}.speaker-ring{width:120px;height:120px}.radio{padding:22px 24px 0}.grid{grid-template-columns:repeat(3,1fr)}.volume{width:110px}.radio-foot>span:last-child{display:none}.screen-main h2{font-size:21px}.frequency>span{font-size:39px}}@media(max-width:650px){header{height:80px;gap:12px}.brand{font-size:17px;gap:8px}.brand-icon{font-size:23px;padding:2px 8px;border-radius:10px}.brand small{font-size:7px;letter-spacing:2px}.header nav{gap:15px}.nav{font-size:11px}.install{padding:7px 10px;font-size:15px}.install span{display:none}.intro{padding:30px 0 25px}.intro h1{font-size:35px}.intro p{font-size:10px}.intro .eyebrow{font-size:9px}.radio{padding:20px 16px 0;border-radius:13px}.radio-top{font-size:14px;margin-bottom:15px}.radio-top small{display:none}.stereo{font-size:7px}.radio-body{display:block}.speaker{display:none}.display{padding:10px 12px;border-width:5px}.screen-main h2{font-size:22px}.frequency>span{font-size:41px}.display-head{font-size:8px}.display-bottom{font-size:7px}.controls{height:65px}.volume{width:90px}.transport{gap:11px}.transport .play{height:46px;width:46px}.knob{height:46px;width:46px}.radio-foot{margin-top:13px;font-size:8px}.radio-foot>div{gap:8px}.radio-foot select,.radio-foot button{font-size:9px}.stations{padding-top:32px}.section-head{gap:14px}.section-head h2{font-size:21px}.section-head .eyebrow{font-size:9px}.search{width:158px;padding:6px 8px}.search input{font-size:10px}.filters{overflow:auto;white-space:nowrap;margin:17px 0;gap:7px;padding-bottom:5px}.filters button{font-size:10px;padding:6px 12px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:12px}.station-select{gap:8px}.station-logo{width:39px;height:39px;font-size:14px;border-radius:8px}.card h3{font-size:11px}.card p{font-size:8px}.card-foot{margin-top:12px;padding-top:8px}.card-foot>div{gap:7px}.card-foot>span{font-size:9px}.app-promo{gap:12px;padding:16px 12px;flex-wrap:wrap;margin-top:25px}.app-promo h3{font-size:13px}.app-promo p{font-size:9px}.mini-radio{width:48px;height:39px}.app-promo button{margin-right:60px;font-size:10px;padding:7px 12px}footer{flex-wrap:wrap;gap:8px;font-size:8px}.footer-brand{font-size:12px}footer p{margin:0}footer button{font-size:8px}.eyebrow{letter-spacing:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}