:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;background:#0f1722;color:#e6edf5}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px 18px}h1{margin:0;font-size:30px;line-height:1.2}.eyebrow{color:#8bd4e3;margin:0 0 6px;font-size:13px}p{color:#b6c7d8}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}button{font:inherit;border:0;border-radius:8px;padding:12px 18px;background:#92dbe9;color:#0f2537;cursor:pointer}#stop{background:#28394e;color:#e6edf5}button:disabled{opacity:.45;cursor:default}#status{min-height:25px}#player{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:#070d16;border:1px solid #33455b;border-radius:8px;overflow:hidden}#player span{color:#6f8198}iframe{width:100%;height:100%;border:0}details{margin-top:24px;color:#b6c7d8}summary{cursor:pointer}code{font-size:12px;color:#a4e2ee;overflow-wrap:anywhere}pre{font:11px/1.5 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#1a2738;border-radius:8px}details p{font-size:13px}@media(max-width:430px){main{padding:18px 14px}h1{font-size:26px}}