.ci-box{justify-content:center;display:flex}.ci-slots{gap:10px;display:inline-flex}.ci-slot{border:1.5px solid var(--border);font-variant-numeric:tabular-nums;width:46px;height:56px;color:var(--foreground);background:var(--background);border-radius:14px;place-items:center;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.ci-slot[data-filled]{border-color:color-mix(in oklab, var(--primary) 55%, var(--border));animation:.16s ease-out ci-pop}.ci-slot[data-active]{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent);transform:translateY(-1px)}.ci-blank{background:var(--muted-foreground);opacity:.45;border-radius:2px;width:12px;height:2px}.ci-caret{background:var(--primary);border-radius:2px;width:2px;height:26px;animation:1s step-end infinite ci-blink;position:absolute}.ci-box.is-invalid .ci-slot{border-color:var(--destructive)}.ci-box.is-invalid .ci-slots{animation:.3s ci-shake}.ci-box:has(input:disabled){opacity:.55}@keyframes ci-pop{0%{transform:scale(.88)}}@keyframes ci-blink{50%{opacity:0}}@keyframes ci-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:380px){.ci-slots{gap:6px}.ci-slot{width:40px;height:52px}}@media (prefers-reduced-motion:reduce){.ci-slot,.ci-slots{transition:none;animation:none!important}}.pw-strength{--pw-colour:var(--muted-foreground);gap:8px;margin-top:8px;display:grid}.pw-strength[data-level=weak]{--pw-colour:#dc2626}.pw-strength[data-level=fair]{--pw-colour:#d97706}.pw-strength[data-level=good]{--pw-colour:#65a30d}.pw-strength[data-level=strong]{--pw-colour:#16a34a}.pw-meter{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pw-meter span{background:var(--muted);border-radius:999px;height:5px;transition:background .2s}.pw-meter span.is-on{background:var(--pw-colour)}.pw-level{color:var(--pw-colour);margin:0;font-size:12px;font-weight:600}.pw-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0;padding:0;list-style:none;display:grid}.pw-rules li{color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;transition:color .15s;display:flex}.pw-rules li.is-met{color:#16a34a}.pw-rules li.is-bonus:not(.is-met){opacity:.75}.pw-too-long{color:var(--destructive);margin:0;font-size:12px}@media (max-width:420px){.pw-rules{grid-template-columns:1fr}}.pw-mode{gap:8px;display:grid}.pw-mode-switch{border:1px solid var(--border);background:var(--muted);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.pw-mode-switch button{min-height:36px;color:var(--muted-foreground);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.pw-mode-switch button[data-active]{color:var(--foreground);background:var(--background);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 12%, transparent)}.pw-mode-switch button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.pw-mode-switch button:disabled{opacity:.6}.secret-value{align-items:center;gap:4px;display:inline-flex}.secret-value code{letter-spacing:.04em;word-break:break-all}