.account [hidden]{display:none!important}.account{width:min(var(--max),calc(100% - 3rem));margin-inline:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,7vw,8rem);padding-block:var(--space)}
.account-heading h2{margin:0;font:500 clamp(2.6rem,4.5vw,5rem)/.97 var(--serif);letter-spacing:-.06em}.account-heading h2 em{color:var(--accent);font-style:normal}.account-heading>p:last-child{max-width:25rem;color:var(--muted)}
.account-workspace{max-width:680px;border-top:1px solid var(--ink);padding-top:1rem}.account-tabs{display:flex;gap:1.6rem;border-bottom:1px solid var(--line)}
.account-tabs button{padding:.65rem 0;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font:600 .78rem var(--sans);cursor:pointer}.account-tabs button[aria-selected="true"]{border-color:var(--accent);color:var(--ink)}
.account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:2rem 0 1rem}.account-form label{display:grid;gap:.4rem}.account-form label span{color:var(--muted);font-size:.68rem;font-weight:600}
.account-form input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid var(--line);border-radius:0;color:var(--ink);background:var(--white);font:500 .9rem var(--sans);outline:none}.account-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}
.account-username,.account-submit{grid-column:1/-1}.account-form .button{width:100%;cursor:pointer}.account-session{padding:2rem 0 1rem}.account-session h3{margin:0;font:500 2rem var(--serif)}.account-session>p:not(.eyebrow){margin:.2rem 0 1.5rem;color:var(--muted)}
.account-session-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.text-button{padding:.6rem;border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:transparent;font:600 .75rem var(--sans);cursor:pointer}
.account-status{min-height:1.5rem;margin:.75rem 0;color:var(--muted);font-size:.75rem}.account-status[data-kind="error"]{color:#a52d22}.account-status[data-kind="success"]{color:#276542}.account-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.account button:disabled{cursor:wait;opacity:.55}
@media(max-width:980px){.account{grid-template-columns:1fr}}
@media(max-width:680px){.account{width:min(var(--max),calc(100% - 2rem))}.account-form{grid-template-columns:1fr}.account-form>*{grid-column:1}}