/* v1024 Call screen module. */
html[data-design-authority="v1024"] .call{background:#060b13}
html[data-design-authority="v1024"] .call-actions{border-color:rgba(255,255,255,.12)!important;background:rgba(8,17,30,.82)!important;box-shadow:0 14px 38px rgba(0,0,0,.36)!important;backdrop-filter:blur(20px)}
html[data-design-authority="v1024"] .call-actions button{min-width:var(--target-min)!important;min-height:var(--target-min)!important}
html[data-design-authority="v1024"] :where(.call-tools,.call-reaction-picker,.communication-continuity){border-color:rgba(255,255,255,.13)!important;background:rgba(8,17,30,.92)!important;box-shadow:0 18px 46px rgba(0,0,0,.42)!important}

/* The reaction glass is positioned by the viewport authority directly above
   the React control. The pointer makes the relationship unambiguous while the
   clamped fixed position keeps the glass inside narrow and rotated screens. */
#call:not(.hidden) .call-reaction-picker{position:relative}
#call:not(.hidden) .call-reaction-picker::after{
  content:"";position:absolute;left:var(--reaction-pointer-x,50%);bottom:-7px;
  width:14px;height:14px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);
  background:rgba(8,17,30,.96);transform:translateX(-50%) rotate(45deg);border-radius:0 0 3px 0;pointer-events:none
}
html[data-design-authority="v1024"] .call :where(.call-feedback,.call-captions):empty{display:none!important}

/* v1025: Call Tools Night Reserve. Call menus always sit on live media, so
   they use one explicit dark, high-contrast surface instead of inheriting a
   light application card while retaining the call screen's pale labels. */
