.otp-split{direction:ltr;display:flex;justify-content:center;gap:8px;margin:10px 0}.otp-split input{width:48px;height:52px;border:1.5px solid var(--line,#cbd5e1);border-radius:13px;background:var(--surface,#fff);color:var(--text,#0f172a);text-align:center;font:900 22px/1 sans-serif;outline:none;transition:.18s}.otp-split input:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#2563eb) 16%,transparent)}.otp-split.is-success input{border-color:#16a34a;background:#f0fdf4;color:#166534}.otp-split.is-error input{border-color:#dc2626;background:#fef2f2;color:#991b1b;animation:otp-shake .28s linear}.otp-source-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.otp-auto-note{font-size:11px;color:var(--muted,#64748b);text-align:center}@keyframes otp-shake{25%{transform:translateX(3px)}50%{transform:translateX(-3px)}75%{transform:translateX(2px)}}@media(max-width:420px){.otp-split{gap:5px}.otp-split input{width:42px;height:48px;border-radius:11px;font-size:20px}}