.account-entry{min-height:44px;padding:10px 16px;border:1px solid #193b52;border-radius:9px;background:#193b52;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;flex-shrink:0}.account-entry:hover{background:#28566c}.account-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:36px;border:1px solid #dce5ec;border-radius:20px;color:#172b42;background:#fff;box-shadow:0 24px 100px #122b4233}.account-dialog::backdrop{background:#102b4266;backdrop-filter:blur(4px)}.account-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#65788b;font-size:27px;width:40px;height:40px;border-radius:8px}.account-close:hover{background:#edf2f6}.account-eyebrow{font-size:12px;letter-spacing:2px;color:#53758b}.account-dialog h2{margin:14px 0 24px;font-size:27px}.account-modes{display:flex;background:#f1f5f8;padding:4px;border-radius:10px;margin-bottom:22px;gap:4px}.account-modes button{flex:1;border:0;border-radius:7px;padding:11px 4px;background:transparent;color:#637386;font-size:14px}.account-modes button[aria-pressed=true]{background:#fff;color:#193b52;box-shadow:0 1px 5px #172b4212;font-weight:600}.account-dialog p{font-size:15px;line-height:1.75}.account-continue{display:flex;justify-content:center;align-items:center;min-height:48px;margin:24px 0 16px;border-radius:9px;background:#193b52;color:#fff;text-decoration:none;font-weight:600}.account-continue:hover{background:#28566c}.account-dialog .account-note{font-size:13px;color:#718193}.account-status{margin-top:12px;color:#916a26}.account-identity{padding:16px;background:#f2f6f9;border-radius:9px;margin-top:18px}.account-identity span{display:block;font-size:13px;color:#637386}.account-identity strong{display:block;margin-top:8px;overflow-wrap:anywhere}.account-dialog [hidden]{display:none}@media(max-width:850px){header:has(.account-entry){flex-wrap:wrap;gap:10px}header:has(.account-entry) .public{display:none}header:has(.account-entry) a[href="/admin"]{margin-left:auto}}@media(max-width:480px){.account-dialog{padding:32px 24px}.account-entry{padding:10px 12px}header:has(.account-entry) .brand{margin-right:auto}header:has(.account-entry) a[href="/admin"]{margin-left:0}}

/* Email sign-in shares the account dialog and the site's light/dark palette. */
.account-email{margin-top:24px}.account-email form{display:grid;gap:10px}.account-email label{font-size:14px;font-weight:600}.account-email input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #bfcfda;border-radius:8px;padding:11px 12px;background:#fff;color:#172b42;font:inherit}.account-email input[readonly]{background:#f2f6f9;color:#52677a}.account-email input:focus-visible,.account-dialog button:focus-visible,.account-dialog a:focus-visible{outline:3px solid #91b9d0;outline-offset:3px}.account-primary,.account-signout,.account-link-email{width:100%;min-height:48px;margin-top:8px;padding:11px 14px;border:1px solid #193b52;border-radius:9px;background:#193b52;color:#fff;font:inherit;font-weight:600;cursor:pointer}.account-primary:hover,.account-signout:hover,.account-link-email:hover{background:#28566c}.account-code-form{margin-top:18px}.account-email .account-hint{margin:0;font-size:13px;color:#637386}.account-code-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-code-actions button,.account-cancel-link{min-height:44px;padding:8px 0;border:0;background:none;color:#246789;font:inherit;font-size:14px;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.account-cancel-link{margin-top:10px}.account-dialog button:disabled,.account-dialog [aria-disabled=true]{opacity:.55;cursor:wait}.account-dialog .account-migration{margin:20px 0 0;font-size:13px;line-height:1.7;color:#52677a}.account-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#718193;font-size:13px}.account-divider:before,.account-divider:after{content:"";height:1px;background:#dce5ec;flex:1}.account-dialog .account-secondary{margin-top:0;border:1px solid #bfceda;background:transparent;color:#193b52}.account-dialog .account-secondary:hover{background:#f2f6f9}.account-status{overflow-wrap:anywhere}.account-status.is-error{color:#a83232}.account-membership{display:inline-block;margin-top:4px}.account-dialog:has(.account-email:not([hidden])) h2{margin-bottom:14px}html[data-theme=dark] .account-email input{background:#232323;color:#dededb;border-color:#4b4b4b}html[data-theme=dark] .account-email input[readonly]{background:#292929;color:#c2c5c3}html[data-theme=dark] :is(.account-primary,.account-signout,.account-link-email){background:#365c4a;border-color:#577d68;color:#fff}html[data-theme=dark] .account-dialog .account-secondary{background:transparent;border-color:#577d68;color:#c5dace}html[data-theme=dark] :is(.account-email .account-hint,.account-dialog .account-migration){color:#b4b8b4}html[data-theme=dark] :is(.account-code-actions button,.account-cancel-link,.account-membership){color:#b9d7c5}html[data-theme=dark] .account-status.is-error{color:#f19b9b}html[data-theme=dark] .account-divider:before,html[data-theme=dark] .account-divider:after{background:#454545}@media(max-width:480px){.account-code-actions{gap:4px 14px}.account-dialog input{font-size:16px}.account-dialog{overflow-y:auto}}