html[data-design-authority="v1024"] #video-menu.video-menu,
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu{
  border:1px solid rgba(224,184,76,.42)!important;
  background:linear-gradient(155deg,rgba(18,30,48,.98),rgba(5,12,23,.98))!important;
  color:#f8fafc!important;
  box-shadow:0 22px 64px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
  color-scheme:dark;
}
html[data-design-authority="v1024"] #video-menu .video-menu-title,
html[data-design-authority="v1024"] #audio-route-menu .video-menu-title{
  color:#f6d98e!important;
  text-shadow:0 1px 10px rgba(224,184,76,.18)!important;
}
html[data-design-authority="v1024"] #video-menu.video-menu>button,
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button{
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(31,46,68,.92)!important;
  color:#f8fafc!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-design-authority="v1024"] #video-menu.video-menu>button>span,
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button>span{
  color:#f6c85f!important;
  opacity:1!important;
  filter:none!important;
}
html[data-design-authority="v1024"] #video-menu.video-menu>button>b,
html[data-design-authority="v1024"] #video-menu.video-menu>button>small,
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button>b{
  color:#f8fafc!important;
  opacity:1!important;
}
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button>small{
  color:#cbd5e1!important;
  opacity:1!important;
}
html[data-design-authority="v1024"] #video-menu.video-menu>button:is(:hover,:focus-visible),
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button:is(:hover,:focus-visible){
  border-color:rgba(246,200,95,.72)!important;
  background:#2a3b55!important;
  color:#fff!important;
  outline:2px solid rgba(246,200,95,.34)!important;
  outline-offset:1px!important;
}
html[data-design-authority="v1024"] #video-menu.video-menu>button:is(.active,[aria-pressed="true"]),
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button.selected{
  border-color:rgba(80,229,171,.62)!important;
  background:linear-gradient(145deg,#173f36,#18324b)!important;
  color:#f0fdf4!important;
  box-shadow:inset 0 0 0 1px rgba(80,229,171,.14),0 8px 24px rgba(0,0,0,.2)!important;
}
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button.route-pending{
  border-color:color-mix(in srgb,var(--action-primary) 72%,#fff)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--action-primary) 20%,transparent),0 14px 30px #0005!important;
}
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button.route-pending::after{
  content:"Selecting";grid-column:2;display:block;color:var(--action-primary);font-size:.75rem;font-weight:900;letter-spacing:.02em;
}
html[data-design-authority="v1024"] #video-menu.video-menu>button:disabled,
html[data-design-authority="v1024"] #audio-route-menu.audio-route-menu>button:disabled{
  border-color:rgba(255,255,255,.07)!important;
  background:#111b2b!important;
  color:#cbd5e1!important;
  opacity:.78!important;
}

/* v1044: video pixels remain on the compositor fast path. Camera hardware and
   WebRTC encoding provide clarity; full-frame CSS filters soften detail and
   force expensive GPU passes on Android WebView, especially during PiP. */
html[data-design-authority="v1024"] .call.video-enhanced :is(video#remote-video,video.self,.group-video-tile video){
  filter:none!important;
}
html.runtime-constrained[data-design-authority="v1024"] .call :is(.call-top,.call-actions,.premium-menu,.call-tools,.group-participant-name){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.runtime-constrained[data-design-authority="v1024"] .call :is(.group-video-tile.active-speaker:before,.call-signal:before){
  animation:none!important;
}

/* v1045: the live call owns the foreground. App headers and menus must never
   cover a connected call while its audio continues underneath. */
body.call-fullscreen #app-screen{
  visibility:hidden!important;
  pointer-events:none!important;
}
body.call-fullscreen #call:not(.hidden){
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:28000!important;
}
#call[data-surface-authority="floating"]{z-index:28000!important}

/* v1032 Production Authority: call controls use semantic surfaces and retain
   an accessible target even in the compact mobile layout. */
html[data-design-authority="v1024"] .call{background:var(--call-surface)!important}
html[data-design-authority="v1024"] :is(.call-actions button,#video-menu button,#audio-route-menu button,.group-call-top-tools button){
  min-width:var(--target-min)!important;min-height:var(--target-min)!important;
}
html[data-design-authority="v1024"] :is(.call-state,.call-quality,.participant-status,.video-menu small,.video-menu b){
  font-size:max(var(--supporting-min),.75rem)!important;
}

/* v1047 Effortless Touch Authority: high-frequency call controls favour a
   forgiving touch surface over visual density. Group controls scroll as one
   stable glass rail on narrow phones instead of shrinking below finger size. */
#call :is(#local-video,#remote-video)[data-single-tap-swap="true"]{
  touch-action:none!important;
  cursor:pointer;
  outline-offset:3px;
}
#call :is(#local-video,#remote-video)[data-single-tap-swap="true"]:focus-visible{
  outline:4px solid rgba(96,229,171,.92)!important;
  box-shadow:0 0 0 7px rgba(16,185,129,.22),0 18px 50px rgba(0,0,0,.55)!important;
}
@media(pointer:coarse){
  #call .call-actions>button{
    min-width:48px!important;
    min-height:60px!important;
    padding:7px 4px!important;
    touch-action:manipulation!important;
  }
  #call :is(.call-top button,#video-menu button,#audio-route-menu button,.call-reaction-picker button){
    min-width:48px!important;
    min-height:48px!important;
    touch-action:manipulation!important;
  }
  #call :is(#video-menu,#audio-route-menu)>button{padding:10px!important}
  #call.group-call .call-actions{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(56px,64px)!important;
    justify-content:start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    touch-action:pan-x!important;
  }
  #call.group-call .call-actions::-webkit-scrollbar{display:none}
  #call.group-call .call-actions>button{scroll-snap-align:center}
}

/* v1048 Stable Swap Anchor: swapping the local and remote canvases changes
   their content hierarchy, never the user's chosen thumbnail position. The
   alternate thumbnail therefore inherits the same upper-right anchor as the
   normal self view. Deliberate drag coordinates remain authoritative because
   the runtime writes them as inline !important values. */
#call.video-call.media-swapped:not(.group-call):not(.native-pip):not(.in-app-pip)>#remote-video{
  inset:max(10px,calc(env(safe-area-inset-top) + 8px)) 14px auto auto!important;
  left:auto!important;
  bottom:auto!important;
  width:clamp(96px,23vw,128px)!important;
  height:auto!important;
  max-width:128px!important;
  max-height:34dvh!important;
  aspect-ratio:3/4!important;
  border-radius:22px!important;
}
@media(orientation:landscape) and (max-height:620px){
  #call.video-call.media-swapped:not(.group-call):not(.native-pip):not(.in-app-pip)>#remote-video{
    inset:max(8px,calc(env(safe-area-inset-top) + 6px)) 12px auto auto!important;
    width:min(24vw,180px)!important;
    max-width:180px!important;
    max-height:44dvh!important;
    aspect-ratio:16/10!important;
  }
}

