.pwd-nojs,html:not(.js) .pwd{display:none}html:not(.js) .pwd-nojs{display:block}.pwd{overflow:hidden}.pwd-glow{z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(55% 45% at 100% 0,#f7bd4f1a,#0000 70%),radial-gradient(45% 40% at 0 100%,#8fd3ff0d,#0000 70%);position:absolute;inset:0}.pwd-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fg-subtle);font-size:.68rem;font-weight:500;line-height:1.2}.pwd-code{font-family:var(--font-mono);color:var(--color-fg-muted);font-size:.85em}.pwd-live{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-300);background:#f7bd4f12;border:1px solid #f7bd4f47;border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .6rem;font-size:.62rem;font-weight:500;line-height:1;display:inline-flex}.pwd-live-dot{background:var(--color-gold-400);border-radius:50%;width:.4rem;height:.4rem;position:relative}.pwd-live-dot:after{content:"";border-radius:inherit;background:var(--color-gold-400);opacity:0;position:absolute;inset:0}[data-pw-visible] .pwd-live-dot:after{animation:pwd-ping 2.4s var(--ease-out-expo) infinite}@keyframes pwd-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.pwd-well{isolation:isolate;border:1px solid var(--line);background:radial-gradient(110% 90% at 0 0,#f7bd4f12,#0000 55%),linear-gradient(#06070aeb,#06070ab3);border-radius:1.1rem;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 50px -30px #000000e6;container-type:inline-size}@container (width>=28rem){.pwd-well{gap:1.25rem;padding:1.35rem 1.5rem 1.5rem}}.pwd-sweep{z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffd27a12 44%,#ffe7b324 50%,#ffd27a12 56%,#0000 70%);position:absolute;inset:0}.pwd-legend{font-family:var(--font-mono);letter-spacing:.04em;gap:.7rem;font-size:.68rem;display:inline-flex}.pwd-out{flex:1;align-items:center;min-height:4.2em;font-size:min(2rem,7.0922cqi);line-height:1.4;display:flex}@container (width>=41.5rem){.pwd-out{min-height:2.8em}}.pwd-display{width:100%;font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-fg);word-break:break-all;overflow-wrap:anywhere;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;-webkit-user-select:all;user-select:all;font-weight:500}.pwd-display[data-placeholder]{color:var(--color-fg-subtle)}.pwd-display::selection,.pwd-display ::selection{color:var(--color-fg);background:#f7bd4f4d}.pwd-display:after{content:"";vertical-align:-.16em;background:var(--color-gold-400);border-radius:1px;width:2px;height:1.05em;margin-left:.14em;display:inline-block;box-shadow:0 0 10px #f7bd4fb3}[data-pw-visible] .pwd-display:after{animation:1.1s step-end infinite pwd-blink}@keyframes pwd-blink{50%{opacity:0}}.pw-l{color:var(--color-fg)}.pw-d{color:var(--color-gold-300)}.pw-s{color:var(--color-sky-300)}.pw-x{color:var(--color-fg-subtle);opacity:.55}.pw-new{animation:pwd-settle .6s var(--ease-out-expo)}@keyframes pwd-settle{0%{color:#fff;text-shadow:0 0 .45em #ffd27af2}}.pwd-foot{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@container (width>=34rem){.pwd-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem}}.pwd-meter{--lvl:var(--color-sky-300)}.pwd-meter[data-level=weak]{--lvl:var(--color-ember-500)}.pwd-meter[data-level=fair]{--lvl:var(--color-gold-500)}.pwd-meter[data-level=strong]{--lvl:var(--color-gold-300)}.pwd-level{color:var(--lvl);transition:color .4s var(--ease-out-expo);font-size:.9rem;font-weight:600;line-height:1.2}.pwd-bits{font-family:var(--font-mono);color:var(--color-fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:.75rem}.pwd-track{background:#ffffff12;border-radius:999px;height:6px;margin-top:.6rem;position:relative;overflow:hidden}.pwd-fill,.pwd-fill-inner{transition:transform .9s var(--ease-out-expo);position:absolute;inset:0}.pwd-fill{border-radius:inherit;transform:translateX(calc((var(--fill,0) - 1) * 100%));overflow:hidden}.pwd-fill-inner{transform:translateX(calc((1 - var(--fill,0)) * 100%));background:linear-gradient(90deg, var(--color-ember-500), var(--color-gold-500) 34%, var(--color-gold-300) 58%, var(--color-gold-200) 76%, var(--color-sky-300))}.pwd-sheen{background:linear-gradient(90deg,#0000,#fff9,#0000);width:35%;position:absolute;inset:0 auto 0 0;transform:translate(-100%)}[data-pw-visible] .pwd-sheen{animation:pwd-sheen 3.8s var(--ease-in-out-quart) 1s infinite}@keyframes pwd-sheen{0%{transform:translate(-100%)}55%,to{transform:translate(300%)}}.pwd-tick{background:var(--color-ink-950);width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.pwd-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@container (width<20rem){.pwd-btn{gap:.45rem;padding-inline:.75rem}.pwd-copy{min-width:0}}@container (width<17rem){.pwd-actions{grid-template-columns:minmax(0,1fr)}}@container (width>=34rem){.pwd-actions{display:flex}}.pwd-btn{min-width:0;min-height:2.75rem;padding:.65rem 1.1rem;font-size:.9rem}.pwd-copy{min-width:7.5rem}.pwd-copy-icon{display:grid}.pwd-copy-icon>svg{transition:opacity .3s var(--ease-out-expo), transform .5s var(--ease-out-expo);grid-area:1/1}.pwd-copy-icon>svg:last-child,.pwd-copy[data-state=copied] .pwd-copy-icon>svg:first-child{opacity:0;transform:scale(.4)rotate(-30deg)}.pwd-copy[data-state=copied] .pwd-copy-icon>svg:last-child{opacity:1;transform:none}.pwd-length{font-family:var(--font-mono);color:var(--color-fg);font-variant-numeric:tabular-nums;align-items:baseline;gap:.35rem;font-size:1.5rem;font-weight:500;line-height:1;display:inline-flex}.pwd-length-unit{color:var(--color-fg-subtle);font-size:.7rem}.pwd-range{--track:6px;--thumb:1.375rem;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:1.75rem;margin-inline:0;display:block}.pwd-range:focus-visible{outline:none}.pwd-range::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(90deg, var(--color-gold-300), var(--color-gold-500) 70%, var(--color-ember-500)) 0 0 / var(--p,0%) 100% no-repeat, #ffffff14;border-radius:999px}.pwd-range::-moz-range-track{height:var(--track);background:#ffffff14;border-radius:999px}.pwd-range::-moz-range-progress{height:var(--track);background:linear-gradient(90deg, var(--color-gold-300), var(--color-gold-500) 70%, var(--color-ember-500));border-radius:999px}.pwd-range::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);background:radial-gradient(circle at 35% 30%, #fff, var(--color-gold-200) 45%, var(--color-gold-400));transition:box-shadow .3s var(--ease-out-expo), transform .3s var(--ease-out-expo);-webkit-appearance:none;appearance:none;border:0;border-radius:50%;box-shadow:0 0 0 5px #f7bd4f29,0 6px 16px -4px #000c}.pwd-range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:radial-gradient(circle at 35% 30%, #fff, var(--color-gold-200) 45%, var(--color-gold-400));transition:box-shadow .3s var(--ease-out-expo), transform .3s var(--ease-out-expo);border:0;border-radius:50%;box-shadow:0 0 0 5px #f7bd4f29,0 6px 16px -4px #000c}.pwd-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px #f7bd4f33,0 6px 16px -4px #000c}.pwd-range:hover::-moz-range-thumb{box-shadow:0 0 0 8px #f7bd4f33,0 6px 16px -4px #000c}.pwd-range:active::-webkit-slider-thumb{transform:scale(1.1)}.pwd-range:active::-moz-range-thumb{transform:scale(1.1)}.pwd-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-ink-900), 0 0 0 5px var(--color-gold-400), 0 6px 16px -4px #000c}.pwd-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--color-ink-900), 0 0 0 5px var(--color-gold-400), 0 6px 16px -4px #000c}.pwd-hint{color:var(--color-ember-400);opacity:0;transition:opacity .35s var(--ease-out-expo), transform .35s var(--ease-out-expo);font-size:.75rem;transform:translateY(3px)}[data-pw-locked] .pwd-hint{opacity:1;transform:none}.pwd-set{border:1px solid var(--line);min-height:3.5rem;color:var(--color-fg-muted);text-align:left;cursor:pointer;transition:border-color .35s var(--ease-out-expo), background-color .35s var(--ease-out-expo), color .35s var(--ease-out-expo);background:#ffffff05;border-radius:.95rem;align-items:center;gap:.7rem;padding:.6rem .75rem .6rem .6rem;display:flex}.pwd-set:hover{border-color:var(--line-strong);background-color:#ffffff0a}.pwd-set[aria-checked=true]{color:var(--color-fg);background-color:#f7bd4f0f;border-color:#f7bd4f47}.pwd-set[aria-checked=true]:hover{border-color:#f7bd4f73}.pwd-set[data-locked]{cursor:not-allowed}.pwd-set:focus-visible{outline-offset:2px;border-radius:.95rem}.pwd-sample{width:2.6rem;height:2.25rem;font-family:var(--font-mono);color:var(--color-fg-subtle);transition:color .35s var(--ease-out-expo), background-color .35s var(--ease-out-expo);background:#ffffff0a;border-radius:.6rem;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:500;display:grid}.pwd-sample-wide{letter-spacing:.06em;width:auto;padding-inline:.6rem}[aria-checked=true]>.pwd-sample{color:var(--color-gold-300);background:#f7bd4f1f}.pwd-set-label{flex:1;min-width:0;font-size:.9rem;font-weight:500;line-height:1.2}.pwd-switch{--sw-w:2.1rem;--sw-h:1.25rem;width:var(--sw-w);height:var(--sw-h);transition:background-color .35s var(--ease-out-expo);background:#ffffff1a;border-radius:999px;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.pwd-switch:after{content:"";width:calc(var(--sw-h) - 6px);height:calc(var(--sw-h) - 6px);transition:transform .45s var(--ease-out-expo), background-color .35s var(--ease-out-expo);background:#b9bfcc;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000080}[aria-checked=true]>.pwd-switch{background:linear-gradient(120deg, var(--color-gold-300), var(--color-gold-500))}[aria-checked=true]>.pwd-switch:after{transform:translateX(calc(var(--sw-w) - var(--sw-h)));background:var(--color-ink-950)}[data-locked]>.pwd-switch{opacity:.55}.pwd-sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@container (width<20rem){.pwd-sets{grid-template-columns:minmax(0,1fr)}}@container (48rem<=width<56rem){.pwd-sets{grid-template-columns:repeat(4,minmax(0,1fr))}}.pwd-set:not(.pwd-option){container-type:inline-size}.pwd-set-meta{display:none}@container (width<12rem){.pwd-set>.pwd-sample{display:none}.pwd-set-label{padding-left:.25rem}.pwd-set-meta{font-family:var(--font-mono);color:var(--color-fg-subtle);transition:color .35s var(--ease-out-expo);margin-top:.2rem;font-size:.7rem;font-weight:500;display:block}[aria-checked=true] .pwd-set-meta{color:var(--color-gold-300)}}@container (width<8.25rem){.pwd-set-label{padding-left:.1rem;font-size:.84rem}.pwd-switch{--sw-w:1.85rem;--sw-h:1.125rem;margin-left:-.25rem}}