:root{font:16px system-ui,sans-serif;color:#e8eeee;background:#0c141a;color-scheme:dark}body{margin:0}main{max-width:1050px;margin:32px auto;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:24px}header span{background:#29453e;padding:7px 12px;border-radius:6px}video{width:100%;max-height:70vh;background:#000}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}button{font:inherit;padding:10px 18px;border:1px solid #7eaba0;border-radius:6px;background:#19312d;cursor:pointer}button:disabled{opacity:.5}p{line-height:1.5}#timing{font-variant-numeric:tabular-nums}