/* v1052 Call Runtime Fast Path. A live decoder must never compete with the
   hidden application, large backdrop filters or decorative animation. Luxury
   here is a stable, sharp frame and controls that answer immediately. */
body.call-fullscreen #app-screen,
body.call-native-pip #app-screen{
  visibility:hidden!important;
  pointer-events:none!important;
}
/* v1068 retains the Atomic PiP Frame Handoff. During the one native resize transaction,
   the retained call frame is the only drawable surface. No navigation canvas,
   compact geometry or transition may appear between PiP and fullscreen. */
body.pip-exit-atomic #app-screen{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html[data-design-authority="v1024"] #call.pip-exit-atomic:not(.hidden){
  display:block!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  contain:layout paint style!important;
  background:#050a12!important;
  z-index:30000!important;
}
html[data-design-authority="v1024"] #call.pip-exit-atomic:not(.hidden)>:is(#remote-video,.call-avatar,.group-videos){
  transition:none!important;
  animation:none!important;
}
#call:not(.hidden){
  isolation:isolate;
  overscroll-behavior:none;
}
#call:not(.hidden) :is(.call-top,.call-actions,.premium-menu,.call-tools,.call-reaction-picker,.group-participant-name,.group-audio-status){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#call:not(.hidden) :is(.call-top,.call-actions){
  box-shadow:0 7px 22px rgba(0,0,0,.3)!important;
}
#call:not(.hidden) :is(#remote-video,#local-video,.group-video-tile video){
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  filter:none!important;
}
#call:not(.hidden) #local-video{
  box-shadow:0 8px 24px rgba(0,0,0,.5)!important;
}
#call:not(.hidden) #call-back{
  position:relative!important;
  z-index:32000!important;
  min-width:48px!important;
  min-height:48px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
#call.native-pip{
  contain:strict!important;
}
#call.native-pip :is(.video-light,.call-reaction-layer,.call-reaction-dock,.call-feedback,.call-captions,.communication-continuity){
  display:none!important;
}
html.runtime-constrained #call:not(.hidden) :is(.video-light,.group-video-tile.active-speaker:before){
  display:none!important;
  animation:none!important;
}
html.runtime-constrained #call:not(.hidden) :is(.call-top,.call-actions,.self,.group-video-tile){
  transition:none!important;
}

/* v1050 Rotation & Video Fluidity Authority. Android keeps the Activity and
   WebRTC session alive across rotation, so the call must use the measured
   WebView bounds rather than a stale 100vh snapshot. The direct-call rail is
   one compact six-action row that can never overflow the landscape canvas. */
html[data-design-authority="v1024"] #call:not(.hidden){
  position:fixed!important;
  inset:0 auto auto 0!important;
  width:var(--visual-width,100vw)!important;
  height:var(--visual-height,100dvh)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  contain:layout paint style;
  background:#050a12!important;
}
html[data-design-authority="v1024"] #call:not(.hidden)>:is(#remote-video,.call-avatar,.group-videos){
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
@media(orientation:landscape) and (max-height:620px){
  html[data-design-authority="v1024"] #call:not(.group-call)>.call-top{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:max(6px,env(safe-area-inset-top))!important;
    width:auto!important;
    padding:7px 10px!important;
    gap:9px!important;
  }
  html[data-design-authority="v1024"] #call:not(.group-call)>.call-actions{
    left:50%!important;
    right:auto!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    width:min(690px,calc(var(--visual-width,100vw) - max(20px,env(safe-area-inset-left)) - max(20px,env(safe-area-inset-right))))!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
    padding:5px!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  html[data-design-authority="v1024"] #call:not(.group-call)>.call-actions>button{
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
  }
  html[data-design-authority="v1024"] #call:not(.group-call)>.call-actions>button>span:last-child{
    font-size:.62rem!important;
  }
  html[data-design-authority="v1024"] #call:not(.group-call)>.call-actions .ui-icon{
    width:18px!important;
    height:18px!important;
  }
}

