:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1018;color:#e7edf5}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:0 auto;padding:40px 24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:750;letter-spacing:.15em}#badge{font-size:12px;font-weight:700;letter-spacing:.1em;border:1px solid #344154;border-radius:24px;padding:7px 12px;color:#afbed2}#badge.live{color:#7aefba;border-color:#30725c}h1{font-size:clamp(25px,4vw,42px);letter-spacing:-.03em;margin:40px 0 12px}#status{color:#afbed2;min-height:24px}.player{background:#000;border:1px solid #273246;border-radius:14px;overflow:hidden;aspect-ratio:16/9}video{display:block;width:100%;height:100%}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}#quality{color:#afbed2;margin-right:auto;font-size:14px}button{background:#192437;border:1px solid #35455e;color:#e7edf5;border-radius:8px;padding:10px 15px;cursor:pointer;font:inherit;font-size:14px}button:hover{background:#23344e}button:focus-visible{outline:2px solid #7aefba;outline-offset:3px}.note{color:#8493a8;font-size:13px;line-height:1.6}@media(max-width:600px){main{padding:24px 14px}h1{margin-top:30px}.player{border-radius:8px}}