.call-view{z-index:120;color:#fff;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.call-view__backdrop{filter:blur(56px)brightness(.55);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-12%;transform:scale(1.08)}.call-view__scrim{pointer-events:none;background:#0000008c;position:absolute;inset:0}.call-view--active .call-view__scrim{background:#0000006b}.call-view--active .call-view__backdrop{filter:blur(64px)brightness(.62)}.call-active__header{z-index:2;padding:calc(.85rem + env(safe-area-inset-top,0px)) 1.15rem .65rem;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.call-active__meta{flex:1;min-width:0}.call-active__name{letter-spacing:-.02em;color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:600;line-height:1.2;overflow:hidden}.call-active__sub{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.3rem 0 0;font-size:.8125rem;display:flex}.call-active__live{background:#3ecf8e;border-radius:999px;flex-shrink:0;width:.45rem;height:.45rem}.call-active__timer{font-variant-numeric:tabular-nums;color:#ffffffb8}.call-active__sep{opacity:.35}.call-active__stage{flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:0;padding:1rem 1.25rem 1.5rem;display:flex;position:relative}.call-active__partner{justify-content:center;align-items:center;display:flex}.call-active__self{background:#00000073;border-radius:14px;position:absolute;bottom:1rem;right:1.15rem;overflow:hidden;box-shadow:0 10px 32px #00000059}.call-active__self.call-pip{width:7.75rem;height:5.5rem;position:absolute}.call-active__self--avatar{flex-direction:column;align-items:center;gap:.35rem;padding:.45rem .55rem .5rem;display:flex}.call-active__self-label{color:#ffffffa6;font-size:.6875rem;font-weight:500;line-height:1}.call-active__self.call-pip .call-active__self-label{z-index:1;text-shadow:0 1px 3px #000c;position:absolute;bottom:.35rem;left:.45rem}.call-active__self.call-pip video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-active__footer{z-index:2;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000 0%,#00000080 28%,#000000e0 100%);flex-shrink:0;position:relative}.call-active__toolbar{justify-content:center;align-items:center;gap:.55rem;width:100%;max-width:20rem;margin:0 auto;display:flex}@media (min-width:640px){.call-active__toolbar{gap:.65rem;max-width:22rem}}.call-view__bar{z-index:2;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem .5rem;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.call-view__bar-spacer{width:1px}.call-view__bar-actions{align-items:center;gap:.35rem;margin-left:auto;display:flex}.call-view__icon{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:color .15s,opacity .15s;display:flex}.call-view__icon:hover{color:#ffffffeb}.call-view__body{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.call-view__stage{flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:0;padding:1rem 1.25rem 2rem;display:flex;position:relative}.call-view__hero{text-align:center;flex-direction:column;align-items:center;gap:.85rem;max-width:18rem;display:flex}.call-view__name{letter-spacing:-.03em;color:#fff;margin:0;font-size:1.375rem;font-weight:600;line-height:1.15}.call-view__mode{color:#ffffff8c;margin:-.35rem 0 0;font-size:.875rem;font-weight:400}.call-view__status{font-variant-numeric:tabular-nums;color:#ffffff80;margin:0;font-size:.9375rem;font-weight:400}.call-speaking-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .2s;display:flex;box-shadow:0 0 #0000}.call-speaking-ring.is-speaking{box-shadow:0 0 0 2px #ffffff61}.call-local-badge{position:absolute;bottom:1.25rem;right:1.25rem}.call-pip-frame{border-radius:inherit;width:100%;height:100%;overflow:hidden}.call-pip-frame.is-speaking{box-shadow:0 0 0 2px #ffffff52}.call-pip-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-pip{background:#0000008c;border-radius:12px;width:7.5rem;height:5.25rem;position:absolute;bottom:1.25rem;right:1.25rem;overflow:hidden;box-shadow:0 12px 40px #00000073}.call-pip.is-speaking{box-shadow:0 12px 40px #00000073,0 0 0 2px #ffffff47}@media (min-width:768px){.call-pip{width:9.5rem;height:6.5rem}}.call-pip video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-screen{background:#050505;border-radius:0;flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:12rem;display:flex;position:relative;overflow:hidden}.call-screen--expanded{z-index:125;border-radius:0;min-height:100%;position:fixed;inset:0}.call-screen__video,.call-screen video{object-fit:contain;background:#000;width:100%;height:100%}.call-screen__badge{z-index:2;color:#ffffffd9;pointer-events:none;background:#00000080;border-radius:8px;padding:.3rem .55rem;font-size:.75rem;font-weight:500;position:absolute;top:.75rem;left:.75rem}.call-screen-placeholder{color:#ffffff73;justify-content:center;align-items:center;font-size:.8125rem;display:flex;position:absolute;inset:0}.call-screen-expand{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;position:absolute;top:.75rem;right:.75rem}.call-screen-thumbs{gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.call-thumb{background:#0000008c;border-radius:10px;justify-content:center;align-items:center;width:5rem;height:3.75rem;display:flex;overflow:hidden}.call-thumb .call-pip-frame{border-radius:10px;width:100%;height:100%}.call-dock{z-index:2;padding:.5rem 1.25rem calc(1.75rem + env(safe-area-inset-bottom,0px));flex-shrink:0;position:relative}.call-dock__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.15rem;display:flex}@media (min-width:640px){.call-dock__row{gap:1.35rem}}.call-dock__btn{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background .15s,color .15s;display:flex}.call-dock__btn:hover{background:#fff3}.call-dock__btn.is-off{color:#ffffff73;background:#ffffff14}.call-dock__btn.is-off:hover{background:#ffffff1f}.call-dock__btn.is-on{color:#fff;background:#ffffff3d}.call-dock__btn--end{color:#fff;background:#ff453a;width:3rem;height:3rem}.call-dock__btn--end:hover{background:#ff5f56}.call-settings-backdrop{z-index:122;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;position:fixed;inset:0}.call-settings-backdrop.is-open{opacity:1;pointer-events:auto}.call-settings-drawer{z-index:123;background:#141416;border-radius:16px 16px 0 0;flex-direction:column;max-height:min(78dvh,32rem);transition:transform .22s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.call-settings-drawer.is-open{transform:translateY(0)}@media (min-width:768px){.call-settings-drawer{border-radius:0;width:min(22rem,92vw);max-height:none;inset:0 0 0 auto;transform:translate(100%)}.call-settings-drawer.is-open{transform:translate(0)}}.call-settings-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem .85rem;display:flex}.call-settings-title{letter-spacing:-.02em;color:#f4f4f5;margin:0;font-size:1rem;font-weight:600}.call-settings-handle{background:#ffffff2e;border-radius:999px;flex-shrink:0;width:2.25rem;height:.28rem;margin:.55rem auto 0}@media (min-width:768px){.call-settings-handle{display:none}}.call-settings-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 1rem 1.25rem;overflow-y:auto}.call-settings-group{background:#ffffff0a;border-radius:12px;margin-top:.85rem;padding:.15rem 0}.call-settings-group:first-child{margin-top:0}.call-settings-group-title{color:#ffffff73;margin:0;padding:.75rem .9rem .35rem;font-size:.75rem;font-weight:500}.call-volume-row{padding:.65rem .9rem .8rem}.call-volume-row+.call-volume-row{margin-top:.15rem}.call-volume-head{align-items:center;gap:.65rem;margin-bottom:.55rem;display:flex}.call-volume-icon,.call-switch-icon,.call-device-field__icon{color:#ffffff8c;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.call-volume-copy,.call-switch-copy{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.call-volume-label,.call-switch-label,.call-device-field__label{color:#ffffffe0;font-size:.8125rem;font-weight:500;line-height:1.25}.call-volume-hint,.call-switch-hint{color:#fff6;font-size:.6875rem;line-height:1.3}.call-volume-value{font-variant-numeric:tabular-nums;color:#ffffff73;flex-shrink:0;font-size:.75rem}.call-volume-row.is-disabled{opacity:.45}.call-range{appearance:none;background:#ffffff1f;border-radius:999px;outline:none;width:100%;height:3px}.call-range::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:999px;width:14px;height:14px}.call-range::-moz-range-thumb{background:#fff;border:none;border-radius:999px;width:14px;height:14px}.call-range:disabled{opacity:.35}.call-device-field{box-sizing:border-box;align-items:flex-start;gap:.65rem;width:100%;margin:0;padding:.7rem .9rem;display:flex}.call-device-field__body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.call-device-field__select{box-sizing:border-box;color:#fff;background:#ffffff0f;border:0;border-radius:8px;outline:none;width:100%;max-width:100%;padding:.5rem .55rem;font-size:.8125rem;line-height:1.3}.call-device-field__select option{color:#fff;background:#1a1a1c}.call-switch-row{align-items:center;gap:.65rem;margin-top:0;padding:.75rem .9rem;display:flex}.call-switch{cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;flex-shrink:0;width:2.65rem;height:1.55rem;transition:background .15s;position:relative}.call-switch.is-on{background:#ffffff52}.call-switch-thumb{background:#fff;border-radius:999px;width:1.2rem;height:1.2rem;transition:transform .15s;position:absolute;top:.18rem;left:.18rem}.call-switch.is-on .call-switch-thumb{transform:translate(1.05rem)}.call-settings-footnote{color:var(--text-faint);margin:1rem 0 0;padding:0 .15rem;font-size:.6875rem;line-height:1.55}.call-icon-btn{width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.call-icon-btn:hover{color:var(--text);background:#ffffff0f}.call-mini{z-index:130;left:.85rem;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));background:#141416f5;border-radius:12px;align-items:center;gap:.65rem;width:min(19rem,100vw - 1.7rem);padding:.5rem .55rem;display:flex;position:fixed;box-shadow:0 12px 40px #00000073}@media (min-width:768px){.call-mini{bottom:1.15rem;left:1.15rem}}.call-mini-media{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.call-mini-media .call-pip-frame{border-radius:8px;width:2.5rem;height:2.5rem}.call-mini-main{flex:1;min-width:0}.call-mini-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;font-weight:600;overflow:hidden}.call-mini-meta{color:#ffffff80;font-variant-numeric:tabular-nums;margin:.08rem 0 0;font-size:.6875rem}.call-mini-actions{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.call-mini-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.call-mini-btn:hover{color:#fff;background:#ffffff14}.call-mini-btn.is-off{color:#fff;background:#ffffff29}.call-mini-btn--end{color:#fff;background:#ff453a}.call-mini-btn--end:hover{background:#ff5f56}.call-incoming{z-index:130;padding:calc(2.5rem + env(safe-area-inset-top,0px)) 1.5rem calc(2rem + env(safe-area-inset-bottom,0px));color:#fff;background:#000;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.call-incoming__backdrop{filter:blur(56px)brightness(.5);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-12%;transform:scale(1.08)}.call-incoming__scrim{pointer-events:none;background:#0000008c;position:absolute;inset:0}.call-incoming__body{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:12vh;display:flex;position:relative}.call-incoming__name{letter-spacing:-.02em;margin:.35rem 0 0;font-size:1.55rem;font-weight:600}.call-incoming__mode{color:#ffffffb8;margin:0;font-size:.95rem}.call-incoming__actions{z-index:1;justify-content:center;align-items:center;gap:2.75rem;width:100%;padding-bottom:1.5rem;display:flex;position:relative}.call-dock__btn--accept{color:#fff;background:#34c759;width:3.35rem;height:3.35rem}.call-dock__btn--accept:hover{background:#30d158}.call-remote-video{object-fit:cover;border-radius:inherit;width:100%;height:100%}.call-remote-audio{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.call-active__partner-video{z-index:0;position:absolute;inset:0;overflow:hidden}.call-active__partner-video video{object-fit:cover;width:100%;height:100%}.call-device-select{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.55rem;width:100%;margin-top:.35rem;padding:.45rem .55rem;font-size:.8125rem}.call-device-row--interactive{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;padding:.55rem 0;display:block}.call-device-row--interactive:disabled{opacity:.55;cursor:default}@keyframes call-view-enter{0%{opacity:0}to{opacity:1}}.call-view--enter{animation:.28s both call-view-enter}.call-settings-drawer{transition:transform .28s cubic-bezier(.22,1,.36,1)}.call-settings-backdrop{transition:opacity .22s}.call-pip--draggable{cursor:grab;touch-action:none;z-index:3}.call-pip--draggable:active{cursor:grabbing}.call-mini--draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.call-mini--draggable:active{cursor:grabbing;box-shadow:0 16px 48px #0000008c}