:root{color-scheme:light;--paper: #ffffff;--canvas: #f7f9fc;--sunken: #eff3f9;--ink: #0d1526;--ink-2: #33415a;--muted: #64748b;--faint: #94a3b8;--ghost: #b6c1d0;--line: #e3e9f2;--line-2: #edf1f7;--navy-800: #0f2547;--brand: #2563eb;--brand-700: #1d4ed8;--brand-soft: #eff4ff;--brand-soft-2: #dce7fe;--brand-ring: rgba(37, 99, 235, .16);--ok: #0e9f6e;--ok-line: #a9dfc7;--ok-bg: #e7f7f0;--ok-ink: #056648;--warn-bg: #fef4e6;--warn-ink: #92400e;--danger: #dc2626;--danger-bg: #fdecec;--danger-ink: #991b1b;--r-xs: 6px;--r-sm: 10px;--r: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--head-h: 70px;--sh-1: 0 1px 2px rgba(13, 21, 38, .05), 0 1px 3px rgba(13, 21, 38, .05);--sh-2: 0 1px 2px rgba(13, 21, 38, .04), 0 8px 20px -8px rgba(13, 21, 38, .14);--sh-brand: 0 1px 2px rgba(37, 99, 235, .24), 0 5px 14px -5px rgba(37, 99, 235, .42);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}p{margin:0}svg{flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-xs)}.messages,.subtitles,.langpick-list{scrollbar-width:thin;scrollbar-color:#cfd8e5 transparent;overscroll-behavior:contain}.messages::-webkit-scrollbar,.subtitles::-webkit-scrollbar,.langpick-list::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track,.subtitles::-webkit-scrollbar-track,.langpick-list::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.subtitles::-webkit-scrollbar-thumb,.langpick-list::-webkit-scrollbar-thumb{background:#cfd8e5;border:2.5px solid transparent;border-radius:var(--r-pill);background-clip:content-box}.messages::-webkit-scrollbar-thumb:hover,.subtitles::-webkit-scrollbar-thumb:hover,.langpick-list::-webkit-scrollbar-thumb:hover{background:#b3c0d2;background-clip:content-box;border:2.5px solid transparent}.widget{height:100%;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}@media(min-width:460px)and (min-height:620px){body{background:#eef2f8;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;max-width:400px;height:min(700px,100%);flex:none}.widget{border-radius:var(--r-xl);border:1px solid rgba(13,21,38,.06);box-shadow:0 2px 8px #0b1b330f,0 24px 60px -18px #0b1b3357}}.widget-head{flex:none;display:flex;align-items:center;gap:12px;height:var(--head-h);padding:0 14px 0 16px;color:#fff;background:linear-gradient(135deg,#3b7bf3 0%,var(--brand) 46%,var(--brand-700) 100%);position:relative;z-index:20}.widget-head:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:#ffffff2e}.widget-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff2e}.widget-id{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1}.widget-id strong{font-size:16px;font-weight:650;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#ffffffd1}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#6ee7b7;flex:none}.status.offline:before{background:#fcd34d;animation:blink 1.3s var(--ease) infinite}@keyframes blink{50%{opacity:.3}}.widget-close{width:32px;height:32px;padding:0;flex:none;border-radius:50%;border:0;background:#ffffff29;color:#fff;box-shadow:none;display:grid;place-items:center;cursor:pointer;transition:background .15s var(--ease),transform .15s var(--ease)}.widget-close:hover:not(:disabled){background:#ffffff47;filter:none}.widget-close:active:not(:disabled){transform:scale(.94)}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}.messages.empty{align-items:center;justify-content:center;text-align:center;gap:0;padding:32px 26px}.empty-ic{width:52px;height:52px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:14px}.empty-title{font-size:15.5px;font-weight:650;letter-spacing:-.015em;color:var(--ink);margin-bottom:5px}.empty-text{font-size:13px;color:var(--muted);line-height:1.55;max-width:28ch}.day-sep{align-self:center;margin:6px 0 2px;padding:3px 12px;border-radius:var(--r-pill);background:var(--sunken);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:85%;animation:rise .24s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(5px)}}.msg.own{align-self:flex-end;align-items:flex-end}.bubble{padding:9px 13px;border-radius:16px 16px 16px 5px;background:var(--paper);border:1px solid var(--brand-soft-2);box-shadow:0 1px 2px #0d15260a;min-width:0}.msg.own .bubble{border-radius:16px 16px 5px;background:var(--brand);border-color:transparent;box-shadow:0 1px 2px #2563eb33,0 4px 12px -6px #2563eb80}.bubble>p{font-size:14px;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word}.msg.own .bubble>p{color:#fff}.bubble>p.msg-alt{margin-top:5px;font-size:12px;line-height:1.45;color:var(--faint)}.msg-alt-label{font-size:9.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ghost);margin-right:5px}.untranslated{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:600;color:var(--warn-ink);background:var(--warn-bg);border-radius:var(--r-xs);padding:1px 6px}.msg time{font-size:10.5px;color:var(--faint);margin:4px 4px 0;font-variant-numeric:tabular-nums}.bubble.typing{display:flex;align-items:center;gap:8px}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--ghost);animation:bounce 1.25s var(--ease) infinite}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,70%,to{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}}.typing-who{font-size:12px;color:var(--muted)}.xlate-chip{flex:none;display:flex;align-items:center;gap:7px;margin:10px 14px 0;padding:8px 12px;border-radius:var(--r-sm);background:var(--brand-soft);border:1px solid var(--brand-soft-2);color:var(--navy-800);font-size:12px;line-height:1.4}.xlate-chip svg{color:var(--brand)}.xlate-chip-label{font-weight:650;letter-spacing:.005em}.xlate-chip-pair{margin-left:auto;font-weight:600;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xlate-chip-pair i{font-style:normal;opacity:.55}.bubble.spoken{border-left:2px solid var(--brand)}.spoken-tag{display:inline-flex;align-items:center;gap:4px;margin-bottom:5px;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.msg.own .spoken-tag{color:#fffc}.msg.own .bubble.spoken{border-left-color:#ffffff80}.notice{display:flex;align-items:flex-start;gap:7px;margin:0 14px 10px;padding:9px 11px;border-radius:var(--r-sm);font-size:12.5px;line-height:1.5}.notice svg{margin-top:1px}.notice.danger{background:var(--danger-bg);color:var(--danger-ink)}.notice.warn{background:var(--warn-bg);color:var(--warn-ink)}.lead{flex:none;margin:0 14px 12px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:8px;animation:rise .28s var(--ease-out) both}.lead .notice{margin:0}.lead-title{font-size:13.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink);margin-bottom:2px}.lead input{width:100%;height:38px;padding:0 12px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.lead input:focus{outline:none;background:var(--paper);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.lead-actions{display:flex;gap:8px;margin-top:2px}.lead-actions button{flex:1}.call{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--canvas)}.call-head{flex:none;display:flex;align-items:center;gap:11px;padding:16px 14px;background:var(--paper);border-bottom:1px solid var(--line)}.call-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;position:relative;background:var(--sunken);color:var(--muted)}.call-orb.live{background:var(--ok-bg);color:var(--ok)}.call-orb.waiting:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--brand);opacity:.5;animation:ringing 1.7s var(--ease-out) infinite}@keyframes ringing{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(1.5);opacity:0}}.call-head-text{display:flex;flex-direction:column;line-height:1.35;min-width:0;flex:1}.call-head-text strong{font-size:14.5px;font-weight:650;letter-spacing:-.015em}.call-sub{font-size:12px;color:var(--muted)}.call-queue{flex:none;font-size:11.5px;font-weight:600;color:var(--warn-ink);background:var(--warn-bg);border-radius:var(--r-pill);padding:3px 9px}.subtitles{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.subtitle{font-size:13.5px;line-height:1.5;padding:9px 12px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);color:var(--ink-2);max-width:88%;align-self:flex-start}.subtitle.own{align-self:flex-end;background:var(--brand-soft);border-color:var(--brand-soft-2);color:var(--ink)}.subtitle-who{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}.subtitle-who time{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-weight:500}.subtitle-text{margin:0}.subtitle-original{margin:5px 0 0;padding-top:5px;border-top:1px dashed var(--line);font-size:12px;line-height:1.45;color:var(--faint)}.subtitle-untranslated{margin:4px 0 0;font-size:11.5px;line-height:1.4;color:var(--warn-ink)}.subtitle-original-label{display:block;font-size:9.5px;font-weight:650;letter-spacing:.07em;margin-bottom:2px}.subtitle.interim{opacity:.6;font-style:italic}.subtitle-hint{font-size:12.5px;color:var(--faint);text-align:center;margin:auto;max-width:26ch;line-height:1.55}.call-actions{flex:none;display:flex;gap:9px;padding:12px 14px;background:var(--paper);border-top:1px solid var(--line)}.call-actions button{flex:1}.call-offer{flex:none;padding:6px 14px 12px;background:var(--paper)}.consent{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.5;color:var(--muted);margin-bottom:9px;padding:9px 11px;background:var(--sunken);border-radius:var(--r-sm);cursor:pointer}.consent input{margin:1px 0 0;width:15px;height:15px;accent-color:var(--brand);flex:none;cursor:pointer}.call-start{width:100%;height:44px;background:var(--paper);color:var(--ok-ink);border:1.5px dashed var(--ok-line);border-radius:var(--r);box-shadow:none;font-weight:600;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.call-start svg{color:var(--ok)}.call-start:hover:not(:disabled){background:var(--ok-bg);border-color:var(--ok);border-style:solid;box-shadow:0 4px 12px -6px #0e9f6e80;filter:none}.call-start:disabled{opacity:.55}.langbar{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--paper);border-top:1px solid var(--line-2)}.langbar-label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);min-width:0}.langbar-label svg{color:var(--brand)}.langbar-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.langbar .langpick{margin-left:auto;min-width:0}.langpick{position:relative;flex:none}.langpick-toggle{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;max-width:200px;box-shadow:0 1px 2px #0d15260a;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.langpick-toggle:hover:not(:disabled){border-color:#cbd7e8;box-shadow:0 1px 3px #0d152614}.langpick-toggle[aria-expanded=true]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.langpick-toggle:disabled{opacity:.55;cursor:not-allowed}.langpick-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.langpick-caret{margin-left:auto;color:var(--faint);transition:transform .2s var(--ease)}.langpick-caret.open{transform:rotate(180deg)}.langpick-panel{position:absolute;bottom:calc(100% + 8px);right:0;width:268px;max-width:calc(100vw - 24px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 2px 8px #0b1b330f,0 18px 40px -14px #0b1b335c;padding:12px;z-index:30;animation:pop .18s var(--ease-out) both}@keyframes pop{0%{opacity:0;transform:translateY(5px) scale(.985)}}.langpick-help{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:10px}.langpick-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line-2)}.chip{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:var(--r-pill);padding:3px 10px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;height:auto;box-shadow:none;transition:border-color .14s var(--ease),color .14s var(--ease),background .14s var(--ease)}.chip:hover:not(:disabled){border-color:var(--brand);color:var(--brand);filter:none}.chip.primary{background:var(--brand);border-color:var(--brand);color:#fff}.chip-tag{opacity:.75;font-weight:500}.langpick-list{list-style:none;margin:0;padding:0;max-height:216px;overflow-y:auto}.langpick-list label{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;transition:background .12s var(--ease)}.langpick-list label:hover{background:var(--sunken)}.langpick-list label.on{background:var(--brand-soft)}.langpick-list input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;flex:none;margin:0}.langpick-list input:disabled{cursor:not-allowed}.langpick-list input:disabled+.langpick-native{color:var(--faint)}.langpick-native{font-weight:550;color:var(--ink)}.langpick-en{font-size:11.5px;color:var(--faint);margin-left:auto}.langpick-limit{font-size:11.5px;color:var(--muted);margin-top:9px;padding-top:9px;border-top:1px solid var(--line-2)}.composer{flex:none;padding:10px 14px 14px;background:var(--paper);border-top:1px solid var(--line-2)}.composer-box{display:flex;align-items:flex-end;gap:9px}.composer textarea{flex:1;min-height:44px;max-height:120px;padding:12px 14px;font:inherit;font-size:13.5px;line-height:1.45;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:var(--r);resize:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.composer textarea::placeholder{color:var(--ghost)}.composer textarea:hover:not(:disabled){border-color:#cbd7e8}.composer textarea:focus{outline:none;background:var(--paper);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.composer textarea:disabled{opacity:.6;cursor:not-allowed}.composer-send{width:44px;height:44px;padding:0;border-radius:var(--r);flex:none}.composer-foot{display:flex;justify-content:flex-end;margin-top:6px}.count{font-size:11px;color:var(--faint)}.count.warn{color:var(--danger);font-weight:600}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-sm);border:1px solid transparent;background:linear-gradient(180deg,#3b7bf3 0%,var(--brand) 100%);color:#fff;font:inherit;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:var(--sh-brand);transition:filter .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease)}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}button.ghost{background:var(--paper);border-color:var(--line);color:var(--ink-2);box-shadow:var(--sh-1)}button.ghost:hover:not(:disabled){background:var(--sunken);border-color:#cbd7e8;filter:none}button.danger{background:linear-gradient(180deg,#e63946 0%,var(--danger) 100%);box-shadow:0 1px 2px #dc26263d,0 5px 14px -5px #dc262670}.widget-centred{align-items:center;justify-content:center;text-align:center;gap:4px;padding:34px 26px}.boot-dot{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--brand);animation:spin .7s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.boot-ic{width:52px;height:52px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--danger-bg);color:var(--danger);margin-bottom:13px}.boot-title{font-size:15.5px;font-weight:650;color:var(--ink);margin-bottom:4px}.boot-text{font-size:13px;color:var(--muted);line-height:1.55;max-width:30ch;margin-bottom:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-height:560px){:root{--head-h: 60px}.langbar{padding:8px 12px}.call-offer{padding:4px 12px 8px}.call-start{height:40px}.consent{display:none}}@media(max-width:400px){.widget-head{padding:0 10px 0 12px;gap:10px}.widget-mark{width:34px;height:34px}.widget-id strong{font-size:15px}.messages{padding:13px 11px 6px}.msg{max-width:90%}.langbar,.composer,.call-offer{padding-left:11px;padding-right:11px}.langbar-label span{display:none}.langpick-toggle{max-width:62vw}}