.call-layer{z-index:8;background:var(--color-night-950);color:var(--color-on-night);visibility:hidden;transition:transform var(--dur) var(--ease-ios), visibility 0s var(--dur);will-change:transform;contain:layout paint;outline:none;flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(100%)}.call-layer.on{visibility:visible;transition:transform var(--dur) var(--ease-ios), visibility 0s;transform:translate(0,0)}@starting-style{.call-layer.on{transform:translateY(100%)}}.call,.incoming{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.call video.remote{object-fit:cover;width:100%;height:100%;transition:opacity .4s var(--ease-ios);background:linear-gradient(#0b0a12 0%,#2a1f3f 46%,#b0566a 82%,#f7af09 118%);position:absolute;inset:0}.call.nocam video.remote{opacity:0}.call:before,.call:after{content:"";z-index:1;pointer-events:none;transition:opacity .4s var(--ease-ios), height .4s var(--ease-ios);position:absolute;left:0;right:0}.call:before{background:linear-gradient(#0b0a129e 0%,#0b0a1247 55%,#0b0a1200 100%);height:9rem;top:0}.call:after{background:linear-gradient(#0b0a1200 0%,#0b0a1252 45%,#0b0a12b3 100%);height:13rem;bottom:0}.call.nocam:before,.call.nocam:after{opacity:0}.call .novideo{transition:bottom .4s var(--ease-ios), padding-bottom .4s var(--ease-ios);flex-direction:column;justify-content:center;align-items:center;padding-bottom:11rem;display:none;position:absolute;inset:0}.call.nocam .novideo{display:flex}.call .novideo .av{width:6.5rem;height:6.5rem;transition:width .4s var(--ease-ios), height .4s var(--ease-ios), font-size .4s var(--ease-ios);font-size:2.5rem}.call .novideo p{color:var(--color-on-night-muted);margin-top:.75rem;font-size:.875rem}.call .selfie{top:4.5rem;z-index:2;object-fit:cover;background:var(--color-night-800);border:1px solid #f3efe740;border-radius:1rem;width:5.25rem;height:7.25rem;position:absolute;inset-inline-end:.875rem}.call .selfie.mirror{transform:scaleX(-1)}.call .selfie[hidden]{display:none}.call .ctop{z-index:3;padding:max(.375rem, env(safe-area-inset-top)) .375rem .375rem;align-items:flex-start;gap:.25rem;display:flex;position:relative}.call .ctop .t{flex:1;min-width:0;padding-top:.125rem}.call .ctop .icon:disabled{opacity:.5}.call .ctop b{white-space:nowrap;text-overflow:ellipsis;font-size:1.0625rem;font-weight:650;line-height:1.2;display:block;overflow:hidden}.call .ctop small{color:#f3efe7cc;font-size:.8125rem;display:block}.call .ctop small.peer-mic{align-items:center;gap:.25rem;margin-top:.125rem;display:flex}.call .ctop .peer-mic .i{width:.875rem;height:.875rem}.call .dotlive{background:var(--color-jade);border-radius:999px;width:.5rem;height:.5rem;margin-inline-end:.3125rem;display:inline-block}.call .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.call .cbot{z-index:3;padding:0 .75rem max(.875rem, env(safe-area-inset-bottom));margin-top:auto;position:relative}.call .ctrls{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.call-layer .ctrl{flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.call-layer .ctrl .c{background:#f3efe729;border-radius:999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:background-color .25s,color .25s;display:inline-flex}.call-layer .ctrl[aria-pressed=false] .c{background:var(--color-on-night);color:var(--color-ink)}.call-layer .ctrl.end .c{background:var(--color-danger);color:#fff}.call-layer .ctrl:disabled{opacity:.5}.call .caps{--cap-max:min(16.5rem, calc(100dvh - 22rem));margin-bottom:.625rem;position:relative}.call.nocam .caps{--cap-max:min(26rem, calc(100dvh - 25rem))}.call .caps:before{content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0a12cc;border-radius:1.125rem;position:absolute;inset:0}.call .caps ol{max-height:max(var(--cap-max), calc(var(--cap-last,0px) + .75rem));flex-direction:column;justify-content:flex-end;gap:.375rem;padding:.375rem;list-style:none;display:flex;position:relative;overflow:hidden}.call .caps ol[data-over]{-webkit-mask-image:linear-gradient(#0000 0,#000 2.25rem);mask-image:linear-gradient(#0000 0,#000 2.25rem)}.call .cap{outline-offset:-2px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:opacity .2s var(--ease-ios), background-color .2s var(--ease-ios);border-radius:.75rem;flex:none;padding:.3125rem .5rem}.call .cap .who{color:var(--color-on-night-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.0625rem;font-size:.75rem;font-weight:650;line-height:1.3;display:block;overflow:hidden}.call .cap.mine .who{color:#3fd0ad}.call .cap .said{text-align:start;color:#f3efe7c7;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.32}.call .cap .tr{overflow-wrap:anywhere;margin-top:.125rem}.call .cap .tr .tx{text-align:start;color:var(--color-on-night);transition:opacity .25s var(--ease-ios);font-size:1.0625rem;font-weight:600;line-height:1.3;display:block}.call .cap .tr .lbl{letter-spacing:.02em;color:var(--color-on-night-muted);margin-top:.1875rem;font-size:.75rem;font-weight:650;line-height:1.3;display:block}.call .cap.mine .tr .tx{font-size:1rem}.call .cap.pending .said{color:#f3efe78c}.call .cap.again .tr .tx{opacity:.45;animation:cap-again 1.2s var(--ease-ios) infinite alternate}@keyframes cap-again{to{opacity:.75}}.call .caps.holding ol{z-index:5;position:relative}.call .caps.holding .cap:not(.held){opacity:.32}.call .cap.held{background:#f3efe71f}.call .cap-dim{z-index:4;animation:fade .2s var(--ease-ios) both;background:#0b0a1273;position:fixed;inset:0}.call .cap-menu{z-index:6;background:var(--color-night-800);transform-origin:0 100%;min-width:12.5rem;animation:pop .24s var(--ease-ios) both;border:1px solid #f3efe724;border-radius:.875rem;position:absolute;overflow:hidden;box-shadow:0 .75rem 2rem #00000073}.call .cap-menu.right{transform-origin:100% 100%}.call .cap-menu button{text-align:start;width:100%;min-height:2.875rem;color:var(--color-on-night);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;font-size:.9375rem;font-weight:550;display:flex}.call .cap-menu button+button{border-top:1px solid #f3efe714}.call .cap-menu .ck{color:#3fd0ad;width:1rem;height:.75rem}.call .cap-dim.leaving,.call .cap-menu.leaving{animation:out .16s var(--ease-ios) both}.call .live-chips{gap:.375rem;margin-bottom:.75rem;display:flex;position:relative}.call .live-chips .chips{flex:auto;gap:.375rem;min-width:0;display:flex}.call .live-chips .chip{min-width:0;min-height:2.375rem;color:var(--color-on-night);white-space:nowrap;background:#0b0a1273;border-color:#f3efe759;flex:auto;padding:0 .375rem;font-size:.8125rem;line-height:1.15;transition:background-color .25s,color .25s,border-color .25s}.call .live-chips .chip[aria-pressed=true]{background:var(--color-on-night);color:var(--color-ink);border-color:var(--color-on-night)}.call .live-chips .chip.under{flex:none;align-items:center;gap:.125rem;padding-block:0;padding-inline:.75rem .5rem;display:inline-flex}.call .live-chips .chip.under .i{width:1rem;height:1rem;transition:transform .2s var(--ease-ios)}.call .live-chips .chip.under[aria-expanded=true] .i{transform:rotate(180deg)}.call.capped .novideo{padding-bottom:0;bottom:calc(100% - 21rem)}.call.capped .novideo .av{width:5.5rem;height:5.5rem;font-size:2.125rem}.call.capped:after{height:24rem}.incoming .inc-who{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;display:flex}.incoming .inc-who .av{width:7rem;height:7rem;font-size:2.75rem}.incoming .inc-who h3{margin-top:.5rem;font-size:1.75rem;font-weight:700;font-stretch:110%;line-height:1.1}.incoming .inc-who p{color:var(--color-on-night-muted)}.incoming .ring-btns{padding:1.5rem 1rem max(2.5rem, env(safe-area-inset-bottom));justify-content:space-around;display:flex}.incoming .ring-btns .ctrl .c{background:var(--color-danger);color:#fff;width:4.25rem;height:4.25rem}.incoming .ring-btns .ctrl.yes .c{background:var(--color-jade)}.stack{--call-banner-h:calc(2.25rem + env(safe-area-inset-top,0px))}.call-banner{z-index:8;height:var(--call-banner-h);padding:env(safe-area-inset-top,0px) .875rem 0;color:#fff;white-space:nowrap;background:#07806a;justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.call-banner>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.call-banner>span:last-child{flex:none}.stack:has(>.call-banner)>.screen{top:var(--call-banner-h)}.stack:has(>.call-banner)>.screen>.bar{padding-top:.375rem}.stack:has(>.call-layer.on)>.toast{top:calc(4.25rem + env(safe-area-inset-top,0px));white-space:normal;text-align:center;border-radius:1.125rem;width:max-content;max-width:min(88%,22rem);line-height:1.3;bottom:auto}