[data-chat-call-host]{flex:none;min-width:0}.chat-call-panel{color:#253d30;background:#edf5ee;border:1px solid #d8e6da;border-radius:12px;align-items:flex-start;gap:14px;margin:14px 18px 0;padding:16px;font-size:14px;display:flex}.chat-call-avatar{color:#3b6549;background:#d2e6d6;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:24px;font-weight:600;display:grid}.chat-call-content{flex:1;min-width:0}.chat-call-content p{margin:0;line-height:1.6}.chat-call-content [role=status]{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.chat-call-content [role=status]>p:first-child{order:2;font-size:13px;font-weight:400}.chat-call-content [role=status]>p:last-child{font-weight:600}.chat-call-panel button{border-radius:9px;min-height:44px;font-size:13px}.chat-call-panel.is-connected{background:#edf7ef}.chat-call-return{z-index:50;color:#fff;background:#216952;border-radius:24px;padding:12px 18px;font-size:14px;position:fixed;top:24px;right:24px;box-shadow:0 5px 20px #0002}@media (max-width:600px){.chat-call-panel{gap:10px;margin:8px 10px 0;padding:12px}.chat-call-avatar{width:36px;height:36px;font-size:20px}}.chat-thread>.chat-thread-header{order:-1}.voice-call-screen{z-index:30;color:#fff;min-height:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(at 25% 25%,#31473c 0,#0000 65%),radial-gradient(at 80% 60%,#39313b 0,#0000 60%),#14221e;flex-direction:column;font-family:system-ui,PingFang SC,sans-serif;display:flex;position:absolute;inset:0;overflow:auto}.voice-call-screen header{text-align:center;color:#ffffff85;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:22px 26px;font-size:15px;display:grid}.voice-call-screen header button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.voice-call-person{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:220px;padding:28px 24px 10px;display:flex}.voice-call-avatar{color:#eaffed;background:linear-gradient(145deg,#69977d,#385e50);border-radius:24px;place-items:center;width:112px;height:112px;font-size:48px;display:grid;box-shadow:0 12px 42px #0003}.voice-call-person h2{margin:0;font-size:29px;font-weight:550}.voice-call-person p{color:#ffffffa6;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:17px}.voice-call-feedback{text-align:center;color:#ffe5c1;padding:10px 24px;font-size:15px}.voice-call-feedback button{color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #ffffff45;border-radius:24px;padding:12px 18px}.voice-call-actions{flex:none;justify-content:center;align-items:center;gap:clamp(28px,7vw,90px);padding:35px 24px max(52px,8dvh);display:flex}.voice-call-action{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:13px;min-width:76px;display:flex}.voice-call-action>span{color:#223c2c;background:#f1f5f0;border-radius:50%;place-items:center;width:76px;height:76px;font-size:33px;display:grid}.voice-call-action small{color:#ffffffb8;font-size:14px}.voice-call-action.decline>span{color:#fff;background:#f25561;transform:rotate(135deg)}.voice-call-action.accept>span{color:#fff;background:#2bb77c}.voice-call-action.muted>span{color:#fff;background:#ffffff18}.voice-call-action:disabled{opacity:.4}.voice-call-screen button:focus-visible,.voice-call-mini:focus-visible{outline-offset:5px;outline:3px solid #b6e7c4}.voice-call-finish{color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #ffffff50;border-radius:28px;padding:14px 40px;font-size:17px}.voice-call-mini{z-index:1101;color:#fff;cursor:pointer;text-align:left;background:#224b3f;border:1px solid #679580;border-radius:18px;align-items:center;gap:14px;min-width:220px;padding:14px 18px;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 8px 28px #0003}.voice-call-mini>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.voice-call-mini strong{font-size:16px}.voice-call-mini small{color:#cee5d7;font-size:12px}.voice-mini-icon{font-size:25px}@media (max-height:550px){.voice-call-person{gap:8px;min-height:140px;padding:8px}.voice-call-avatar{width:70px;height:70px;font-size:32px}.voice-call-actions{padding:15px 20px 24px}.voice-call-screen header{padding:8px 20px}.voice-call-action>span{width:58px;height:58px}}.voice-call-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.voice-call-screen{padding:0;container-type:size}.voice-call-screen header{flex:none;padding:10px 16px}.voice-call-person{gap:12px;min-height:170px;padding:12px 20px}.voice-call-avatar{border-radius:20px;flex:none;width:88px;height:88px;font-size:40px}.voice-call-person h2{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:24px;overflow:hidden}.voice-call-person p{margin:2px 0 0;font-size:15px}.voice-call-actions{gap:clamp(18px,5vw,56px);padding:18px 20px 28px}.voice-call-action{gap:9px;min-width:64px}.voice-call-action>span{width:64px;height:64px}.voice-call-feedback:empty{display:none}@container (max-height:460px){.voice-call-screen header{padding:4px 12px}.voice-call-person{gap:6px;min-height:100px;padding:4px 16px}.voice-call-avatar{border-radius:15px;width:58px;height:58px;font-size:28px}.voice-call-person h2{font-size:20px}.voice-call-actions{padding:8px 16px 14px}.voice-call-action>span{width:50px;height:50px}.voice-call-feedback{padding:4px 16px;font-size:13px}}[data-slot=dialog-content].voice-call-screen{z-index:1200;border:1px solid #ffffff50;border-radius:20px;gap:0;width:min(1040px,100vw - 24px);max-width:none;height:min(780px,100dvh - 24px);padding:0;display:flex;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0005}.voice-call-screen:fullscreen{border-radius:0;width:100%;height:100%;top:0;left:0;transform:none}.voice-call-screen header{grid-template-columns:112px 1fr 48px}.voice-call-screen header [data-slot=dialog-title]{color:#d1ddd5;font-size:16px;font-weight:500}.voice-call-screen header .voice-call-minimize{gap:6px;width:auto;min-height:44px;padding:0 8px;font-size:14px;display:flex}.voice-call-screen .voice-call-action{height:auto;min-height:44px;box-shadow:none;background:0 0;border-radius:12px;padding:0}.voice-call-action svg{width:28px;height:28px}.voice-call-action.decline>span{transform:none}[data-slot=card].voice-call-mini{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:min(340px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:0;max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:1300;color:#fff;cursor:default;background:#224b3f;border:1px solid #679580;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;overflow:auto;box-shadow:0 8px 28px #0003}.voice-call-mini .voice-mini-restore{color:#fff;text-align:left;white-space:normal;justify-content:flex-start;gap:10px;width:100%;min-width:0;height:auto;min-height:52px;padding:4px 6px;display:flex}.voice-mini-restore>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.voice-mini-restore strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-mini-restore small{font-variant-numeric:tabular-nums;font-size:13px}.voice-call-mini .voice-call-avatar{width:44px;height:44px;box-shadow:none;border-radius:10px;font-size:24px}.voice-mini-restore>svg{flex:none;width:20px;height:20px}.voice-mini-actions{gap:8px;display:flex}.voice-call-mini .voice-call-action{color:#fff;background:#ffffff18;border-radius:10px;flex-direction:row;flex:1;gap:7px;min-width:44px;height:44px;min-height:44px;padding:0 10px;display:flex}.voice-call-mini .voice-call-action>span{width:22px;height:22px;color:inherit;background:0 0}.voice-call-mini .voice-call-action svg{width:20px;height:20px}.voice-call-mini .voice-call-action small{color:inherit;font-size:14px}.voice-call-mini .decline{background:#bc293c}.voice-call-mini .accept{background:#18714b}.voice-call-mini .muted{color:#223c2c;background:#f1f5f0}.voice-mini-feedback{color:#ffe5c1;font-size:13px}.voice-mini-feedback:empty{display:none}.voice-mini-feedback button{color:#fff;white-space:normal;min-height:44px}.voice-call-mini button:focus-visible{outline-offset:1px;outline:3px solid #b6e7c4}.voice-call-notice{right:12px;top:max(12px,env(safe-area-inset-top));z-index:1300;color:#fff;background:#224b3f;border-radius:12px;max-width:calc(100vw - 24px);padding:8px 12px;position:fixed}.voice-call-notice button{color:#fff;min-height:44px}@media (max-height:460px){[data-slot=dialog-content].voice-call-screen{height:calc(100dvh - 12px)}.voice-call-screen .voice-call-person{gap:4px;min-height:80px;padding:4px}.voice-call-screen .voice-call-avatar{width:52px;height:52px;font-size:26px}.voice-call-screen .voice-call-actions{padding:8px 16px 12px}.voice-call-screen .voice-call-action>span{width:44px;height:44px}.voice-call-screen header{padding:4px 12px}}[data-slot=card].voice-call-mini{top:calc(64px + max(12px,env(safe-area-inset-top)));max-height:calc(100dvh - 176px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.voice-call-mini .voice-mini-restore:hover{background:#ffffff18}.voice-call-notice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voice-call-mini .voice-mini-restore{touch-action:none;cursor:grab}.voice-call-mini .voice-mini-restore:active{cursor:grabbing}.voice-mini-restore>button{color:#fff;flex:none;min-width:44px;min-height:44px}.voice-mini-restore:focus-visible{outline-offset:1px;outline:3px solid #b6e7c4}
.call-companion-announcement{justify-content:center;align-items:center;gap:12px;display:flex}.call-companion-announcement .companion-character{flex:none;width:100px;height:100px;transform:translateY(-4px)rotate(-3deg)}.call-companion-announcement p{max-width:24ch;font-size:1.1rem}@media (prefers-reduced-motion:no-preference){.call-companion-announcement .companion-character-hand{animation:.7s ease-in-out 3 call-companion-wave}}@keyframes call-companion-wave{0%,to{transform:rotate(-55deg)}50%{transform:rotate(-90deg)}}.call-companion-announcement .companion-character-head{transform-origin:122px 150px;transform:translateY(-3px)rotate(-4deg)}
