.call-launcher{color:#7ee8c3;background:#17252b;border:1px solid #ffffff12;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:grid}.call-launcher:hover{background:#23463e;transform:translateY(-1px)}.call-launcher:disabled{opacity:.35;cursor:not-allowed;transform:none}.call-overlay{z-index:10000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#edf5f5;background:#03090ddd;outline:0;justify-content:center;align-items:center;padding:24px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;inset:0}.call-overlay button,.call-mini button{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}.call-overlay button:focus-visible,.call-mini button:focus-visible,.call-launcher:focus-visible{outline-offset:5px;outline:2px solid #86efcf}.call-overlay button:disabled{opacity:.35;cursor:not-allowed}.call-panel{isolation:isolate;background:#101c25;border:1px solid #ffffff16;border-radius:28px;flex-direction:column;width:min(100%,940px);height:min(820px,100dvh - 48px);min-height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 120px #0009}.call-panel.is-voice{background:linear-gradient(160deg,#172732 0%,#101b25 48%,#101b20 100%);max-width:620px}.call-ambient{pointer-events:none;z-index:-1;background:radial-gradient(at 50% 37%,#5fbfa81a,#0000 55%);position:absolute;inset:0}.call-header{z-index:2;background:linear-gradient(#101b2580,#0000);justify-content:space-between;align-items:center;gap:12px;padding:25px 28px;display:flex;position:relative}.call-brand{align-items:center;gap:12px;display:flex}.call-brand-icon{color:#8ed8c6;background:#ffffff05;border:1px solid #ffffff16;border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.call-brand strong{letter-spacing:.01em;margin-top:4px;font-size:14px;font-weight:500;display:block}.call-eyebrow{letter-spacing:.19em;color:#8faaa9;font-size:9px;font-weight:600;display:block}.call-header-actions{align-items:center;gap:13px;display:flex}.call-icon-button{color:#c1d1d3;background:#ffffff08;border:1px solid #ffffff12;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid}.call-icon-button:hover{background:#ffffff1a}.call-icon-button.is-danger{color:#fff;background:#ef5b67;border-color:#0000}.call-quality{color:#8aaba2;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.call-quality svg{width:16px;height:16px}.call-quality.is-good{color:#8addb6}.call-quality.is-poor{color:#f3b785}.call-quality.is-fair{color:#e2ca94}.call-stage{flex:1;justify-content:center;align-items:center;min-height:130px;padding:12px 28px;display:flex;position:relative}.call-person{text-align:center;max-width:100%;padding:12px}.call-avatar-wrap{width:126px;height:126px;margin:0 auto 32px;position:relative}.call-avatar{letter-spacing:-.07em;color:#d4f0e7;background:linear-gradient(135deg,#3d6b64,#263f4b);border:1px solid #a8e1cc38;border-radius:50%;place-items:center;width:100%;height:100%;font-size:41px;font-weight:400;display:grid;position:relative;box-shadow:0 0 0 11px #6dbca606,0 0 0 12px #91d6c40b}.call-avatar-ring{border:1px solid #91d6c415;border-radius:50%;position:absolute;inset:-23px}.is-ringing .call-avatar-ring{animation:2.5s ease-out infinite call-ring}.call-avatar-badge{color:#9de8c9;background:#234b40;border:4px solid #14232b;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;bottom:0;right:0}.call-avatar-badge svg{width:13px;height:13px}.call-person h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(25px,4vw,35px);font-weight:500}.call-status{color:#97afaf;letter-spacing:.015em;font-size:14px}.call-status.is-connected{color:#bce8d8;font-variant-numeric:tabular-nums;letter-spacing:.12em}.call-duration,.call-subtle{color:#839c9d;margin-top:13px;font-size:13px;display:block}.call-wave{justify-content:center;align-items:center;gap:5px;height:40px;margin:18px auto 0;display:flex}.call-wave i{background:#69c5a9;border-radius:6px;width:3px}.call-footer{z-index:3;background:linear-gradient(#0000,#101b2580);padding:18px 24px 26px;position:relative}.call-controls{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(9px,2.2vw,25px);display:flex}.call-action{color:#aabbbc;white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;min-width:52px;display:flex;font-size:10px!important}.call-action-icon{color:#e0ecec;background:#ffffff0c;border:1px solid #ffffff14;border-radius:19px;place-items:center;width:54px;height:54px;transition:background .2s,transform .2s;display:grid}.call-action:hover:not(:disabled) .call-action-icon{background:#ffffff20;transform:translateY(-2px)}.call-action.is-selected .call-action-icon{color:#1b4436;background:#d0eee2;border-color:#d0eee2}.call-action.is-danger .call-action-icon{color:#fff;background:#e65562;border-color:#f26e7860;box-shadow:0 7px 24px #e655621a}.call-footer-note{text-align:center;color:#708b8e;letter-spacing:.025em;margin:26px 0 0;font-size:11px}.call-incoming-hint{color:#9cacae;text-align:center;margin-bottom:22px;font-size:12px}.call-answer-actions{justify-content:center;gap:80px;margin-bottom:12px;display:flex}.call-answer-actions .call-action-icon{border-radius:50%;width:65px;height:65px}.call-answer-actions .is-selected .call-action-icon{color:#11382c;background:#78d5b3;box-shadow:0 0 30px #78d5b318}.call-remote-video{object-fit:cover;z-index:-1;background:#0c141c;width:100%;height:100%;position:absolute;inset:0}.call-remote-video.is-sharing{object-fit:contain}.call-audio-element{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.is-video .call-ambient{background:linear-gradient(#05101760,#0000 25% 55%,#051017ee)}.call-self-view{aspect-ratio:3/4;background:#1e303b;border:1px solid #ffffff35;border-radius:18px;width:150px;position:absolute;bottom:14px;right:22px;overflow:hidden;box-shadow:0 10px 40px #0006}.call-self-view video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-self-view>span{text-shadow:0 1px 5px #000;background:#0005;border-radius:6px;align-items:center;gap:8px;padding:3px 6px;font-size:10px;display:flex;position:absolute;bottom:10px;left:12px}.call-camera-placeholder{color:#879da3;place-items:center;display:grid;position:absolute;inset:0}.call-video-name{color:#d3e0e1;text-shadow:0 1px 5px #000;flex-wrap:wrap;align-items:center;gap:9px;max-width:calc(100% - 210px);font-size:12px;display:flex;position:absolute;bottom:18px;left:28px}.call-video-name strong{font-weight:500}.call-video-name>span:not(.call-live-dot){background:#0004;border-radius:20px;padding:4px 8px;font-size:11px}.call-live-dot{background:#86dfbb;border-radius:50%;width:6px;height:6px}.call-reconnecting,.call-remote-muted{color:#d6cba5;text-align:center;background:#15232beb;border-radius:30px;align-items:center;gap:8px;max-width:90%;padding:10px 16px;font-size:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.call-remote-muted{color:#c0cccc;font-size:11px;top:auto;bottom:10px}.call-remote-muted svg{width:14px;height:14px}.call-spinner{border:2px solid #fff2;border-top-color:#bdd9ce;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s linear infinite call-spin}.call-notice{color:#edd1ae;background:#382f26e6;border:1px solid #efc38420;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:500px;margin:0 auto 15px;padding:11px 14px;font-size:12px;line-height:1.6;display:flex}.call-notice button{color:inherit;background:0 0;border:0;flex-shrink:0;padding:4px}.call-playback,.call-sharing-banner{color:#c9e8dc;background:#21463fe8;border:1px solid #bde4d533;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:0 auto 16px;padding:10px 15px;display:flex;font-size:12px!important}.call-sharing-banner button{color:inherit;background:0 0;border:0;margin-left:auto;text-decoration:underline}.call-sharing-banner svg{width:17px}.call-devices{background:#14232cf5;border:1px solid #ffffff14;border-radius:17px;max-width:400px;margin:0 auto 20px;padding:18px;box-shadow:0 10px 40px #0003}.call-devices label{color:#b5c4c6;margin-top:14px;font-size:11px;display:block}.call-devices select{color:#e3eded;background:#20323c;border:1px solid #ffffff15;border-radius:8px;width:100%;margin-top:6px;padding:9px;font-size:12px;display:block}.call-devices p{color:#d5c09e;margin-top:10px;font-size:11px}.call-end-actions{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.call-primary,.call-secondary{border:1px solid #ffffff16;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 21px;display:flex;font-size:13px!important}.call-primary{color:#17382e;background:#bce8d8}.call-primary svg{width:17px;height:17px}.call-secondary{color:#b7c7c8;background:#ffffff07}.call-picker{background:#13212b;border:1px solid #ffffff16;border-radius:24px;width:min(420px,100%);padding:27px;box-shadow:0 30px 90px #0007}.call-picker header{justify-content:space-between;align-items:center;gap:12px;display:flex}.call-picker h2{letter-spacing:-.035em;margin-top:9px;font-size:23px;font-weight:500}.call-picker>p{color:#97adae;margin:14px 0 25px;font-size:12px}.call-peer-list{flex-direction:column;gap:9px;max-height:50dvh;display:flex;overflow-y:auto}.call-peer-list>button{color:#d6e7e4;text-align:left;background:#ffffff05;border:1px solid #ffffff0b;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.call-peer-list>button:hover{background:#ffffff0c}.call-peer-list>button>svg{color:#91c9b4;width:18px;margin-left:auto}.call-peer-list strong{font-size:13px;font-weight:500;display:block}.call-peer-list small{color:#839e9c;margin-top:4px;font-size:10px;display:block}.call-peer-avatar,.call-mini-avatar{color:#c5e7d9;background:#34564f;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.call-empty{text-align:center;color:#8fa9a7;flex-direction:column;align-items:center;gap:14px;padding:25px 10px;display:flex}.call-empty p{font-size:12px;line-height:1.7}.call-mini{z-index:10001;color:#dfefea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15252bf5;border:1px solid #ffffff20;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;width:350px;max-width:calc(100vw - 24px);padding:14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 70px #0008}.call-mini-copy{flex:1;min-width:0}.call-mini-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.call-mini-copy span{color:#8ebba9;margin-top:4px;font-size:10px;display:block}.call-mini .call-playback{width:100%;margin:0}.call-service-error{color:#ffe0b1;background:#59452c;border-radius:50%;width:22px;height:22px;font-size:12px}@keyframes call-ring{0%{opacity:.4;transform:scale(.92)}70%{opacity:1}to{opacity:0;transform:scale(1.12)}}@keyframes call-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.call-overlay{padding:0}.call-panel,.call-panel.is-voice{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;min-height:0}.call-header{padding:calc(16px + env(safe-area-inset-top))18px 16px}.call-header-actions{gap:8px}.call-quality>span{display:none}.call-stage{padding:10px 18px}.call-footer{padding:16px 16px calc(23px + env(safe-area-inset-bottom))}.call-controls{gap:14px 10px}.call-action{min-width:43px;font-size:9px!important}.call-action-icon{border-radius:16px;width:45px;height:45px}.call-action-icon svg{width:20px;height:20px}.call-self-view{border-radius:13px;width:98px;bottom:14px;right:16px}.call-video-name{max-width:calc(100% - 145px);left:18px}.call-avatar-wrap{width:110px;height:110px}.call-picker{margin:16px}.call-footer-note{margin-top:23px}.call-mini{bottom:12px;right:12px}.call-devices{max-height:35dvh;overflow:auto}.call-reconnecting{font-size:11px}.call-remote-muted{font-size:10px;bottom:4px}}@media (max-height:600px) and (min-width:641px){.call-panel{height:calc(100dvh - 24px);min-height:0}.call-header{padding:14px 22px}.call-avatar-wrap{width:65px;height:65px;margin-bottom:14px}.call-avatar,.call-person h1{font-size:24px}.call-footer{padding:10px 18px}.call-footer-note,.call-wave{display:none}.call-self-view{width:95px}.call-devices{width:270px;max-height:55dvh;position:absolute;bottom:95px;right:20px;overflow:auto}}@media (prefers-reduced-motion:reduce){.call-overlay *,.call-mini *,.call-launcher{transition:none!important;animation:none!important}}.call-history-list{max-height:55dvh;overflow:auto}.call-history-list article{color:#bad6cd;border-bottom:1px solid #ffffff0c;align-items:center;gap:14px;padding:16px 0;display:flex}.call-history-list strong{color:#e1ece9;font-size:13px;font-weight:500;display:block}.call-history-list small{color:#91a6a7;margin-top:5px;font-size:10px;display:block}.call-history-list time{white-space:nowrap;color:#a5b6b6;text-align:right;margin-left:auto;font-size:10px}.call-history-missed{color:#ec939a}