:root{--eth-active-call-bar-height: calc(60px + env(safe-area-inset-top)) }button.svelte-1dyt3nb{border:0;font:inherit;cursor:pointer}.call-audio-element.svelte-1dyt3nb{position:fixed;z-index:-1;width:1px;height:1px;right:0;bottom:0;opacity:0;pointer-events:none}.active-call-bar.svelte-1dyt3nb{position:relative;z-index:115;width:100%;min-height:var(--eth-active-call-bar-height);flex:0 0 auto;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));color:#effcfc;background:linear-gradient(90deg,#075568,#087b78);text-align:left;box-shadow:0 4px 18px #0219203d}.bar-avatar.svelte-1dyt3nb{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff24;font-weight:800}.bar-copy.svelte-1dyt3nb{min-width:0;display:grid;gap:2px}.bar-copy.svelte-1dyt3nb strong:where(.svelte-1dyt3nb),.bar-copy.svelte-1dyt3nb small:where(.svelte-1dyt3nb){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-copy.svelte-1dyt3nb strong:where(.svelte-1dyt3nb){font-size:14px}.bar-copy.svelte-1dyt3nb small:where(.svelte-1dyt3nb){font-size:12px;opacity:.82;font-variant-numeric:tabular-nums}.bar-return.svelte-1dyt3nb{font-size:20px;opacity:.8}.bar-pulse.svelte-1dyt3nb{width:9px;height:9px;border-radius:50%;background:#ffd36b;box-shadow:0 0 0 5px #ffd36b29;animation:svelte-1dyt3nb-pulse 1.2s ease-in-out infinite}.call-screen.svelte-1dyt3nb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;width:100vw;height:100dvh;min-height:100svh;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;color:#f2fafa;background:linear-gradient(#040e149e,#040e14e0),var(--eth-chat-wallpaper, #071b25);background-size:cover;transition:opacity .14s ease,visibility .14s ease}.call-screen.minimized.svelte-1dyt3nb{visibility:hidden;opacity:0;pointer-events:none}.call-screen.privacy-locked.svelte-1dyt3nb{display:none;pointer-events:none}.call-header.svelte-1dyt3nb{position:absolute;z-index:8;inset:0 0 auto;min-height:calc(64px + env(safe-area-inset-top));display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:linear-gradient(rgba(2,11,16,.68),transparent);transition:opacity .18s ease,transform .18s ease}.call-header.controls-hidden.svelte-1dyt3nb{opacity:0;transform:translateY(-18px);pointer-events:none}.minimize-call.svelte-1dyt3nb{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:inherit;background:#ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.minimize-call.svelte-1dyt3nb svg:where(.svelte-1dyt3nb){width:24px;fill:none;stroke:currentColor;stroke-width:2}.call-identity.svelte-1dyt3nb{min-width:0;display:grid;justify-items:center;gap:2px;text-align:center}.call-identity.svelte-1dyt3nb strong:where(.svelte-1dyt3nb){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.call-identity.svelte-1dyt3nb span:where(.svelte-1dyt3nb){font-size:13px;opacity:.76;font-variant-numeric:tabular-nums}.call-video-stage.svelte-1dyt3nb{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;overscroll-behavior:none;background:#031118}.pip-safe-area.svelte-1dyt3nb{position:fixed;z-index:-1;top:calc(env(safe-area-inset-top) + 76px);right:max(12px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 126px);left:max(12px,env(safe-area-inset-left));pointer-events:none}.call-feed.svelte-1dyt3nb{position:fixed;top:0;left:0;overflow:hidden;background:#092630;transform-origin:center center}.call-feed.main.svelte-1dyt3nb{z-index:1;width:100vw;height:100dvh;border-radius:0;pointer-events:none}.call-feed.pip.svelte-1dyt3nb{z-index:6;width:clamp(76px,22vw,112px);aspect-ratio:1;border:2px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 8px 28px #0000006b;touch-action:none!important;cursor:grab;transition:box-shadow .12s ease}.call-feed.pip.dragging.svelte-1dyt3nb{cursor:grabbing;box-shadow:0 13px 36px #00000085}.call-feed.svelte-1dyt3nb video:where(.svelte-1dyt3nb){width:100%;height:100%;display:block;object-fit:cover;opacity:0;background:#031118}.call-feed.svelte-1dyt3nb video.visible:where(.svelte-1dyt3nb){opacity:1}.call-feed.svelte-1dyt3nb video.mirrored:where(.svelte-1dyt3nb){transform:scaleX(-1)}.feed-placeholder.svelte-1dyt3nb{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:12px;text-align:center;background:radial-gradient(circle at 50% 34%,rgba(47,176,180,.26),transparent 44%),linear-gradient(160deg,#123847,#061b24)}.call-feed.pip.svelte-1dyt3nb .feed-placeholder:where(.svelte-1dyt3nb) small:where(.svelte-1dyt3nb){display:none}.video-avatar.svelte-1dyt3nb{width:clamp(54px,18vw,104px);height:clamp(54px,18vw,104px);display:grid;place-items:center;border-radius:50%;background:#ffffff24;font-size:clamp(22px,8vw,42px);font-weight:800}.call-feed.pip.svelte-1dyt3nb .video-avatar:where(.svelte-1dyt3nb){width:48px;height:48px;font-size:20px}.feed-placeholder.svelte-1dyt3nb small:where(.svelte-1dyt3nb){color:#f2fafabd}.reconnecting-overlay.svelte-1dyt3nb{position:absolute;z-index:7;top:calc(env(safe-area-inset-top) + 82px);left:50%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#041218bd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%);font-size:13px;white-space:nowrap}.reconnecting-overlay.svelte-1dyt3nb span:where(.svelte-1dyt3nb){width:8px;height:8px;border-radius:50%;background:#ffd36b;animation:svelte-1dyt3nb-pulse 1.2s ease-in-out infinite}.audio-call-center.svelte-1dyt3nb{position:absolute;top:70px;right:18px;bottom:132px;left:18px;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center}.audio-avatar.svelte-1dyt3nb{width:116px;height:116px;display:grid;place-items:center;margin-bottom:10px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,#43cdca59,#ffffff14);box-shadow:0 0 0 8px #43cdca14;font-size:44px;font-weight:800}.audio-call-center.svelte-1dyt3nb strong:where(.svelte-1dyt3nb){font-size:25px}.audio-call-center.svelte-1dyt3nb>span:where(.svelte-1dyt3nb):not(.audio-avatar){opacity:.76;font-variant-numeric:tabular-nums}.audio-call-center.svelte-1dyt3nb small:where(.svelte-1dyt3nb){max-width:320px;opacity:.65;line-height:1.45}.resume-call-audio.svelte-1dyt3nb{position:absolute;z-index:10;top:calc(env(safe-area-inset-top) + 74px);left:50%;min-height:42px;padding:0 16px;border-radius:999px;color:#102027;background:#ffd36b;transform:translate(-50%);font-weight:750}.call-controls.svelte-1dyt3nb{position:absolute;z-index:9;right:0;bottom:0;left:0;min-height:calc(112px + env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:center;gap:clamp(7px,2.6vw,19px);padding:12px max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(transparent,#020a0fd6 34%);transition:opacity .18s ease,transform .18s ease}.call-controls.hidden.svelte-1dyt3nb{opacity:0;transform:translateY(26px);pointer-events:none}.call-controls.incoming.svelte-1dyt3nb{gap:clamp(68px,25vw,118px)}.control-column.svelte-1dyt3nb{min-width:54px;display:grid;justify-items:center;gap:6px;color:#f2fafac2;font-size:10px}.round-control.svelte-1dyt3nb{width:clamp(50px,14vw,60px);height:clamp(50px,14vw,60px);display:grid;place-items:center;border-radius:50%;color:#f2fafa;background:#f2fafa2b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .1s ease,background .12s ease}.round-control.svelte-1dyt3nb:active{transform:scale(.94)}.round-control.svelte-1dyt3nb:disabled{opacity:.48}.round-control.on.svelte-1dyt3nb{color:#0b1b20;background:#f2fafae0}.round-control.danger.svelte-1dyt3nb{background:#d94343}.round-control.accept.svelte-1dyt3nb{color:#082327;background:#46c893}.round-control.svelte-1dyt3nb svg:where(.svelte-1dyt3nb){width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.round-control.svelte-1dyt3nb .phone-down:where(.svelte-1dyt3nb){transform:rotate(135deg)}.audio-sheet-backdrop.svelte-1dyt3nb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-end;justify-content:center;padding:16px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#00000085}.audio-sheet.svelte-1dyt3nb{width:min(480px,100%);max-height:min(620px,82dvh);overflow:auto;display:grid;gap:12px;padding:10px 16px 16px;border:1px solid var(--eth-color-divider, rgba(255, 255, 255, .15));border-radius:18px;color:var(--eth-color-text, #17242a);background:var(--eth-color-surface-elevated, #fff);box-shadow:0 18px 60px #00000057}.sheet-grip.svelte-1dyt3nb{width:40px;height:4px;justify-self:center;border-radius:999px;background:#8080805c}.audio-sheet.svelte-1dyt3nb>strong:where(.svelte-1dyt3nb){font-size:19px}.audio-sheet.svelte-1dyt3nb>small:where(.svelte-1dyt3nb),.audio-sheet.svelte-1dyt3nb>p:where(.svelte-1dyt3nb){color:var(--eth-color-text-secondary, #66747b);line-height:1.45}.audio-options.svelte-1dyt3nb{display:grid;gap:6px}.audio-options.svelte-1dyt3nb button:where(.svelte-1dyt3nb),.system-picker.svelte-1dyt3nb{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-radius:11px;color:inherit;background:var(--eth-color-surface-muted, #edf2f3);text-align:left}.audio-options.svelte-1dyt3nb button.selected:where(.svelte-1dyt3nb){color:var(--eth-color-accent, #087b78);background:var(--eth-color-accent-soft, #def4f2)}.audio-error.svelte-1dyt3nb{color:#b82f2f!important}.audio-sheet-close.svelte-1dyt3nb{min-height:48px;border-radius:11px;color:var(--eth-color-on-accent, #fff);background:var(--eth-color-accent, #087b78);font-weight:750}@media(orientation:landscape)and (max-height:540px){.call-header.svelte-1dyt3nb{min-height:calc(52px + env(safe-area-inset-top));padding-top:max(4px,env(safe-area-inset-top))}.pip-safe-area.svelte-1dyt3nb{top:calc(env(safe-area-inset-top) + 58px);bottom:calc(env(safe-area-inset-bottom) + 92px)}.call-controls.svelte-1dyt3nb{min-height:calc(82px + env(safe-area-inset-bottom));padding-top:6px}.round-control.svelte-1dyt3nb{width:48px;height:48px}.control-column.svelte-1dyt3nb{gap:2px}.audio-call-center.svelte-1dyt3nb{top:52px;right:110px;bottom:82px;left:110px}}@media(max-width:350px){.call-controls.svelte-1dyt3nb{gap:5px}.round-control.svelte-1dyt3nb{width:48px;height:48px}.control-column.svelte-1dyt3nb{min-width:48px;font-size:9px}}@media(prefers-reduced-motion:reduce){.call-screen.svelte-1dyt3nb,.call-header.svelte-1dyt3nb,.call-controls.svelte-1dyt3nb,.round-control.svelte-1dyt3nb{transition:none}.bar-pulse.svelte-1dyt3nb,.reconnecting-overlay.svelte-1dyt3nb span:where(.svelte-1dyt3nb){animation:none}}@keyframes svelte-1dyt3nb-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}html,body{width:100%;min-height:100%;margin:0}html.eth-call-fullscreen,html.eth-call-fullscreen body{height:100%;overflow:hidden;overscroll-behavior:none}html.eth-messenger-viewport,html.eth-messenger-viewport body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}html.eth-messenger-viewport body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}html.eth-messenger-viewport .runtime-shell.svelte-12qhfyh,html.eth-messenger-viewport .runtime-route.svelte-12qhfyh{height:100%;min-height:0;overflow:hidden}.runtime-shell.svelte-12qhfyh{width:100%;min-height:100svh;display:flex;flex-direction:column}.runtime-route.svelte-12qhfyh{flex:1 1 auto;min-width:0;min-height:0}.runtime-shell.call-fullscreen.svelte-12qhfyh,.runtime-shell.call-minimized.svelte-12qhfyh{height:100dvh;min-height:0;overflow:hidden}.call-fullscreen.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh),.call-minimized.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh){overflow:auto;overscroll-behavior:contain}.call-fullscreen.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh) .app-frame,.call-fullscreen.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh) .app-lock-screen,.call-minimized.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh) .app-frame,.call-minimized.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh) .app-lock-screen{height:100%;min-height:100%}.call-fullscreen.svelte-12qhfyh .runtime-route:where(.svelte-12qhfyh){overflow:hidden}