/* Password strength bar: fills toward the minimum length, turns green when met. Shown once typing starts. */
.lh-pw { margin-top: .5rem; }
.lh-pw[hidden] { display: none; }
.lh-pw__bar { height: 4px; border-radius: 2px; background: var(--lh-slate-200); overflow: hidden; }
.lh-pw__bar span { display: block; height: 100%; width: 0; background: var(--lh-slate-400); transition: width 160ms ease, background-color 160ms ease; }
.lh-pw[data-met="true"] .lh-pw__bar span { background: #059669; }
@media (prefers-reduced-motion: reduce) { .lh-pw__bar span { transition: none; } }