.echo-otp{--ctl-h:var(--echo-control-default);--ctl-font:var(--echo-text-xl);--ctl-radius:var(--echo-radius-lg);--otp-slot:3rem;display:flex;flex-direction:column;gap:var(--echo-space-4)}.echo-otp[data-size=sm]{--ctl-h:var(--echo-control-compact);--ctl-font:var(--echo-text-lg);--ctl-radius:var(--echo-radius-md);--otp-slot:2.25rem}.echo-otp[data-size=lg]{--ctl-h:var(--echo-control-large);--ctl-font:var(--echo-text-2xl);--ctl-radius:var(--echo-radius-xl);--otp-slot:3.75rem}.echo-otp__label{overflow-wrap:anywhere;font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-label,.2em);text-transform:uppercase;color:var(--echo-text-dim)}.echo-otp__slots{display:flex;gap:var(--echo-space-4);min-width:0;max-width:100%}.echo-otp__slot{box-sizing:border-box;flex:1 1;min-width:0;max-width:var(--otp-slot);height:var(--ctl-h);padding:0;border:0;border-radius:var(--ctl-radius);text-align:center;font-family:var(--echo-font-lcd,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--ctl-font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--echo-accent-ink,var(--echo-accent-glow));caret-color:var(--echo-accent-glow);text-shadow:0 0 10px color-mix(in oklab,var(--echo-lcd-glow) 50%,transparent);background:var(--echo-drawn-hollow,linear-gradient(160deg,color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black)),color-mix(in oklab,var(--echo-lcd) 88%,var(--echo-shade-ink,black))));box-shadow:inset 0 calc(2px + 3px * var(--well-depth, 0)) calc(5px + 6px * var(--well-depth, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);outline:none;transition:box-shadow var(--echo-duration-swap) ease}.echo-otp__slot:focus-visible{outline:var(--echo-border-thick,2px) solid transparent;outline-offset:-2px;box-shadow:inset 0 0 0 var(--echo-border-thick,2px) var(--echo-accent-ink,var(--echo-accent-glow)),inset 0 calc(2px + 3px * var(--well-depth, 0)) calc(5px + 6px * var(--well-depth, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent)}.echo-otp[data-disabled]{opacity:.45}.echo-otp[data-disabled] .echo-otp__slot{cursor:not-allowed}.echo-otp[data-invalid] .echo-otp__slot{box-shadow:inset 0 0 0 var(--echo-border-hairline,1px) var(--echo-primary-cap-mid),inset 0 calc(2px + 3px * var(--well-depth, 0)) calc(5px + 6px * var(--well-depth, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-otp__description,.echo-otp__error{margin:0;font-size:var(--echo-text-xs);line-height:var(--echo-leading-snug,1.4);overflow-wrap:anywhere}.echo-otp__description{color:var(--echo-text-dim)}.echo-otp__error{display:flex;gap:var(--echo-space-3);align-items:baseline;color:var(--echo-text)}.echo-otp__error:before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:var(--echo-radius-xs);background:var(--echo-primary-cap-mid);box-shadow:var(--echo-shadow-edge,inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss, 1))))}@media (prefers-reduced-motion:reduce){.echo-otp__slot{transition:none}}@media (forced-colors:active){.echo-otp__slot{border:var(--echo-border-hairline,1px) solid CanvasText}.echo-otp__error:before{forced-color-adjust:none;background:CanvasText}}