*{box-sizing:border-box}:root{color:#f6fbf9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#020707;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0}button,textarea{font:inherit}.avatar-stage{color:#f6fbf9;background:radial-gradient(circle at 50% 18%,#34d39933,#0000 28%),linear-gradient(155deg,#0b1c1d 0%,#061010 48%,#020303 100%);width:100vw;height:100vh;min-height:100dvh;position:relative;overflow:hidden}.avatar-stage:before,.avatar-stage:after{z-index:1;pointer-events:none;content:"";position:absolute;inset:0}.avatar-stage:before{background:linear-gradient(#01090a99,#0000 27%),linear-gradient(#0000 58%,#01090adb)}.avatar-stage:after{background:radial-gradient(circle at 50% 42%,#0000 28%,#00000047 78%)}.avatar-video-layer{background:#071113;position:absolute;inset:0}.avatar-video{object-fit:cover;background:#071113;width:100%;height:100%}.stage-header{top:calc(16px + var(--safe-top));right:calc(16px + var(--safe-right));left:calc(16px + var(--safe-left));z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute}.brand-kicker{letter-spacing:.08em;text-transform:uppercase;color:#f6fbf9b8;margin:0 0 4px;font-size:.72rem;font-weight:800}.stage-header h1{text-shadow:0 10px 30px #0000006b;margin:0;font-size:clamp(1.35rem,4vw,2.1rem);font-weight:850;line-height:1}.status-stack{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.status-badge{color:#f6fbf9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06121494;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:8px 11px;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 14px 34px #00000040}.status-badge svg{width:16px;height:16px}.status-badge-ready,.status-badge-live{color:#a8f8d9;background:#14b8802e}.status-badge-busy svg,.status-badge-live svg,.icon-button-busy svg{animation:1.2s linear infinite soft-spin}.status-badge-live svg{animation-name:soft-pulse}.start-overlay,.loading-overlay{z-index:5;color:#f6fbf9;text-align:center;background:radial-gradient(circle at 50% 42%,#34d3992e,#0000 28%),#000000bd;border:0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.start-overlay{cursor:pointer;padding:24px}.start-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071113b8;border:1px solid #ffffff29;border-radius:28px;justify-items:center;gap:10px;max-width:280px;padding:24px;display:grid;box-shadow:0 24px 80px #0006}.start-icon{color:#06201a;background:#33d697;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 16px 42px #33d69757}.start-icon svg{width:30px;height:30px}.start-title{font-size:1.45rem;font-weight:900}.start-copy{color:#f6fbf9b8;font-size:.95rem;line-height:1.35}.loading-overlay{gap:10px;font-weight:850}.loading-overlay small{color:#f6fbf994;font-size:.8rem}.loading-pulse{border:4px solid #ffffff2e;border-top-color:#33d697;border-radius:50%;width:48px;height:48px;animation:1s linear infinite soft-spin}.control-dock{right:calc(14px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));left:calc(14px + var(--safe-left));z-index:4;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#061113c2;border:1px solid #ffffff24;border-radius:24px;gap:10px;max-width:620px;max-height:min(44vh,360px);margin:0 auto;padding:12px;display:grid;position:absolute;overflow:auto;box-shadow:0 18px 70px #00000073}.question-input{resize:vertical;color:#061113;background:#fffffff5;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;min-height:62px;max-height:112px;padding:15px 16px;font-size:1rem;line-height:1.35;box-shadow:inset 0 1px #ffffffb3}.question-input::placeholder{color:#06111380}.question-input:focus{border-color:#33d697;box-shadow:0 0 0 4px #33d6972e,inset 0 1px #ffffffb3}.action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.icon-button{color:#f6fbf9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:18px;place-items:center;min-width:0;min-height:64px;padding:10px;transition:transform .16s,background .16s,border-color .16s,opacity .16s;display:grid;position:relative}.icon-button svg{width:24px;height:24px}.icon-button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-button:hover:not(:disabled),.icon-button:focus-visible:not(:disabled){background:#ffffff26;border-color:#33d69785;transform:translateY(-1px)}.icon-button:focus-visible{outline-offset:2px;outline:3px solid #33d6975c}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button-primary{color:#03110d;background:linear-gradient(#5df2b1,#24c58a);border-color:#33d697bf;box-shadow:0 14px 34px #24c58a47}.icon-button-active{color:#b8ffe2;background:#14b8803d;border-color:#33d6977a}.debug-strip,.inline-alert,.answer-preview{font-size:.76rem;line-height:1.35}.debug-strip{color:#f6fbf9ad;flex-wrap:wrap;gap:8px 12px;display:flex}.inline-alert{color:#ffd1d1;background:#821c1c42;border:1px solid #ff80803d;border-radius:14px;padding:9px 11px}.answer-preview{color:#f6fbf9d1;background:#ffffff14;border-radius:14px;align-items:flex-start;gap:8px;max-height:54px;padding:10px 11px;display:flex;overflow:auto}.answer-preview svg{color:#a8f8d9;flex:none;width:16px;height:16px;margin-top:1px}.subtitle-overlay{right:calc(16px + var(--safe-right));bottom:calc(176px + var(--safe-bottom));left:calc(16px + var(--safe-left));z-index:3;color:#fff;text-align:center;text-wrap:balance;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000094;border:1px solid #ffffff1f;border-radius:18px;max-width:860px;margin:0 auto;padding:12px 16px;font-size:clamp(1rem,3.7vw,1.45rem);font-weight:650;line-height:1.5;position:absolute;box-shadow:0 10px 34px #00000057}.subtitle-word{margin-right:7px;display:inline-block}@media (width>=720px){.stage-header{top:calc(24px + var(--safe-top));right:calc(28px + var(--safe-right));left:calc(28px + var(--safe-left))}.control-dock{right:calc(28px + var(--safe-right));bottom:calc(24px + var(--safe-bottom));width:min(460px,100vw - 56px);margin:0;left:auto}.subtitle-overlay{right:calc(520px + var(--safe-right));bottom:calc(32px + var(--safe-bottom));left:calc(28px + var(--safe-left))}}@media (width<=420px){.stage-header{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));left:calc(12px + var(--safe-left))}.stage-header h1{font-size:1.12rem}.brand-kicker{font-size:.65rem}.status-badge{min-height:30px;padding:7px 9px;font-size:.68rem}.control-dock{right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));left:calc(10px + var(--safe-left));border-radius:22px;gap:8px;max-height:48vh;padding:10px}.question-input{border-radius:16px;min-height:56px;padding:13px 14px;font-size:.94rem}.action-row{gap:8px}.icon-button{border-radius:16px;min-height:58px}.subtitle-overlay{right:calc(12px + var(--safe-right));bottom:calc(168px + var(--safe-bottom));left:calc(12px + var(--safe-left));border-radius:16px;padding:10px 12px}}@media (height<=640px){.control-dock{max-height:52vh}.question-input{min-height:48px}.icon-button{min-height:56px}.answer-preview{display:none}}@keyframes soft-spin{to{transform:rotate(360deg)}}@keyframes soft-pulse{50%{opacity:.5;transform:scale(.92)}}