/* Touch login uses a fixed top inset and compact form spacing. Keyboard resize
   must not recenter the card or switch between two height-based layouts. */
@media (pointer: coarse) {
  .cover-login { align-items:flex-start!important; height:100dvh!important; min-height:0!important; padding:64px 18px 32px!important; overflow-y:auto!important; scrollbar-gutter:stable; }
  .cover-login .cover-story { min-height:0!important; padding:24px!important; }
  .cover-login .cover-feature-grid { margin-top:16px!important; gap:10px!important; }
  .cover-login .cover-feature { padding:10px 12px!important; }
  .cover-login .cover-companion.cover-story-heading { margin-top:12px!important; min-height:0!important; padding-block:8px!important; }
  .cover-login .cover-form-side { padding:18px 24px!important; }
  .cover-login .cover-form-card>div { margin-bottom:12px!important; }
  .cover-login input:not([type=checkbox]) { font-size:16px!important; }
}
html[data-native-shell=android] .cover-login,
html[data-app-mode=android] .cover-login { align-items:flex-start!important; height:100dvh!important; min-height:0!important; padding:64px 18px 32px!important; overflow-y:auto!important; scrollbar-gutter:stable; }
html[data-native-shell=android] .cover-login .cover-story,
html[data-app-mode=android] .cover-login .cover-story { min-height:0!important; padding:24px!important; }
html[data-native-shell=android] .cover-login .cover-feature-grid,
html[data-app-mode=android] .cover-login .cover-feature-grid { margin-top:16px!important; gap:10px!important; }
html[data-native-shell=android] .cover-login .cover-feature,
html[data-app-mode=android] .cover-login .cover-feature { padding:10px 12px!important; }
html[data-native-shell=android] .cover-login .cover-companion.cover-story-heading,
html[data-app-mode=android] .cover-login .cover-companion.cover-story-heading { margin-top:12px!important; min-height:0!important; padding-block:8px!important; }
html[data-native-shell=android] .cover-login .cover-form-side,
html[data-app-mode=android] .cover-login .cover-form-side { padding:18px 24px!important; }
html[data-native-shell=android] .cover-login .cover-form-card>div,
html[data-app-mode=android] .cover-login .cover-form-card>div { margin-bottom:12px!important; }
html[data-native-shell=android] .cover-login input:not([type=checkbox]),
html[data-app-mode=android] .cover-login input:not([type=checkbox]) { font-size:16px!important; }