:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{color:#eee;background:#000;height:100%;margin:0;overflow:hidden}#stage{width:100vw;height:100vh;display:block;position:fixed;inset:0}.overlay{text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}.overlay[hidden],.controls[hidden],.notice[hidden]{display:none}.warn{color:#ccc;max-width:34rem;line-height:1.5}.hint{color:#888;font-size:.9rem}button,.btn,select{font:inherit;color:#eee;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;padding:.4rem .8rem}button.primary{background:#2d5bd8;border-color:#2d5bd8;padding:.7rem 2rem;font-size:1.2rem}button[aria-pressed=true]{background:#2d5bd8;border-color:#2d5bd8}:focus-visible{outline-offset:2px;outline:3px solid #ffd54a}.controls{background:linear-gradient(#0000,#000c);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;transition:opacity .4s;display:flex;position:fixed;bottom:0;left:0;right:0}.controls.idle{opacity:0}.controls.idle:focus-within{opacity:1}.group{align-items:center;gap:.5rem;display:flex}#seek{width:min(30vw,22rem)}.time,.source{font-variant-numeric:tabular-nums;color:#aaa}.notice{background:#3a1d1d;border:1px solid #a33;border-radius:6px;max-width:90vw;padding:.6rem 1rem;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.notice.info{background:#1d2a3a;border-color:#36a}body.drag-over #stage{outline-offset:-12px;outline:4px dashed #2d5bd8}