/* v1053 PiP & Camera Surface Authority. The compact in-app window must win
   over every fullscreen/rotation rule, native PiP must always expose a fully
   painted video canvas, and call chrome must never draw a seam over a face. */
html[data-design-authority="v1024"] #call.in-app-pip:not(.hidden),
html[data-design-authority="v1024"] #call.call-surface-floating:not(.hidden){
  position:fixed!important;
  inset:76px 12px auto auto!important;
  left:auto!important;
  width:142px!important;
  height:210px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:142px!important;
  max-height:210px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  contain:layout paint style!important;
  background:#07111f!important;
  box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 0 1px rgba(212,175,55,.36)!important;
  z-index:25000!important;
  transition:none!important;
  animation:none!important;
}

/* v1089 Call Navigation & PiP Responsiveness Authority. The floating surface
   is isolated to its own small compositor layer; it must not create a viewport-
   sized hit region or animate while the chat underneath scrolls. */
body.call-floating #app-screen{
  visibility:visible!important;
  pointer-events:auto!important;
  contain:layout style!important;
}
/* v1097 navigation fast path. While the call floats, the application is the
   interaction authority. Remove expensive card/composer effects and transitions
   so touch, swipe and scroll keep priority over decorative composition. */
body.call-floating #app-screen :is(.contact,.soft-card,.dashboard-card,.settings-section,.message-composer,.chat-heading,.profile-hero){
  transition:none!important;
  animation:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.call-floating #app-screen :is(.contact-directory-scroll .contact,.messages .msg,.community-message){
  box-shadow:none!important;
}
body.call-floating .contact-directory-scroll .contact{
  content-visibility:auto;
  contain-intrinsic-size:auto 116px;
}
body.call-floating #call.in-app-pip:not(.hidden){
  touch-action:none!important;
  will-change:auto!important;
}
body.call-floating #call.in-app-pip:not(.hidden) :is(.call-top,.call-actions,.premium-menu,.call-reaction-picker,.video-light,.call-feedback,.call-captions){
  display:none!important;
}
body.call-floating #call.in-app-pip:not(.hidden)>:is(#remote-video,#local-video,.group-videos){
  transition:none!important;
  animation:none!important;
  filter:none!important;
}
html[data-design-authority="v1024"] #call.in-app-pip:not(.hidden)>:is(#remote-video,.call-avatar,.group-videos),
html[data-design-authority="v1024"] #call.call-surface-floating:not(.hidden)>:is(#remote-video,.call-avatar,.group-videos){
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:23px!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:520px){
  html[data-design-authority="v1024"] #call.in-app-pip:not(.hidden),
  html[data-design-authority="v1024"] #call.call-surface-floating:not(.hidden){
    inset:66px 10px auto auto!important;
    left:auto!important;
    width:124px!important;
    height:184px!important;
    max-width:124px!important;
    max-height:184px!important;
    border-radius:21px!important;
  }
}
html[data-design-authority="v1024"] #call.native-pip:not(.hidden),
html[data-design-authority="v1024"] #call.call-surface-native-pip:not(.hidden){
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  contain:strict!important;
  background:#07111f!important;
}
html[data-design-authority="v1024"] #call.native-pip:not(.hidden)>:is(#remote-video,.call-avatar,.group-videos),
html[data-design-authority="v1024"] #call.call-surface-native-pip:not(.hidden)>:is(#remote-video,.call-avatar,.group-videos){
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
html[data-design-authority="v1024"] #call.native-pip.remote-video-pending>#remote-video,
html[data-design-authority="v1024"] #call.call-surface-native-pip.remote-video-pending>#remote-video{
  opacity:0!important;
}
html[data-design-authority="v1024"] #call.native-pip.remote-video-pending>.call-avatar,
html[data-design-authority="v1024"] #call.call-surface-native-pip.remote-video-pending>.call-avatar{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
}
#call:not(.hidden)>.call-top{
  border:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(2,6,15,.92) 0%,rgba(2,6,15,.58) 58%,rgba(2,6,15,0) 100%)!important;
}
#call:not(.hidden)>#remote-video,
#call:not(.hidden)>#local-video{
  outline:0!important;
  border-image:none!important;
  image-rendering:auto!important;
  filter:none!important;
}

