[hidden]{display:none!important}
body{min-height:100vh;min-height:100dvh}
.preview-ribbon{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-left:max(15px,env(safe-area-inset-left,0px));padding-right:max(15px,env(safe-area-inset-right,0px))}
.topbar{padding-left:max(30px,env(safe-area-inset-left,0px));padding-right:max(30px,env(safe-area-inset-right,0px))}
.workspace{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}
.auth-workspace{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
.app-icon{display:block;border-radius:18px;margin-bottom:24px}
.home-screen-help{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.8}
.home-screen-help summary{cursor:pointer;color:var(--deep);padding:12px 0;min-height:44px}
.home-screen-help .button{margin-bottom:8px}
.home-screen-help p{margin:0 0 8px}
.is-installed .home-screen-help{display:none}
.offline-action{margin-top:24px}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.shell{min-height:calc(100dvh - 112px - env(safe-area-inset-top,0px))}}
@media(max-width:700px){
  .topbar{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .workspace{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
  .auth-workspace{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
  input,textarea,select{font-size:16px}
  .button,.nav a{min-height:44px}
}