html,body{color:#eee;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#scene{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#mic{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:#eee;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#0009;border:1px solid #777;border-radius:50%;width:64px;height:64px;font-size:12px;position:fixed;transform:translate(-50%)}#mic[data-state=listening]{border-color:#fff;box-shadow:0 0 0 6px #ffffff1f}#mic:focus-visible{outline-offset:3px;outline:2px solid #fff}#status{left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom));text-align:center;color:#999;pointer-events:none;font-size:12px;position:fixed}#hud{color:#8f8;pointer-events:none;font:11px/1.3 ui-monospace,monospace;position:fixed;top:8px;left:8px;right:8px}.hint{top:calc(16px + env(safe-area-inset-top));text-align:center;color:#555;pointer-events:none;margin:0;padding:0 16px;font-size:12px;position:fixed;left:0;right:0}