:root{color-scheme:light;--ink:#202124;--line:#e6e7e9;--accent:#cf2938;--light:#f7f8fa}
*{box-sizing:border-box}
html{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{margin:0;min-height:100%;background:#fff;color:var(--ink);display:flex;flex-direction:column}
a{color:inherit}
.header{max-width:1120px;width:calc(100% - 48px);margin:0 auto;padding:25px 0 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.brand{text-decoration:none;font-weight:830;font-size:clamp(22px,3vw,30px);letter-spacing:-1.7px}
.brand span{color:var(--accent)}
.channel{font-size:12px;letter-spacing:.2em;font-weight:750;color:#64676a}
.main{max-width:1120px;width:calc(100% - 48px);margin:42px auto 56px;flex:1}
.player-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
h1{font-weight:680;font-size:clamp(23px,3.2vw,32px);margin:0;letter-spacing:-.035em}
.live-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:760;letter-spacing:.055em}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.player{width:100%;background:#111;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:3px}
.player video{width:100%;height:100%;display:block;object-fit:contain;background:#111}
.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.24)}
.overlay[hidden]{display:none}
.play-button{border:0;background:#fff;color:#161616;padding:15px 22px;border-radius:3px;display:inline-flex;align-items:center;gap:8px;font:700 16px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 3px 24px #0002}
.play-button:hover{background:#f2f2f2}
.play-button:focus-visible,.retry:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.utility{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#62666b}
.retry{background:none;border:0;text-decoration:underline;color:var(--ink);cursor:pointer;font:inherit;padding:6px 0}
.problem{font-size:13px;color:#a52230;margin:0}
.footer{max-width:1120px;width:calc(100% - 48px);margin:auto auto 0;padding:20px 0 28px;border-top:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;color:#777;font-size:12px}
.footer a{text-decoration:none}
.footer a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-999px;top:0;background:white;padding:10px;z-index:20}
.skip-link:focus{left:10px}
@media(max-width:600px){.header,.main,.footer{width:calc(100% - 28px)}.header{padding:18px 0}.main{margin:26px auto 42px}.player-heading{margin-bottom:12px}.play-button{padding:12px 16px}.footer{flex-direction:column;gap:7px}}