.account-page{display:flex;flex-direction:column;max-width:600px}
.account-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 24px}
.account-page-header .brand{text-decoration:none;color:var(--text)}
.account-page-header>span{font-size:12px;color:var(--muted);white-space:nowrap}
.account-page-main{flex:1;display:grid;align-content:center;padding:32px 24px}
.account-page-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.account-page-card h1{font-size:28px}
.account-page-card .account-form input{width:100%}
.account-page-card>p{color:var(--muted)}
.account-page-card .error{color:#ffb4b4}
.account-page footer>a{display:inline-block;min-height:44px}
@media(max-width:390px){.account-page-header{padding:22px 20px}.account-page-main{padding:24px 16px}.account-page-card{padding:22px 18px}.account-page-card h1{font-size:26px}}
.account-access{padding:20px 18px;border-top:1px solid var(--line)}
.account-access h2{font-size:16px;margin-bottom:8px}
.account-access p{font-size:13px;color:var(--muted);margin-bottom:10px}
.account-dialog{display:grid;gap:16px;text-align:left}
.account-dialog p{overflow-wrap:anywhere;margin:0}
.account-dialog .modal-head{margin:0}
.account-email{overflow-wrap:anywhere}
.account-form{display:grid;gap:18px}
.account-form .field{margin:0}
.account-dialog .full{margin:0}
.account-dialog .fineprint{margin:0}
.account-notice{padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
#account-code{font-size:24px;letter-spacing:.25em;text-align:center;font-variant-numeric:tabular-nums}
.account-dialog button:disabled{cursor:default}