html,body{height:100%;overflow:hidden;-webkit-text-size-adjust:100%}
#shell{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
#tabs{padding-bottom:calc(2px + env(safe-area-inset-bottom));flex-basis:calc(60px + env(safe-area-inset-bottom))}
dialog{padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - 28px)}
dialog.drawer{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));max-height:100dvh}
input:not([type=checkbox]),textarea,select{font-size:16px}
@media(min-width:420px){#top{padding-inline:20px} .cap,.by{padding-inline:20px}}