/* Hallmark · v2.0.0 · built: the project · theme: brand · redesign: polish · scope: component · genre: atmospheric · vibe: quiet account controls in keln's existing glass */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V3 · weakest: V, retained the existing modal and its handlers; removed unsolicited technical copy and aligned the native checkbox. */
/* Hallmark · dropped registration contact field and password storage footnote at the user's explicit request. */
.auth-card,
.auth-pop { font-family: var(--font-body); }
.auth-card h2 { font-family: var(--font-display); font-weight: 600; line-height: 1.2; text-wrap: balance; min-width: 0; overflow-wrap: break-word; }
.auth-card .auth-card__lead { font: 400 14px/1.6 var(--font-body); }
.auth-form label,
.auth-form input,
.auth-form textarea,
.auth-form select,
.auth-tabs button,
.auth-submit { font-family: var(--font-body); font-synthesis: none; }
.auth-form label { font-size: 13px; line-height: 1.4; letter-spacing: 0; text-transform: none; color: var(--muted); gap: 8px; }
.auth-form input[type="text"],
.auth-form input[type="password"] { min-height: 46px; font: 400 15px/1.4 var(--font-body); }
.auth-form .auth-form__check { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 9px; min-height: 36px; font: 400 13px/1.4 var(--font-body); }
.auth-form .auth-form__check input { display: block; flex: 0 0 16px; width: 16px; height: 16px; padding: 0; margin: 0; accent-color: var(--pink); }
.auth-form .auth-form__check span { font: inherit; color: inherit; }
.auth-card .auth-tabs { margin-top: 20px; }
.auth-card .auth-tabs button { min-height: 42px; font: 400 14px/1.4 var(--font-body); }
.auth-card .auth-tabs button.is-on { background: var(--glass-2); color: var(--text); }
.auth-card .auth-submit { min-height: 46px; background: var(--glass-2); color: var(--text); font: 600 14px/1.4 var(--font-body); }
.auth-card .auth-submit:hover:not(:disabled) { transform: none; background: var(--pink); color: var(--accent-ink); }
.auth-card button:active { background: var(--pink-soft); }
.auth-card .auth-submit:disabled { opacity: .55; cursor: not-allowed; }
.auth-card .auth-card__close { width: 40px; height: 40px; }
.auth-card :is(button, input, a):focus-visible { outline: 2px solid var(--pink); outline-offset: 3px; }
.auth-form input:focus-visible { outline: 2px solid var(--pink); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .auth-modal, .auth-card, .auth-card button { transition: none; }
}