:root{--pw-weak: var(--danger, #b42318);--pw-fair: #d97706;--pw-good: #65a30d;--pw-strong: var(--ok, #16a34a);--pw-track: var(--border, #d9dfe9)}@media(prefers-color-scheme:dark){:root{--pw-fair: #f59e0b;--pw-good: #84cc16;--pw-strong: #22c55e}}.pw-input{position:relative;display:flex}.pw-input input{flex:1;min-width:0;padding-right:2.5rem}.pw-input input[aria-invalid=true]{border-color:var(--danger)}.pw-toggle{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer}.pw-toggle:hover{color:var(--text)}.pw-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.pw-toggle[aria-pressed=true]{color:var(--primary)}.pw-strength{display:flex;flex-direction:column;gap:.55rem;margin-top:-.35rem}.pw-meter-row{display:flex;align-items:center;gap:.6rem}.pw-meter{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.pw-meter span{height:5px;border-radius:3px;background:var(--pw-track);transition:background-color .16s ease}.pw-meter.weak span.on{background:var(--pw-weak)}.pw-meter.fair span.on{background:var(--pw-fair)}.pw-meter.good span.on{background:var(--pw-good)}.pw-meter.strong span.on{background:var(--pw-strong)}.pw-meter-label{min-width:4.5rem;text-align:right;font-size:.8rem;color:var(--muted)}.pw-rules{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;font-size:.85rem;color:var(--muted)}.pw-rules li{display:flex;align-items:center;gap:.45rem;transition:color .16s ease}.pw-rules li.met{color:var(--pw-strong)}.pw-tick{display:inline-grid;place-items:center;width:1rem;height:1rem;flex:none}.pw-count{font-variant-numeric:tabular-nums}.pw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pw-match{margin:-.35rem 0 0;font-size:.85rem}.pw-match.differ{color:var(--danger)}.pw-match.same{color:var(--pw-strong)}.pw-save-hint{margin:-.35rem 0 0;font-size:.85rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){.pw-meter span,.pw-rules li{transition:none}}.account-card{max-width:34rem;margin-top:1rem;display:flex;flex-direction:column;gap:.7rem}.account-card h3{margin:0}.mfa-qr{width:12rem;height:12rem;background:#fff;padding:.4rem;border-radius:8px}.mfa-key{word-break:break-all}.mfa-recovery{columns:2;list-style:none;padding:0;margin:.5rem 0 0;font-size:1rem;line-height:1.7}
