body:not(.account-ready){max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:24px 16px;display:grid;place-items:center;background:#e9ded0;box-shadow:none}
#account-gate{width:100%;max-width:420px;margin:0;padding:clamp(24px,6vw,36px);background:#fffaf2;border:1px solid #dfd5c6;border-radius:24px;box-shadow:0 12px 40px #5334200d}
#account-gate .eyebrow{margin-bottom:18px}
#account-gate h1{font-size:44px;line-height:1.05;letter-spacing:-1px;margin:0}
#account-gate .account-tagline{font-family:'Libre Caslon Display',Georgia,serif;font-size:23px;line-height:1.3;color:var(--faded);margin:10px 0 28px}
#account-login,#account-signup{display:grid;gap:20px}
#account-login label,#account-signup label{display:grid;gap:8px;font-size:14px;color:var(--ink)}
#account-login input,#account-signup input{display:block;width:100%;min-width:0;min-height:48px;margin:0;font-size:16px}
#account-login button,#account-signup button{width:100%;min-height:48px;margin:4px 0 0}
#account-login-status,#account-signup-status{font-size:13px;line-height:1.5;color:#9c4b39;overflow-wrap:anywhere}
#account-login-status:empty,#account-signup-status:empty{display:none}
.account-test-banner{background:#fffaf2;color:#62654a;padding:10px 16px;text-align:center;font-size:12px;line-height:1.5}
body:not(.account-ready) #account-content{display:none}
#account-email{overflow-wrap:anywhere}

.welcome-install{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.welcome-install button{width:100%;min-height:48px}
.welcome-install .muted{margin-top:10px;font-size:12px;line-height:1.5;text-align:center}
#welcome-install-status{font-size:13px;line-height:1.5;margin-top:12px;color:var(--olive)}
#welcome-install-status:empty{display:none}
#account-login .login-heading,#account-signup .login-heading{font-size:25px;line-height:1.2}

#account-gate .auth-switch{display:block;margin:20px auto 0;font-size:14px}
#account-signup small{font-size:12px;color:var(--faded);line-height:1.4}

.delete-account-link{display:block;margin-top:.8rem;color:#a23c40}#delete-account-dialog{max-width:440px}#delete-account-dialog p{line-height:1.6}.delete-account-confirm{background:#963c40;color:white}html[data-library-theme="classic"] .delete-account-link{color:#ffc4bf}

#account-forgot,#account-reset{display:grid;gap:20px}
#account-forgot label,#account-reset label{display:grid;gap:8px;font-size:14px}
#account-forgot input,#account-reset input{width:100%;min-height:48px;font-size:16px}
#account-forgot button,#account-reset button{min-height:48px}
#account-gate .login-heading{font-size:25px;line-height:1.2}
#account-gate [role=status]{font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin-top:12px}
#account-gate [role=status]:empty{display:none}
#confirmation-email,#recovery-email{overflow-wrap:anywhere}

/* Make the result of a recovery request visible, including on a small screen. */
#account-gate #forgot-status:not(:empty){margin:0;padding:16px 18px;border:1px solid #b9c5ab;border-left:4px solid #606343;border-radius:12px;background:#edf2e6;color:#334126;font-size:15px;line-height:1.65}
#account-gate #forgot-status[data-state="success"]{font-weight:500}
#account-gate #forgot-status[data-state="error"]{border-color:#cda497;border-left-color:#9c4b39;background:#faeee7;color:#783526}
#account-gate #forgot-status:focus{outline:2px solid #606343;outline-offset:3px}