/* Mobile glass uses opaque surfaces: no live blur while scrolling media. */
@media (pointer:coarse), (max-width:700px), (prefers-reduced-transparency:reduce){
 *,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 #app,#app>.chat,#app>aside,.chathead,#app aside header,#messageForm,dialog:not(.media-viewer),#authForm,#conversation .round-record-bar{background:var(--q-solid)!important;box-shadow:none!important}
 .bubble,.user,.avatar,.theme-toggle{box-shadow:none!important}
 .user,button,input,textarea,#messageForm .attachment-button[data-mode]{transition-property:transform,opacity!important;will-change:auto!important}
 #messages{scroll-behavior:auto!important}
 .bubble{animation:none!important}
 .round-record-bar p::before{animation:none!important}
}