:root{color-scheme:dark;--bg:#101a20;--card:#19262d;--ink:#f1ede4;--muted:#9caeaf;--gold:#e8bd78;--line:#354249;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 15%,#283b3b66,transparent 55%),var(--bg);min-height:100vh}header,footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between}header{padding:36px 54px;border-bottom:1px solid #ffffff12}.brand{text-decoration:none;color:var(--ink);font-size:15px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:14px}.brand-mark{color:var(--gold);font-size:37px;line-height:1}.brand-light{font-weight:300}.edition{font-size:10px;letter-spacing:2px;color:var(--muted)}.edition span{border:1px solid var(--line);padding:7px;margin-left:12px}main{max-width:1100px;margin:auto;padding:52px 42px 32px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow,.detail-label{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--gold)}.intro p{margin:0;font-size:13px;color:var(--muted)}.radio{background:linear-gradient(125deg,#223239,var(--card) 70%);border:1px solid #435152;border-radius:22px;padding:30px 42px 0;box-shadow:0 24px 70px #0004;overflow:hidden}.radio-top{display:flex;justify-content:space-between;align-items:center}.pill{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1.3px}.dot{height:6px;width:6px;background:var(--muted);border-radius:50%}.dot.live{background:#a4cfad;box-shadow:0 0 0 4px #a4cfad16}.band{font-size:10px;letter-spacing:2px;color:var(--muted)}.station-row{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.station-index{font-size:10px;color:var(--muted);letter-spacing:2px;margin:0 0 12px}h1{font-family:Georgia,serif;font-weight:400;font-size:40px;letter-spacing:-1px;margin:0}.arabic{color:var(--gold);font-family:Tahoma,Arial,sans-serif;font-size:19px;text-align:left;margin:10px 0 0}.station-emblem{font-size:90px;color:var(--gold);opacity:.65;line-height:1}.frequency{margin:10px 0 22px;display:flex;align-items:baseline;gap:16px}.frequency>span:first-child{font-weight:200;font-size:104px;letter-spacing:-6px;line-height:1.2;font-variant-numeric:tabular-nums}.decimal{color:var(--gold)}.unit{color:var(--muted);font-size:16px;letter-spacing:2px}.dial{position:relative;margin-bottom:30px;padding-top:4px}.ticks{height:32px;background:repeating-linear-gradient(90deg,#82908b99 0 1px,transparent 1px 2.5%);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);border-top:1px solid var(--line)}.dial-marker{position:absolute;top:-10px;left:50%;width:2px;height:50px;background:var(--gold);box-shadow:0 0 14px #e8bd7850;transform:translateX(-50%)}.dial-marker:before{content:"";position:absolute;left:-4px;top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--gold)}.dial-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:13px;font-variant-numeric:tabular-nums}.dial-labels .selected{color:var(--gold)}.transport{border-top:1px solid var(--line);margin:0 -42px;padding:27px 42px;background:#14212766;display:flex;align-items:center;gap:22px}.play-button{display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:50px;background:var(--gold);color:#152027;font-weight:650;font-size:14px;padding:18px 23px;min-width:154px;cursor:pointer}.play-button:hover{background:#f4cd90}.play-button:disabled{opacity:.6}.play-status{display:flex;flex-direction:column;gap:6px}.play-status strong{font-weight:500;font-size:13px}.play-status>span{font-size:11px;color:var(--muted)}.volume{margin-left:auto;min-width:140px}.volume label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}input[type=range]{width:100%;accent-color:var(--gold);height:14px;cursor:pointer;margin:0}.details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:32px 6px 10px}.detail-label{color:var(--muted);font-size:9px}.details p{font-size:12px;color:#c6cecb;line-height:1.7;margin:9px 0}footer{padding:22px 54px;border-top:1px solid #ffffff12;font-size:10px;color:var(--muted);letter-spacing:.5px}footer>span:nth-child(2){font-size:9px;letter-spacing:1.5px}.footer-dot{margin:0 12px;color:var(--gold)}.error{padding:14px 0;font-size:13px;color:#ffc0b4;line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(min-width:1500px){main{padding-top:70px;padding-bottom:70px}}@media(max-width:700px){header{padding:24px}.edition{display:none}main{padding:30px 20px}.intro{display:block}.intro p{margin-top:10px}.radio{padding:24px 24px 0}.station-row{margin-top:28px}h1{font-size:33px}.station-emblem{font-size:65px}.frequency>span:first-child{font-size:86px}.transport{margin:0 -24px;padding:22px 24px;flex-wrap:wrap;gap:18px}.play-button{min-width:135px;padding:16px}.play-status{flex:1}.volume{width:100%;margin:4px 0 0}.details{grid-template-columns:1fr;gap:15px;padding-top:26px}.details p{margin:5px 0}.details>div:last-child{display:none}footer{padding:20px 24px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}