.ni-gate{color:#111;min-height:100dvh;font-family:var(--font-geist), system-ui, sans-serif;background:#fff;place-items:center;padding:24px;display:grid}.ni-gate-form{text-align:center;justify-items:center;gap:10px;width:min(360px,100%);display:grid}.ni-gate-form h1{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600;line-height:1.15}.ni-gate-form>p{color:#5c5c5c;margin:0}.ni-pin{cursor:text;gap:10px;margin-top:18px;display:flex;position:relative}.ni-pin input{opacity:0;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.ni-cell{background:#f4f4f2;border-radius:16px;place-items:center;width:60px;height:72px;font-size:2rem;font-weight:600;transition:box-shadow .15s;display:grid}.ni-pin:focus-within .ni-cell[data-current]{box-shadow:inset 0 0 0 2px #111}.ni-cell[data-filled]{box-shadow:inset 0 0 0 1.5px #111}.ni-pin[data-state=wrong] .ni-cell{box-shadow:inset 0 0 0 1.5px #c0392b}.ni-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ni-msg{min-height:20px;font-size:.86rem;margin:4px 0 0!important}.ni-back{color:#5c5c5c;text-underline-offset:3px;font-size:.86rem}