:root{color-scheme:light;--ink:#242824;--muted:#62655f;--orange:#ed5a16;--paper:#f7f6f2}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.header{max-width:1160px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #deded5}
.brand{display:block;line-height:0;border-radius:4px;overflow:hidden}
.brand img{display:block;width:225px;height:auto}
.location{font-size:13px;color:var(--muted);letter-spacing:.04em}
main{max-width:1160px;min-height:calc(100svh - 205px);margin:auto;padding:72px 36px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:64px}
.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700}
h1{font-size:clamp(48px,5.5vw,76px);line-height:1.03;letter-spacing:-.06em;margin:25px 0}
h1 span{color:var(--orange)}
.intro p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.frequency{display:flex;align-items:center;gap:14px;margin-top:42px}
.frequency strong{font-size:42px;letter-spacing:-.06em}
.frequency span{border-left:2px solid var(--orange);padding-left:14px;font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.09em}
.player{background:#fff;border:1px solid #e4e4dc;border-radius:18px;padding:24px;box-shadow:0 18px 50px #20282008;min-width:0}
.player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
h2{font-size:18px;letter-spacing:-.03em;margin:0}
.live{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;letter-spacing:.08em;white-space:nowrap;color:#a23c0e}
.live span{width:6px;height:6px;background:var(--orange);border-radius:50%}
iframe{display:block;width:100%;height:300px;border-radius:10px;background:#f4f4f1}
.player-help{font-size:12px;text-align:center;color:var(--muted);margin:19px 0 10px;line-height:1.5}
.fallback{display:block;text-align:center;font-size:11px;color:#555a53;line-height:1.6;text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
footer{max-width:1088px;margin:0 auto;padding:24px 0;border-top:1px solid #deded5;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:760px){.header{padding:20px 24px}.brand img{width:180px}.location{font-size:10px}main{padding:40px 24px;grid-template-columns:1fr;gap:32px;min-height:auto}.intro{text-align:center}h1{font-size:56px;margin:20px 0}.intro p{font-size:15px}.frequency{display:none}.player{width:100%;max-width:550px;margin:auto;padding:20px}footer{margin:0 24px;flex-direction:column;align-items:center;gap:5px}}
@media(max-width:380px){.location{display:none}main{padding-left:14px;padding-right:14px}.player{padding:14px}h1{font-size:48px}}
[hidden]{display:none!important}
.installation{margin-top:28px;max-width:390px}
.installation button{font:700 14px Arial,sans-serif;background:#b43e0b;color:#fff;border:0;border-radius:8px;padding:13px 22px;cursor:pointer;margin-bottom:14px}
.installation button:focus-visible,.installation summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.installation summary{cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.installation p{font-size:12px;line-height:1.65;margin-top:12px}
.installation #install-status:empty{display:none}
@media(max-width:760px){.installation{margin-left:auto;margin-right:auto}}