:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;background:#141418;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}#bg-layer{z-index:0;background:#141418;position:fixed;inset:0}#avatar-video{z-index:2;object-fit:cover;touch-action:none;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:fixed;inset:0}#avatar-canvas{z-index:3;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body.keying #avatar-video{z-index:1}body.keying #bg-layer{z-index:2}body.keying #avatar-canvas{display:block}#voiceonly-badge{z-index:4;color:#ffffff8c;text-shadow:0 2px 10px #0009;pointer-events:none;justify-content:center;align-items:center;font:600 18px system-ui,sans-serif;display:none;position:fixed;inset:0}body.avatar-off #avatar-video{display:none}body.avatar-off #voiceonly-badge{display:flex}#selfview-wrap{left:8px;bottom:max(8px, env(safe-area-inset-bottom,0px));z-index:11;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:fixed}#selfview-wrap.hidden{display:none}#selfview{object-fit:cover;background:#000;border:1px solid #444;border-radius:8px;width:96px;height:72px;transform:scaleX(-1)}#cam-select{color:#ccc;background:#0009;border:1px solid #444;border-radius:999px;max-width:96px;height:22px;padding:0 4px;font:10px system-ui,sans-serif}#status-badge{top:env(safe-area-inset-top,0px);text-align:center;color:#aaa;pointer-events:none;padding:8px 12px;font:12px/1.4 system-ui,sans-serif;position:fixed;left:0;right:0}#status-badge:empty{display:none}#status-badge[data-status=failed],#status-badge[data-status=fatal]{color:#ff6a6a}#status-badge[data-status=live]{display:none}#start-btn{left:50%;bottom:max(48px, env(safe-area-inset-bottom,0px));color:#fff;z-index:10;background:#ff5a28;border:none;border-radius:999px;padding:14px 28px;font:600 16px system-ui,sans-serif;position:fixed;transform:translate(-50%)}#start-btn.hidden{display:none}#end-btn{left:50%;bottom:max(48px, env(safe-area-inset-bottom,0px));color:#ff6a6a;z-index:10;background:0 0;border:1px solid #ff6a6a;border-radius:999px;padding:10px 24px;font:600 14px system-ui,sans-serif;position:fixed;transform:translate(-50%)}#end-btn.hidden{display:none}#controls{top:max(8px, env(safe-area-inset-top,0px));z-index:10;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex;position:fixed;left:52px;right:8px}#controls button,#controls select{color:#ccc;white-space:nowrap;background:#0000008c;border:1px solid #444;border-radius:999px;height:28px;padding:0 12px;font:11px system-ui,sans-serif}#controls select{max-width:100px;padding:0 8px}#controls .hidden{display:none}#fs-btn{top:max(8px, env(safe-area-inset-top,0px));color:#ccc;z-index:10;background:#0006;border:1px solid #444;border-radius:999px;width:34px;height:30px;padding:0;font-size:15px;position:fixed;left:8px}#robot-btn[data-state=ok]{color:#7ee787;border-color:#4caf50}#robot-btn[data-state=wait]{border-color:#2f9edf}#robot-btn[data-state=off]{border-color:#ff6a6a}#debug-panel{left:8px;right:8px;bottom:max(112px, calc(env(safe-area-inset-bottom,0px) + 112px));color:#ccc;z-index:20;background:#000000bf;border-radius:12px;flex-direction:column;gap:8px;max-height:40vh;padding:10px;font:11px/1.4 ui-monospace,monospace;display:flex;position:fixed}#debug-panel.hidden{display:none}#debug-mic-row{flex-shrink:0;align-items:center;gap:8px;display:flex}#debug-mic-level{background:#333;border-radius:4px;flex:1;height:8px;overflow:hidden}#debug-mic-level-fill{background:#4caf50;width:0%;height:100%;transition:width 80ms linear}#debug-copy{color:#ddd;background:#222;border:1px solid #555;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:11px}#debug-reco-row{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}#debug-reco-row>span:first-child{color:#888}#debug-reco{color:#aaa;flex-wrap:wrap;gap:6px;display:flex}.reco-hit,.reco-miss{white-space:nowrap;border-radius:999px;padding:2px 9px;font-weight:600;display:inline-block}.reco-hit{color:#eafff0;background:#1f7a33}.reco-miss{color:#fff6d6;background:#6b5a12}#debug-log{white-space:pre-wrap;word-break:break-word;overflow-y:auto}#thought-layer{z-index:6;pointer-events:none;background:#ffffffeb;border-radius:18px 18px 18px 4px;max-width:34vw;padding:10px;animation:.22s ease-out media-pop;position:fixed;top:8vh;right:6vw;box-shadow:0 8px 30px #00000073}#thought-layer:after{content:"";border:8px solid #0000;border-top-color:#ffffffeb;position:absolute;bottom:-14px;left:14px}#thought-img{object-fit:contain;border-radius:10px;max-width:100%;max-height:28vh;display:block}#anchor-layer{z-index:6;pointer-events:none;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000 0%,#080c188c 30%,#080c18eb 100%);align-items:center;gap:14px;animation:.26s ease-out media-rise;display:flex;position:fixed;bottom:0;left:0;right:0}#anchor-img{object-fit:cover;border-radius:8px;max-width:30vw;height:16vh;box-shadow:0 4px 18px #00000080}#anchor-caption{color:#fff;letter-spacing:.01em;text-shadow:0 2px 6px #000000b3;text-transform:capitalize;font-size:clamp(16px,3.4vw,30px);font-weight:700}#cutscene-layer{z-index:8;pointer-events:none;background:#000;animation:.2s ease-out media-fade;position:fixed;inset:0}#cutscene-video,#cutscene-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}#thought-layer.hidden,#anchor-layer.hidden,#cutscene-layer.hidden,#cutscene-video.hidden,#cutscene-img.hidden{display:none}@keyframes media-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes media-rise{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes media-fade{0%{opacity:0}to{opacity:1}}body.clean #bg-select,body.clean #avatar-btn,body.clean #track-btn,body.clean #debug-toggle,body.clean #debug-panel,body.clean #fs-btn,body.clean #cam-select{display:none}body.clean.is-fullscreen #fs-btn,body.clean.session-live #fs-btn{display:inline-flex}body.is-fullscreen #fs-btn,body.session-live #fs-btn{background:#0009;border-color:#888;width:44px;height:40px}body.body-connected #robot-btn{display:none}body.clean #selfview{opacity:.02;border:none;border-radius:0;width:6px;height:6px}.ic{vertical-align:-.15em;flex-shrink:0;width:1.05em;height:1.05em}#controls button{align-items:center;gap:5px;display:inline-flex}#fs-btn{justify-content:center;align-items:center;display:inline-flex}#voiceonly-badge{gap:8px}
