.otp-group{align-items:center;gap:clamp(6px,2vw,10px);display:flex}.otp-box{aspect-ratio:1/1.15;text-align:center;min-width:0;max-width:3.4rem;font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);appearance:none;flex:1 1 0;padding:0;font-size:clamp(1.05rem,4.5vw,1.4rem);font-weight:600;transition:border-color .15s,box-shadow .15s}.otp-box:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px #8e2b4a29}.otp-box:not(:placeholder-shown),.otp-box[value]:not([value=""]){border-color:var(--border-strong)}.otp-box:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.otp-box{transition:none}}