:root{color:#eef9f8;background:#111412;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--panel: rgba(18, 22, 20, .72);--panel-strong: rgba(25, 31, 29, .88);--line: rgba(208, 234, 229, .18);--text: #edf8f5;--muted: #a9bcb7;--accent: #45d6c6;--accent-warm: #d7b98a;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100vw;height:100vh;background:#141815}.caption-layer{position:fixed;z-index:7;left:clamp(18px,4vw,54px);right:440px;bottom:clamp(108px,18vh,190px);width:auto;min-height:92px;display:grid;align-content:end;justify-items:center;gap:8px;pointer-events:none;text-align:center}.caption-burst{width:fit-content;max-width:100%;color:#ecfffb;text-shadow:0 2px 12px rgba(0,0,0,.92),0 0 22px rgba(69,214,198,.34),0 0 2px rgba(5,12,11,.95);font-size:clamp(20px,2.7vw,38px);font-weight:820;line-height:1.15;overflow-wrap:anywhere;animation:caption-burst var(--caption-life, 2.8s) ease both}.caption-burst span{display:inline-block;margin-right:.28em;animation:caption-word .62s cubic-bezier(.2,.76,.18,1) both}@keyframes caption-burst{0%{opacity:0;filter:blur(12px);transform:translateY(26px) scale(.965)}16%,64%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(16px);transform:translateY(-34px) scale(1.035)}}@keyframes caption-word{0%{opacity:0;filter:blur(7px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.dock{position:fixed;z-index:10;right:clamp(12px,2.4vw,32px);bottom:clamp(12px,2.4vw,32px);width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto}.dock:not(.is-expanded){width:min(250px,calc(100vw - 24px));gap:9px;padding:12px}.dock:not(.is-expanded) .dock__header,.dock:not(.is-expanded) .call-extras,.dock:not(.is-expanded) .advanced-controls,.dock:not(.is-expanded) .status-strip{display:none}.dock-toggle{justify-self:end}.dock:not(.is-expanded) .dock-toggle{background:#121614c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dock__header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,p{margin:0}h1{font-size:17px;line-height:1.12;font-weight:720}p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}button,input{font:inherit}.icon-button,.primary-action,.segment{border:1px solid var(--line);color:var(--text);background:#ffffff0f}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:8px;cursor:pointer}.icon-button svg,.primary-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.control-group,.call-extras{display:grid;gap:12px}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#00000038}.segment{min-height:34px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:680;cursor:pointer}.segment.is-active{color:#061715;border-color:transparent;background:var(--accent)}.primary-action,.secondary-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;color:#081412;background:linear-gradient(135deg,#61e4d5,#d9c08d);font-size:13px;font-weight:760;cursor:pointer}.secondary-action{color:var(--text);background:#fff1}.secondary-action.is-live{color:#071412;border-color:transparent;background:linear-gradient(135deg,#d7b98a,#65ded1)}.secondary-action svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.secondary-action span,.primary-action{min-width:0}.secondary-action:disabled,.primary-action:disabled,.icon-button:disabled,.segment:disabled{cursor:not-allowed;opacity:.56}.voice-status{min-height:16px;color:var(--muted);font-size:11px;font-weight:680;overflow-wrap:anywhere}.text-fallback{display:none;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.text-fallback.is-visible{display:grid}.text-fallback input{min-width:0;height:42px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#00000047;padding:0 11px;outline:none}.text-fallback input:focus{border-color:#45d6c6b8}.text-fallback button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#071412;background:var(--accent);cursor:pointer}.text-fallback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.slider{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:680}.slider input{width:100%;accent-color:var(--accent)}.status-strip{display:flex;flex-wrap:wrap;gap:8px}.status-strip span{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#ffffff0a;font-size:11px;font-weight:680}@media (max-width: 680px){.caption-layer{left:50%;right:auto;top:26vh;bottom:auto;width:calc(100vw - 28px);min-height:82px;transform:translate(-50%)}.caption-burst{max-width:calc(100vw - 32px);font-size:clamp(21px,8vw,32px)}.dock{left:12px;right:12px;bottom:12px;width:auto;padding:12px;gap:10px}.dock:not(.is-expanded){left:auto;width:min(230px,calc(100vw - 24px))}.slider{grid-template-columns:82px minmax(0,1fr)}.status-strip{display:none}}