html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none;touch-action:none}body{position:fixed;top:0;right:0;bottom:0;left:0}#camerafeed{position:fixed;left:0;top:0;width:100vw;height:100dvh;display:block;margin:0;padding:0;background:#000;z-index:0}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#status{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:999px;background:#000000a6;color:#fff;font-size:14px;line-height:1.25;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#start-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;pointer-events:auto;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:14px 20px;background:#000000bf;color:#fff;font-size:16px;font-weight:700}#start-button.hidden,#intro-panel.hidden,#countdown.hidden,#mic-meter.hidden,.hidden{display:none!important}#intro-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);padding:22px 20px 20px;border-radius:18px;background:#000000b8;color:#fff;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#intro-title{margin:0 0 12px;font-size:26px;font-weight:700}#intro-body{margin:0 0 14px;min-height:4.5em;font-size:17px;line-height:1.4;opacity:.95}.intro-progress{margin:0;font-size:12px;letter-spacing:.04em;opacity:.55}#countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);color:#fff;font-size:96px;font-weight:800;text-shadow:0 8px 24px #000}#mic-meter{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;width:min(86vw,340px);padding:10px 12px 8px;border-radius:14px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.mic-meter-track{position:relative;height:12px;border-radius:999px;background:#ffffff2e;overflow:hidden}.mic-meter-fill{height:100%;width:0%;border-radius:999px;background:#7a7a7a;transition:width 60ms linear,background-color .12s ease}.mic-meter-fill.is-slow{background:#c8b56a}.mic-meter-fill.is-reverse{background:#6fdc8c}.mic-meter-fill.is-hole{background:#f0a060}.mic-meter-mark{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffffffd9}.mic-meter-mark--slow{background:#c8b56a}.mic-meter-mark--hole{background:#f0a060}#mic-meter-label{margin-top:6px;color:#fff;font-size:12px;text-align:center;letter-spacing:.02em;white-space:nowrap}#camera-diag{position:absolute;left:8px;top:calc(8px + env(safe-area-inset-top));z-index:20;margin:0;max-width:min(96vw,420px);padding:8px 10px;border-radius:8px;background:#000000c7;color:#9ef0a0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px;line-height:1.35;white-space:pre-wrap;pointer-events:none}#camera-diag.hidden{display:none!important}#xr8-video-preview{position:absolute;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:20;width:min(28vw,140px);max-height:22vh;background:#111;border:2px solid #9ef0a0;border-radius:6px;object-fit:contain;pointer-events:none}#xr8-video-preview.hidden{display:none!important}