*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#12141a;overflow:hidden;color:#e4e6ea;font:14px/1.4 system-ui,sans-serif}canvas{display:block;position:fixed}.playback{position:fixed;bottom:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1a1e27;border-top:1px solid #343e4d}button,select{font:inherit;color:#e4e6ea;background:#242c38;border:1px solid #536478;border-radius:4px;min-height:42px;padding:8px 12px;cursor:pointer}button:hover{background:#344256}#toggle{min-width:72px}input{flex:1;min-width:40px;accent-color:#a2c6e6;cursor:pointer;height:32px}output{white-space:nowrap;color:#ccd6e3;font-variant-numeric:tabular-nums;font-size:13px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a2c6e6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#player-error{position:fixed;left:15px;right:15px;top:15px;padding:16px;background:#442b2b;color:white;border:1px solid #cd7c7c}#player-error[hidden]{display:none}@media(max-width:539px){.playback{height:112px;display:grid;grid-template-columns:58px 62px 1fr auto;gap:6px;padding:8px}button,select{padding:7px 8px;min-height:40px;font-size:13px}#toggle{min-width:0}#progress{grid-column:1/4;grid-row:2;width:100%;margin:0}#elapsed{grid-column:4;grid-row:2;font-size:12px}#rate{width:100%}.speed-label{grid-column:3;grid-row:1}#fullscreen{grid-column:4;grid-row:1}}

.scroll-embed .playback{display:none}.scroll-embed canvas{pointer-events:none}