.speech-captions-area{z-index:3;pointer-events:none;position:absolute;bottom:clamp(96px,16vh,190px);left:max(24px,8vw);right:max(24px,8vw)}.speech-captions{color:#f7fcf8;text-align:center}.speech-captions-label{color:#aac7ba;letter-spacing:1px;text-shadow:0 1px 8px #0009;justify-content:center;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;display:flex}.speech-captions-label>span{background:#a7dbbd;border-radius:50%;flex-shrink:0;width:6px;height:6px}.speech-captions-viewport{overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:none;max-height:calc(4.6*clamp(17px,2.4vmin,26px));overflow:hidden}.speech-captions-viewport::-webkit-scrollbar{display:none}.speech-captions-content{flex-direction:column;align-items:center;gap:6px;display:flex}.speech-captions-content p{white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;text-shadow:0 2px 10px #0000009e;margin:0;font-size:clamp(17px,2.4vmin,26px);line-height:1.5}.speech-caption-previous{color:#b3c8bf}.speech-caption-current{color:#fff;font-weight:500}:root{--u:min(100vw / 1080, 100vh / 1920);--hud-pad:clamp(16px, 2.2vmin, 30px);--hud-gap:clamp(8px, 1.4vmin, 16px);--hud-radius:999px;color:#f4f7f2;font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#0a1a20;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-weight:400}@supports (height:100dvh){:root{--u:min(100vw / 1080, 100dvh / 1920)}}*{box-sizing:border-box}html,body{height:100%}body{background:#0a1a20;margin:0;overflow:hidden}#root{height:100%}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;transition:background .2s,transform .2s,opacity .2s}button:disabled{cursor:not-allowed;opacity:.45}button:disabled:active{transform:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #72b6a0}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button svg{flex-shrink:0;width:20px;height:22px}.app-shell{position:fixed;inset:0;overflow:hidden}.stage{color:#f4f7f2;background:radial-gradient(circle at 50% 16%,#2f6a6033 0%,#0000 58%),radial-gradient(at 50% 104%,#1c4e4540 0%,#0000 60%),radial-gradient(at 50% 44%,#1b3940 0%,#0d2026 52%,#071318 86%);position:absolute;inset:0;overflow:hidden}.avatar-render{--avatar-object-position:50% 50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.avatar-render #xvideo{transform:scale(var(--avatar-cover-scale,1));transform-origin:50%}.avatar-render video,.avatar-render canvas{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover!important;object-position:var(--avatar-object-position)!important}.stage-bottom{z-index:4;justify-content:space-between;align-items:flex-end;gap:var(--hud-gap);padding:clamp(56px, 15vh, 170px) var(--hud-pad) calc(var(--hud-pad) + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(#04141c00,#04141cd1 62%,#04141cf0);display:flex;position:absolute;bottom:0;left:0;right:0}.stage-status{flex-direction:column;gap:10px;min-width:0;display:flex}.status-line{border-radius:var(--hud-radius);color:#d8e8e1;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a2129b8;border:1px solid #ffffff17;align-self:flex-start;align-items:center;gap:9px;max-width:100%;padding:8px 14px;font-size:clamp(12px,1.4vmin,14px);display:inline-flex;overflow:hidden}.quiet-dot,.pulse-dot{background:#567570;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pulse-dot{background:#8ef0c0;box-shadow:0 0 0 4px #8ef0c022,0 0 12px #8ef0c099}.sound-bars{align-items:flex-end;gap:4px;height:30px;padding-left:4px;display:flex}.sound-bars i{background:linear-gradient(#a9f5d6,#3f8a75);border-radius:2px;width:3px;transition:height .1s}.stage-actions{pointer-events:auto;flex-shrink:0;align-items:center;gap:10px;display:flex}.hud-button{border-radius:var(--hud-radius);letter-spacing:.6px;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;gap:8px;height:clamp(44px,6.2vmin,56px);padding:0 clamp(18px,2.4vmin,28px);font-size:clamp(13px,1.45vmin,16px);font-weight:500;display:inline-flex}.hud-button svg{width:18px;height:20px}.hud-button.primary{color:#04241b;background:linear-gradient(135deg,#63e6bb,#2ba183);font-weight:600;box-shadow:0 14px 34px #2ba18347,inset 0 1px #fff6}.hud-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#7bf0c8,#33b393)}.hud-button.secondary{color:#dcf3ea;background:#ffffff0f;border:1px solid #b7f0dc2b;box-shadow:inset 0 1px #ffffff14}.hud-button.secondary:hover:not(:disabled){background:#ffffff1c}.hud-button.end{color:#ffd9cb;background:#3a1c1ab8;border:1px solid #f0a48a3d;box-shadow:inset 0 1px #ffffff14}.hud-button.end:hover:not(:disabled){background:#4d2422cc}.media-player{--media-object-fit:cover;z-index:5;background:#04141c;position:absolute;inset:0;overflow:hidden}.media-player-video{object-fit:var(--media-object-fit);object-position:50% 50%;cursor:pointer;background:#000;width:100%;height:100%;position:absolute;inset:0}.media-player-video::-webkit-media-controls{display:none!important}.overlay-alerts{z-index:6;top:calc(var(--hud-pad) + env(safe-area-inset-top,0px));flex-direction:column;gap:8px;width:min(92vw,520px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.alert{color:#ecd8ce;text-align:left;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12262dd9;border:1px solid #ffffff14;border-radius:16px;padding:14px 18px 14px 40px;font-size:13px;line-height:1.7;position:relative;box-shadow:0 18px 42px #00000059}.alert:before{content:"";background:#f0936c;border-radius:50%;width:8px;height:8px;position:absolute;top:21px;left:18px;box-shadow:0 0 0 4px #f0936c1f,0 0 12px #f0936c8c}@media (height<=520px){.stage-bottom{padding-top:60px}}@media (width<=480px){:root{--hud-pad:12px;--hud-gap:8px}.stage-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:clamp(40px,10vh,96px)}.stage-status{flex-flow:wrap;align-items:center;gap:8px}.stage-actions{flex-wrap:wrap;justify-content:stretch}.hud-button{flex:1 1 0;min-width:0;padding:0 12px;font-size:13px}.status-line{justify-content:center;align-self:stretch}.speech-captions-area{bottom:clamp(120px,22vh,190px);left:16px;right:16px}.overlay-alerts{top:calc(var(--hud-pad) + env(safe-area-inset-top,0px));width:calc(100% - 24px)}}@media (width<=340px),(height<=420px){.sound-bars{display:none}.hud-button{height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}