.divider {
    display: flex; align-items: center; gap: 12px;
    margin: 4px 0 20px;
}
.divider-line { flex: 1; height: 1px; background: rgba(255,255,255,0.08); }
.divider-text { font-size: 11px; color: rgba(255,255,255,0.25); white-space: nowrap; }

.strength-bar { display: flex; gap: 4px; margin-top: 8px; }
.strength-seg {
    flex: 1; height: 3px; border-radius: 3px;
    background: rgba(255,255,255,0.08);
    transition: background 0.3s;
}
.strength-label { font-size: 11px; margin-top: 5px; color: rgba(255,255,255,0.3); }

/* ── Light theme ────────────────────────────────────────────────────────── */
html[data-theme="light"] .divider-line { background: rgba(0,0,0,0.08); }
html[data-theme="light"] .divider-text { color: rgba(0,0,0,0.35); }
html[data-theme="light"] .strength-seg { background: rgba(0,0,0,0.08); }
html[data-theme="light"] .strength-label { color: rgba(0,0,0,0.4); }