/* iPhone portrait and landscape use the same touch layout. */
html{scroll-padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
.workspace{min-height:100svh}
@media(max-width:900px){
  .workspace{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  .topbar{padding-top:env(safe-area-inset-top,0px);height:calc(75px + env(safe-area-inset-top,0px))}
  .mobile-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-left:calc(5px + env(safe-area-inset-left,0px));padding-right:calc(5px + env(safe-area-inset-right,0px))}
  .mobile-nav button{min-width:0;min-height:48px;width:100%;padding-left:2px;padding-right:2px}
  .page-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  #app input,#app textarea,#app select{font-size:16px}
  #app button,#app summary{min-height:44px}
  .save-phrase{min-width:44px}
  input,textarea,select{scroll-margin-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:560px){.topbar{height:calc(69px + env(safe-area-inset-top,0px))}}