/* Keep mobile page scrolling inside the message list, including viewport changes. */
@media(max-width:640px){
 html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}
 body{position:fixed;inset:0}
 #mountPoint{position:absolute;top:var(--chat-viewport-top,0px);left:var(--chat-viewport-left,0px);width:100%;height:var(--chat-viewport-height,100dvh);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);overflow:hidden;box-sizing:border-box}
 #app-container{height:100%;min-height:0;width:100%;min-width:0;border-radius:0}
 #sidepanel,#info-view,#topic-view{min-width:0;min-height:0}
 .caption-panel{flex-shrink:0}
 #messages-container{flex:1 1 auto;min-height:0;height:auto;overflow:hidden}
 #messages-panel{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
 #send-message-wrapper{flex:0 0 auto;padding-bottom:env(safe-area-inset-bottom,0px)}
 #send-message-panel{min-width:0}
 #mountPoint input:not([type=checkbox]):not([type=radio]),#mountPoint textarea,#mountPoint [contenteditable=true]{font-size:16px}
}