@layer components{.auth-page{max-width:400px;min-height:72vh;animation:tend-enter var(--motion-normal) var(--ease);margin-inline:auto;padding-block:clamp(56px,10vh,112px) 96px;position:relative}.auth-page h1{letter-spacing:-.035em;font-size:clamp(2rem,5vw,2.5rem)}.auth-intro{color:var(--muted);margin-top:16px;margin-bottom:40px}.auth-form{gap:24px;display:grid}.auth-field{gap:8px;display:grid}.auth-field label{font-size:.9rem;font-weight:500}.auth-field input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:var(--ink);transition:border-color var(--motion-fast) ease;border-radius:12px;padding:12px 14px}.auth-field input:hover{border-color:#b6babf}.auth-field small{color:var(--muted);font-size:.8rem}.auth-page .button{width:100%}.auth-feedback{color:var(--muted);margin-top:-8px;font-size:.85rem}.auth-feedback [role]:not(:empty){animation:tend-feedback var(--motion-fast) var(--ease)}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:8px;display:flex}.auth-links a{min-height:44px;color:var(--muted);align-items:center;font-size:.85rem;display:inline-flex}.auth-note{color:var(--muted);margin-top:40px;font-size:.8rem}.auth-account{gap:12px;display:grid}.auth-account .text-button{justify-self:start}.auth-account a[aria-disabled=true]{opacity:.6;pointer-events:none}.account-summary{margin-block:16px 32px}.account-preferences{flex-wrap:wrap;gap:8px 24px;margin-top:16px;display:flex}.account-preferences [aria-disabled=true]{color:var(--muted)}.account-email{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);min-height:1.65em;overflow:hidden}.account-summary .auth-feedback{margin-top:8px}}