:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#7c4dff}html,body{color:#fff;background:#000;height:100%;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#video,#overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#overlay{pointer-events:none}#guide{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#guide .frame{border:2px solid #fff8;border-radius:16px;width:70vw;max-width:70vh;height:70vw;max-height:70vh}#guide p{color:#fffc;text-shadow:0 1px 4px #000;margin-top:16px;font-size:15px}.screen{text-align:center;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.screen h1{letter-spacing:6px;margin:0;font-size:26px;font-weight:200}.screen .note{color:#fffb;font-size:14px;line-height:1.7}.screen button,#overlay-resume button{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:14px 40px;font-size:18px}.bar{background:#fff3;border-radius:3px;width:70%;height:6px;overflow:hidden}#progress-fill{background:var(--accent);width:0;height:100%;transition:width .2s}#progress-fill.indeterminate{width:30%;animation:1s infinite alternate slide}@keyframes slide{0%{margin-left:0}to{margin-left:70%}}#card{left:16px;right:16px;bottom:max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:14px;padding:12px 16px;position:absolute}#card .title{font-size:18px;font-weight:600}#card .artist{color:#fffb;font-size:13px}#card .caption{color:#fffc;margin-top:4px;font-size:13px}#overlay-resume{background:#0008;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#mute{top:max(12px, env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:0;border-radius:50%;width:44px;height:44px;padding:0;font-size:20px;line-height:44px;position:absolute;right:12px}#mute.muted{background:#ff6b6b99}#hud{top:max(8px, env(safe-area-inset-top));color:#fffc;pointer-events:none;font:11px/1.4 ui-monospace,Menlo,monospace;position:absolute;left:8px;right:64px}#hud-fields span{background:#0008;border-radius:6px;margin:0 4px 4px 0;padding:2px 6px;display:inline-block}#hud-log{white-space:pre-wrap;background:#0008;border-radius:6px;max-height:30vh;margin:4px 0 0;padding:6px;overflow:hidden}[hidden]{display:none!important}