/* Keyboard changes resize only the form viewport; artwork and field metrics stay fixed. */
@media(max-width:760px){
 dialog.account-modal{
  --account-banner-size:clamp(148px,calc(var(--mobile-stable-height,100svh)*.24),184px);
  --account-gap:12px;
  top:var(--mobile-viewport-top,0px);bottom:auto;
  height:var(--mobile-viewport-height,100svh);max-height:var(--mobile-viewport-height,100svh);
  transition:none!important;animation:none!important;
 }
 dialog.account-modal .account-content{overflow-anchor:none;scroll-behavior:auto;scroll-padding-block:16px}
 html[data-phone-editing="true"] body.auth-modal-open *,
 html[data-phone-editing="true"] body.auth-modal-open *::before,
 html[data-phone-editing="true"] body.auth-modal-open *::after{animation-play-state:paused!important}
 html[data-phone-editing="true"] dialog.account-modal::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#080d0df0}
 html[data-phone-editing="true"] dialog.account-modal .account-input{transition:none}
}