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