.account{max-width:var(--measure);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}.account__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-transform:uppercase}.account__lead{font-size:var(--text-base);color:var(--color-text-soft)}.account__section{-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}.account__form,.account__section,.account__step{display:flex;flex-direction:column;gap:var(--space-3)}.account__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.account__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-md)}.account__input:focus-visible{border-color:var(--color-accent)}.account__input--code{font-size:var(--text-xl);letter-spacing:.4em;text-align:center}.account__handle{display:flex;align-items:center;gap:var(--space-2)}.account__at{font-size:var(--text-lg);color:var(--color-text-muted)}.account__input--handle{flex:1 1}.account__submit{-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.account__submit:disabled{opacity:.6;cursor:progress}.account__hint{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted)}.account__error{font-size:var(--text-sm);color:var(--color-accent)}.account__again{display:flex;flex-wrap:wrap;gap:var(--space-4)}.account__link{padding:0;border:0;background:none;color:var(--color-accent-soft);font:inherit;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start;text-align:left}.account__details{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0}.account__details dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.account__details dd{margin:0;font-size:var(--text-md)}.account__nav{-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}.account__signout{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer}.account__inline-link{color:var(--color-text);text-decoration:underline;text-underline-offset:.2em}.account__avatar{display:flex;align-items:center;gap:var(--space-4)}.avatar-picker{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.avatar-picker__set{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.avatar-picker__option{display:grid;justify-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2);border:2px solid transparent;border-radius:var(--radius-card);cursor:pointer}.avatar-picker__input{position:absolute;opacity:0;pointer-events:none}.avatar-picker__option:has(.avatar-picker__input:checked){border-color:var(--color-accent);background:var(--color-surface)}.avatar-picker__option:has(.avatar-picker__input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.avatar-picker__name{font-size:var(--text-xs);color:var(--color-text-muted)}