.animated-otp{min-width:0}.animated-otp,.dark .animated-otp,[data-theme=dark] .animated-otp{--otp-sage:var(--success)}.otp-stage{container-type:inline-size;position:relative;width:100%;height:64px;transition:height .45s ease}.otp-rotor{position:absolute;inset:0;pointer-events:none}.otp-digit{position:absolute;left:calc((var(--index) + .5) * 100% / var(--count));top:50%;display:flex;align-items:center;justify-content:center;width:min(44px,calc(100% / var(--count) - 4px));height:48px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:500 clamp(16px,5vw,22px)/1 monospace;transform:translate(-50%,-50%);transition:left .5s ease,top .5s ease,width .5s ease,height .5s ease,border-color .2s,background .2s}.otp-digit[data-active]{border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.otp-digit[data-selected]{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.otp-caret{position:absolute;width:2px;height:21px;background:var(--accent);animation:otp-blink 1s steps(1) infinite}.otp-digit[data-filled] .otp-caret{left:3px}.otp-digit[data-caret-after] .otp-caret{left:auto;right:3px}.otp-native{position:absolute;inset:8px 0 auto;z-index:2;width:100%;height:48px;padding:0 calc(50cqw / var(--count) - .5ch)!important;border:0!important;border-radius:8px;background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent;caret-color:transparent;box-shadow:none!important;outline:none!important;font:500 clamp(16px,5vw,22px)/1 monospace;letter-spacing:calc(100cqw / var(--count) - 1ch)}.otp-native::-moz-selection{color:transparent;background:transparent}.otp-native::selection{color:transparent;background:transparent}.otp-native:focus-visible{outline:2px solid var(--accent)!important;outline-offset:5px}.otp-guide{width:152px;height:152px;border:1px solid var(--border);opacity:0;transition:opacity .35s}.otp-guide,.otp-guide span{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.otp-guide span{width:5px;height:5px;background:var(--accent)}.animated-otp:not([data-phase=idle]) .otp-stage{height:216px}.animated-otp:not([data-phase=idle]) .otp-native{pointer-events:none;visibility:hidden}.animated-otp:not([data-phase=idle]) .otp-guide{opacity:.6}.animated-otp:not([data-phase=idle]) .otp-digit{left:calc(50% + var(--ring-x));top:calc(50% + var(--ring-y));width:28px;height:34px}.animated-otp:not([data-phase=idle]) .otp-rotor{animation:otp-orbit 9s linear .5s infinite}.animated-otp[data-phase=verifying] .otp-digit{animation:otp-tilt 2s ease-in-out .5s infinite alternate}.animated-otp[data-phase=success] .otp-rotor{animation-play-state:paused}.animated-otp[data-phase=success] .otp-digit{color:var(--otp-sage);border-color:var(--otp-sage);background:color-mix(in srgb,var(--otp-sage) 15%,var(--surface));animation:otp-collapse .6s ease .5s forwards}.animated-otp[data-phase=success] .otp-guide{opacity:0;transition-delay:.85s}.otp-check{position:absolute;width:72px;height:72px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;color:var(--otp-sage)}.otp-check path{stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.animated-otp[data-phase=success] .otp-check{opacity:1}.animated-otp[data-phase=success] .otp-check path{animation:otp-draw .55s ease 1s forwards}.otp-particles{position:absolute;inset:0;pointer-events:none;visibility:hidden}.otp-particles span{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--otp-sage);opacity:0}.animated-otp[data-phase=success] .otp-particles{visibility:visible}.animated-otp[data-phase=success] .otp-particles span{animation:otp-burst .8s ease-out 1s both}.otp-announcement{min-height:20px}@keyframes otp-blink{50%{opacity:0}}@keyframes otp-orbit{to{transform:rotate(1turn)}}@keyframes otp-tilt{to{transform:translate(-50%,-50%) rotate(var(--tilt))}}@keyframes otp-collapse{to{left:50%;top:50%;transform:translate(-50%,-50%) scale(.05);opacity:0}}@keyframes otp-draw{to{stroke-dashoffset:0}}@keyframes otp-burst{20%{opacity:.85}to{opacity:0;transform:translate(var(--x),var(--y))}}@media (prefers-reduced-motion:reduce){.animated-otp *,.animated-otp .otp-stage{animation:none!important;transition:none!important}.animated-otp .otp-caret{display:none}.animated-otp .otp-stage,.animated-otp:not([data-phase=idle]) .otp-stage{height:64px}.animated-otp:not([data-phase=idle]) .otp-digit{left:calc((var(--index) + .5) * 100% / var(--count));top:50%;width:min(44px,calc(100% / var(--count) - 4px));height:48px}.animated-otp .otp-guide,.animated-otp .otp-particles{display:none}.animated-otp[data-phase=success] .otp-digit{visibility:hidden}.animated-otp[data-phase=success] .otp-check path{stroke-dashoffset:0}}