/* Phone browsers zoom focused text smaller than 16px. Keep all editable fields readable. */
@media(max-width:760px), (hover:none) and (pointer:coarse){
 html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=file]),html body textarea,html body select,html body [contenteditable=true]{font-size:16px!important;max-width:100%;box-sizing:border-box}
 #quickChatBody{min-height:0;scroll-padding-block:12px;overflow-anchor:none}
 #quickSend{position:sticky;bottom:-12px;z-index:2;padding:8px 0;background:var(--now-bg,#07101b)}
 #quickMessage{resize:none;min-height:64px;line-height:1.4}
 .community-chat-form{position:sticky;bottom:-18px;z-index:3;padding:8px 0;background:var(--now-bg,#07101b)}
 .community-chat-form input{min-height:44px}
 .mobile-keyboard-open #compactChat{top:calc(var(--typing-top) + 6px)!important;bottom:auto!important;height:calc(var(--typing-height) - 12px)!important;max-height:calc(var(--typing-height) - 12px)!important}
 .mobile-keyboard-open #quickHistory{max-height:calc(var(--typing-height) * .32)}
 .mobile-keyboard-open #communityBackdrop{top:var(--typing-top)!important;bottom:auto!important;height:var(--typing-height)!important;padding:0!important}
 .mobile-keyboard-open #communityPanel{height:100%!important;max-height:100%!important;padding-top:0!important;padding-bottom:0!important;border-radius:12px 12px 0 0}
 .mobile-keyboard-open .community-header{padding-block:8px!important}
 .mobile-keyboard-open .community-header h2{font-size:22px}
 .mobile-keyboard-open .community-footer{display:none}
 .mobile-keyboard-open .community-tabs{padding-block:4px!important}
 .mobile-keyboard-open .community-content{scroll-padding-block:12px 70px;overflow-anchor:none}
}