:root{color-scheme:dark;font-family:system-ui,sans-serif}html,body,#app{margin:0;height:100%;background:#000;color:#eee;overflow:hidden}.start{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;text-align:center}button{font:inherit;padding:.8rem 1.4rem;border-radius:.6rem;border:0;background:#2a6df4;color:#fff}.note{color:#f88}.out{position:fixed;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.status{position:fixed;left:.5rem;bottom:.5rem;font:12px monospace;opacity:.8}.live{position:fixed;right:.5rem;top:.5rem;color:#f44;font:600 13px system-ui}.stop{position:fixed;right:.5rem;bottom:.5rem;background:#c22;min-height:64px;min-width:120px}.debug{position:fixed;left:.5rem;top:.5rem;width:min(384px,90vw);background:#000c;padding:.4rem;font:11px monospace;max-height:90vh;overflow:auto}.debug canvas{width:100%;display:block}.debug .row{display:flex;gap:.3rem;margin-top:.3rem;align-items:center}.debug button{padding:.3rem .6rem;font-size:12px}.debug pre{margin:.3rem 0;white-space:pre-wrap}.wait{position:fixed;left:50%;top:.6rem;transform:translate(-50%);background:#000a;padding:.4rem .8rem;border-radius:1rem;font-size:14px}.countdown{position:fixed;inset:0;background:#000e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1rem;z-index:5}.countdown .n{font-size:6rem;font-weight:700}.countdown .skip{background:#444}.remote{position:fixed;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.self{position:fixed;right:.6rem;top:.6rem;width:28vw;max-width:160px;border-radius:.5rem;z-index:3;transform:scaleX(-1)}.mute{position:fixed;left:.5rem;bottom:.5rem;min-height:64px;min-width:100px;background:#444;z-index:3}.start input{font:inherit;font-size:1.6rem;text-align:center;width:8rem;padding:.5rem;letter-spacing:.3rem}.link{font-size:12px;word-break:break-all;opacity:.8}.stop,.wait{z-index:4}