/* Local accounts: login, sign up, and the signed-in account card. */
html.local-auth.static-site #signin-cta{display:inline-flex!important}

.auth-eyebrow{display:inline-flex;gap:7px;align-items:center;font:10px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#91959a)}
.auth-eyebrow .icon{width:13px;height:13px}
.auth-page{max-width:600px}
.auth-panel{padding:26px;border:1px solid var(--border,#2b2d30);border-radius:16px;background:var(--panel,#171819)}
.auth-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.auth-head h2{margin:0 0 5px;font-size:20px;font-weight:550;letter-spacing:-.3px}
.auth-head p{margin:0;font-size:12px;line-height:1.7;color:var(--muted,#91959a)}
.auth-form{display:flex;flex-direction:column;gap:16px}
.auth-field{display:flex;flex-direction:column;gap:7px}
.auth-field>label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#91959a)}
.auth-field .input{width:100%}
.auth-password{position:relative;display:flex;align-items:center}
.auth-password .input{padding-right:66px}
.auth-reveal{position:absolute;right:8px;appearance:none;border:0;background:#ffffff0d;color:var(--muted,#91959a);font:9.5px var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:7px;cursor:pointer}
.auth-reveal:hover,.auth-reveal:focus-visible{color:var(--text,#ebebec);background:#ffffff16}
.auth-strength{display:flex;gap:5px;margin-top:2px}
.auth-strength i{height:3px;flex:1;border-radius:99px;background:#ffffff14}
.auth-strength[data-score="1"] i:nth-child(-n+1),
.auth-strength[data-score="2"] i:nth-child(-n+2),
.auth-strength[data-score="3"] i:nth-child(-n+3),
.auth-strength[data-score="4"] i:nth-child(-n+4){background:var(--text,#d5d5d5)}
.auth-strength-label{font-size:10.5px;line-height:1.6;color:var(--muted,#91959a)}
.auth-error{margin:0;padding:11px 13px;border:1px solid #ff7a7a45;border-radius:9px;background:#ff7a7a12;font-size:11.5px;line-height:1.65;color:#ffb8b8}
.auth-error[hidden]{display:none}
.auth-submit{justify-content:center;width:100%}
.auth-check{display:flex;gap:10px;align-items:flex-start;font-size:11.5px;line-height:1.65;color:var(--muted,#91959a);cursor:pointer}
.auth-check input{width:16px;height:16px;margin:1px 0 0;flex:none;accent-color:var(--text,#d5d5d5)}
.auth-alt{margin:18px 0 0;font-size:12px;line-height:1.7;color:var(--muted,#91959a)}
.auth-alt a{display:inline-flex;gap:5px;align-items:center}
.auth-alt a .icon{width:13px;height:13px}
.auth-note{margin:16px 0 0;padding-top:15px;border-top:1px solid #ffffff10;font-size:10.5px;line-height:1.8;color:#82868c}
.auth-note a{color:#b9bcc0}
.auth-choice{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.auth-danger{margin-top:16px;appearance:none;border:0;background:none;padding:0;font:11px var(--font);color:#d98a8a;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auth-danger:hover,.auth-danger:focus-visible{color:#ffb0b0}
.auth-delete-confirm{background:#ff7a7a1f!important;border-color:#ff7a7a44!important;color:#ffc4c4!important}
.account-panel .account-heading{margin-bottom:16px}
.account-panel .auth-note{margin-top:20px}
@media(max-width:600px){.auth-panel{padding:20px}.auth-head{gap:11px}}

/* Email verification */
.auth-inbox{display:grid;gap:12px}
.auth-inbox-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#7ee0a01a;border:1px solid #7ee0a040;color:#9ff0bb;font-size:24px}
.auth-inbox h2{margin:4px 0 0}
.auth-inbox .auth-choice{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.auth-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}