.app{
  height:var(--app-height,100dvh);
  padding-top:calc(8px + env(safe-area-inset-top,0px));
  padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));
  padding-left:max(12px,env(safe-area-inset-left,0px));
  padding-right:max(12px,env(safe-area-inset-right,0px));
}
@media(max-height:580px) and (orientation:portrait){
  .app{padding-top:calc(5px + env(safe-area-inset-top,0px));padding-bottom:calc(5px + env(safe-area-inset-bottom,0px));}
}
@media(orientation:landscape) and (max-height:600px){
  .app{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));}
}