:root{color-scheme:dark;--bg: #07080b;--text: #f4f6f8;--muted: #c5cedd;--quiet: #9aa3b5;--line: #2a3142;--field: #b7c0d0;--control: 38px;font-family:Geist,sans-serif}*{box-sizing:border-box}html{scrollbar-color:#2c3444 var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(1100px 680px at 50% 36%,#141820 0%,var(--bg) 68%);color:var(--text)}::selection{background:#3ddc97;color:#07140e}.app{width:min(1640px,calc(100% - 40px),calc((100vh - 9.5rem) * 16 / 9));width:min(1640px,calc(100% - 40px),calc((100svh - 9.5rem) * 16 / 9));margin:0 auto;padding:12px 0 14px}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:16px;padding-inline:2.5%;min-height:var(--control)}.mark{margin:0;font-family:Geist,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--text);white-space:nowrap}.player{width:100%}.film{position:relative}.dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px}.share{position:absolute;left:0;right:0;top:calc((300 + 392) / 2 / 1080 * 100%);z-index:1;margin:0;transform:translateY(-50%);color:var(--text);font:500 16px/1.3 Geist,sans-serif;letter-spacing:-.011em;text-align:center;text-wrap:balance;pointer-events:none}.share svg{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-2.5px;color:#3ddc97}.share-act{color:#3ddc97;font-weight:600}.subject{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;min-height:var(--control)}.outcome{display:none;align-items:center;min-height:var(--control)}body[data-state=played] .outcome,body[data-state=encoding] .outcome{display:flex}form{display:flex;flex:0 0 auto;align-items:center;min-width:0}.cue{order:-1;margin:0 12px 0 0;color:#c9cfda;font:500 14px/1.3 Geist,sans-serif;white-space:nowrap}label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input{width:232px;height:var(--control);background:#141820;color:var(--text);border:1px solid var(--field);border-radius:8px;padding:0 10px;font:500 14px Geist Mono,ui-monospace,monospace;caret-color:#f4f6f8}input::placeholder{color:#9aa6ba}input:hover{border-color:#d5dbe6}button{height:var(--control);background:#f4f7fb;color:#0c0e13;border:0;border-radius:8px;padding:0 12px;font:600 13px Geist,sans-serif;cursor:pointer}button:hover{background:#fff}button:active{background:#d5dbe6}button:disabled{opacity:.45;cursor:default}button:disabled:hover,button:disabled:active{background:#f4f7fb}#play{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:6.5rem;padding:0 12px}#play svg{display:block;width:12px;height:12px;flex:0 0 auto}#play svg[hidden]{display:none}#play .icon-play{transform:translate(.5px)}.segment{display:inline-flex;align-items:stretch;height:var(--control)}.segment button{min-width:2.75rem;padding:0 8px;background:transparent;color:var(--muted);border:1px solid var(--field);border-radius:0;margin-left:-1px;font:600 13px/1 Geist,sans-serif;font-variant-numeric:tabular-nums}.speed button{min-width:3.15rem}.segment button:first-child{margin-left:0;border-radius:8px 0 0 8px}.segment button:last-child{border-radius:0 8px 8px 0}.segment button:hover,.segment button[aria-checked=true]{position:relative;z-index:1}.segment button[aria-checked=true]{background:#f4f7fb;color:#0c0e13}.segment button:hover{background:#171b24;color:var(--text)}.segment button[aria-checked=true]:hover{background:#fff;color:#0c0e13}.segment button:active{background:#10141c}.segment button[aria-checked=true]:active{background:#d5dbe6;color:#0c0e13}#replay{background:transparent;color:var(--text);border:1px solid var(--field)}#replay:hover{background:#171b24;border-color:#d5dbe6}#replay:active{background:#10141c}canvas{width:100%;height:auto;display:block;border-radius:10px;background:#0c0e13}#status{min-height:1.35em;margin:12px 0 0;padding-inline:2.5%;text-align:center;color:var(--muted);font:500 12px/1.4 Geist Mono,ui-monospace,monospace}body[data-state=played] #status{color:var(--text)}body[data-state=error] #status{color:#ffc2c8}body[data-state=encoding] #status{color:#f7f8fb}.colophon{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 12px;margin:14px 0 0;padding-bottom:20px;color:var(--muted);font:500 17px/1.5 Geist,sans-serif}.colophon a{color:inherit;text-decoration-color:color-mix(in srgb,var(--quiet) 55%,transparent);text-underline-offset:3px}.colophon a:hover{color:#f4f7fb}.colophon .sep{color:#6e788c}button:focus-visible,input:focus-visible,.colophon a:focus-visible{outline:2px solid #f4f7fb;outline-offset:2px}input:focus-visible{border-color:#f4f7fb}@media(max-width:760px){.app{width:min(1640px,calc(100% - 24px),calc((100vh - 9.5rem) * 16 / 9));width:min(1640px,calc(100% - 24px),calc((100svh - 9.5rem) * 16 / 9))}.mark{white-space:normal}.subject{flex:1 1 100%}form{flex:1 1 auto;min-width:0}input{width:100%;max-width:232px}}@media(max-width:520px){input{max-width:none}}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-400-normal-B40WzpMT.woff2) format("woff2"),url(/assets/geist-latin-400-normal-akEymXtG.woff) format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-500-normal-CTWBw9NS.woff2) format("woff2"),url(/assets/geist-latin-500-normal-BDXIbFrL.woff) format("woff")}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-600-normal-CSETrqM2.woff2) format("woff2"),url(/assets/geist-latin-600-normal-DsPlZH-9.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DTRLJnHl.woff2) format("woff2"),url(/assets/geist-mono-latin-400-normal-B2yvC1Cq.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-YINYabwD.woff2) format("woff2"),url(/assets/geist-mono-latin-500-normal-D-GG86Jb.woff) format("woff")}