/* Keyboard and browser bars may shrink only the visual viewport on mobile. */
html[data-keyboard-visible] :is(dialog,.verification-modal,.auth-modal){max-height:calc(var(--visible-height,100dvh) - 24px)!important;overflow-y:auto}
html[data-keyboard-visible] dialog[open]{position:fixed;top:calc(var(--visible-top,0px) + 12px);bottom:auto;margin:0 auto}
html[data-keyboard-visible] .modal-overlay{top:var(--visible-top,0px);bottom:auto;height:var(--visible-height,100dvh)}
@media(max-width:600px){
 .coffee-chat-panel{top:var(--visible-top,0px);bottom:auto;height:var(--visible-height,100dvh)}
}