@media (max-width:700px){
  html,body{height:100%;min-height:100%;overflow:hidden}
  body{min-height:100svh}
  .app-shell{height:100svh;min-height:100svh;padding:0 0 calc(58px + var(--safe-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
  main{min-height:0;height:100%;overflow:hidden}
  .page{height:100%;min-height:0;overflow-y:auto;padding-bottom:18px}
  .bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(58px + var(--safe-bottom));z-index:40}
  .fab{position:fixed;left:50%;bottom:calc(7px + var(--safe-bottom));z-index:41;transform:translateX(-50%)}
}
@supports(height:100dvh){
  @media (max-width:700px){
    .app-shell{height:100dvh;min-height:100dvh}
  }
}