.account-trigger{border:0;background:transparent;color:var(--ink);font-size:9px;font-weight:700;letter-spacing:.1em;cursor:pointer;padding:10px 13px}
.account-backdrop{position:fixed;inset:0;background:#17221d88;z-index:12;opacity:0;visibility:hidden;transition:.2s}
.account-dialog{position:fixed;z-index:13;left:50%;top:50%;width:min(430px,92vw);max-height:90vh;overflow:auto;transform:translate(-50%,-46%);padding:32px;background:var(--paper);box-shadow:0 20px 90px #0003;opacity:0;visibility:hidden;transition:.22s}
.account-open .account-backdrop{opacity:1;visibility:visible}
.account-open .account-dialog{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.account-close{position:absolute;top:14px;right:15px;border:0;background:none;font-size:19px;cursor:pointer}
.account-dialog .eyebrow{color:#718c3d}
.account-dialog h2{font:600 36px/1.05 var(--display);letter-spacing:-.06em;margin:0 0 22px}
.account-modes{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-bottom:22px}
.account-modes button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 10px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.1em;cursor:pointer}
.account-modes button.active{border-color:var(--ink);color:var(--ink)}
.account-dialog label:not(.account-consent){display:block;font-size:9px;font-weight:700;letter-spacing:.1em;margin:15px 0 7px}
.account-dialog input:not([type=checkbox]){width:100%;height:43px;padding:0 12px;background:transparent;border:1px solid var(--line);color:var(--ink);font:12px var(--body)}
.account-consent{display:flex;gap:9px;align-items:flex-start;margin:15px 0;font-size:10px;line-height:1.6;color:var(--muted)}
.account-consent input{margin:3px 0 0;accent-color:var(--ink)}
.account-consent a{text-decoration:underline;color:var(--ink)}
.account-submit{width:100%;margin-top:19px}
.forgot-password{display:block;border:0;background:none;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-decoration:underline;cursor:pointer;padding:12px 0 0}
.forgot-password:hover{color:var(--ink)}
.account-modes[hidden],.forgot-password[hidden]{display:none!important}
.account-status{min-height:18px;margin:12px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}
.account-status[data-error=true]{color:#b83f29}
.account-profile{padding:14px 0}
.account-profile p{font-size:12px;line-height:1.6;color:var(--muted)}
.account-profile strong{color:var(--ink)}
.account-signout{border:0;background:none;text-decoration:underline;font-size:9px;font-weight:700;cursor:pointer;padding:5px 0}
.account-dialog [hidden]{display:none!important}
@media(max-width:600px){.account-trigger{padding:8px 6px;font-size:8px}.account-dialog{padding:27px 21px}}