/* v1056 Real-Time Video Performance Authority. Live pixels get a single
   compositor pass. Glass blur, animated glow and filter effects are disabled
   for every active call, not only phones already classified as constrained. */
body.call-fullscreen #call:not(.hidden) :is(.call-top,.call-actions,.premium-menu,.call-tools,.call-reaction-picker,.group-participant-name,.group-audio-status),
body.call-native-pip #call:not(.hidden) :is(.call-top,.call-actions,.premium-menu,.call-tools,.call-reaction-picker,.group-participant-name,.group-audio-status){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* v1073 Reaction Grid Authority.
   Earlier mobile rules allocated 30-34px columns while the coarse-pointer
   accessibility layer expanded every reaction to 48px. The buttons therefore
   overflowed their tracks and produced the shifted, overlapping glass shown on
   Android. One authoritative 44px geometry now owns both tracks and controls. */
html[data-design-authority="v1024"] body #call:not(.hidden) #call-reaction-picker.call-reaction-picker:not(.hidden){
  display:grid!important;
  grid-template-columns:repeat(6,44px)!important;
  grid-auto-rows:44px!important;
  gap:4px!important;
  width:max-content!important;
  max-width:calc(100vw - 16px)!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html[data-design-authority="v1024"] body #call:not(.hidden) #call-reaction-picker.call-reaction-picker>button{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  line-height:1!important;
  overflow:hidden!important;
  transform:none!important;
}
body.call-fullscreen #call:not(.hidden) :is(.video-light,.group-video-tile.active-speaker:before),
body.call-native-pip #call:not(.hidden) :is(.video-light,.group-video-tile.active-speaker:before){
  animation:none!important;
  filter:none!important;
}
body.call-fullscreen #call:not(.hidden) :is(#remote-video,#local-video,.group-video-tile video),
body.call-native-pip #call:not(.hidden) :is(#remote-video,#local-video,.group-video-tile video){
  filter:none!important;
  box-shadow:none!important;
  will-change:auto!important;
}

/* v1058 Connection & Dual PiP Authority. Direct video PiP is a deliberate
   two-person composition: the participant remains primary and the local
   camera remains visible below, matching the clarity of the full call. */
html[data-design-authority="v1024"] #call:is(.native-pip,.call-surface-native-pip,.in-app-pip,.call-surface-floating).video-call:not(.group-call)>#remote-video{
  display:block!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:58%!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  transform:none!important;
}
html[data-design-authority="v1024"] #call:is(.native-pip,.call-surface-native-pip,.in-app-pip,.call-surface-floating).video-call:not(.group-call)>#local-video{
  display:block!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  height:42%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  opacity:1!important;
  visibility:visible!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.62)!important;
  border-radius:0!important;
  object-fit:cover!important;
  transform:scaleX(-1)!important;
  z-index:3!important;
}
#call:not(.hidden)>.call-actions{
  background:rgba(6,14,25,.48)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#call:not(.hidden)>.call-actions>button{
  background:rgba(12,24,40,.58)!important;
}

/* v1088 Message Integrity & Motion Authority.
   Live video must stay on the compositor's cheapest path. Historical visual
   filters looked attractive on still frames but forced costly per-frame GPU
   work in Android WebView, increasing motion-to-glass latency and blur. */
html[data-design-authority="v1024"] #call:not(.hidden) :is(#remote-video,#local-video,.group-video-tile video){
  filter:none!important;
  -webkit-filter:none!important;
  image-rendering:auto!important;
  contain:layout paint style!important;
  text-shadow:none!important;
}
html[data-design-authority="v1024"] #call:not(.hidden) :is(#remote-video,#local-video){
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
@media (prefers-reduced-motion:reduce),(max-width:480px){
  html[data-design-authority="v1024"] #call:not(.hidden) :is(.edge-light-layer,.call-ambient-glow,.speaker-ring){
    animation:none!important;
    filter:none!important;
  }
}