/* Safe areas apply to both browser and installed windows without changing the
   user's font or saved pane widths. Dialogs scroll above the mobile keyboard. */
.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.login-screen{padding-top:max(36px,env(safe-area-inset-top));padding-right:max(5.5vw,env(safe-area-inset-right));padding-bottom:max(25px,env(safe-area-inset-bottom));padding-left:max(5.5vw,env(safe-area-inset-left))}
.initial-sync-screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
dialog,dialog.compose-dialog,dialog.folder-dialog,dialog.help-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}
.login-install{margin-top:20px;text-decoration:underline;text-underline-offset:4px}
.login-install-row{text-align:center}.login-install-row p{font-size:.778rem;color:#3f5148;margin:5px 0 0}
.install-section{margin:20px 25px;padding:18px;border:1px solid #b9c9bd;border-radius:8px;background:#f7f9f7}
.install-section h3{font-size:1rem;margin:0 0 10px}.install-section p{font-size:.889rem;line-height:1.8}
.install-dialog{width:min(740px,96vw);max-width:calc(100vw - 24px);overflow-y:auto;color:#162b25}
.install-dialog .dialog-heading{align-items:flex-start;gap:15px}.install-dialog .dialog-heading h2{font-size:1.33rem}
.install-content{padding:4px 28px 28px;overflow-wrap:anywhere}.install-content>p{font-size:1rem;line-height:1.9}
.install-platforms{display:grid;gap:12px;margin:24px 0}.install-platforms section{border:1px solid #bdcdc2;border-radius:9px;padding:16px 18px}
.install-platforms h3{font-size:1rem;margin:0 0 8px}.install-platforms p{font-size:.889rem;line-height:1.8;margin:0}
.install-note{color:#3f5148;font-size:.889rem!important}.install-content .primary{max-width:100%}
.pwa-network-status{flex-shrink:0;margin:0;padding:10px 20px;background:#fff4df;color:#583b0b;border-bottom:1px solid #cfb57d;font-size:.889rem;line-height:1.7}
@media(max-width:620px){.login-screen{padding-top:max(20px,env(safe-area-inset-top));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left))}.install-content{padding:0 20px 24px}.install-section{margin:20px}.install-dialog .dialog-heading{padding:20px;position:sticky;top:0;z-index:1}.install-dialog .dialog-heading h2{font-size:1.125rem}.pwa-network-status{padding:8px 14px}}