/* OTP-only glass finish. Keep the native single input for paste and SMS autofill. */
#app[data-screen="authOtp"]{background:radial-gradient(ellipse at 15% 20%,#d5ede5 0,transparent 55%),radial-gradient(ellipse at 95% 65%,#e1edd0 0,transparent 48%);padding-bottom:28px}
#app[data-screen="authOtp"] .app-code-screen{position:relative;isolation:isolate;width:100%;max-width:560px;margin:0 auto;padding:28px 24px 36px!important}
#app[data-screen="authOtp"] .app-code-heading{margin:30px 0 24px}
#app[data-screen="authOtp"] .app-code-heading .app-symbol{background:#ffffffa6;border:1px solid #fff;box-shadow:0 8px 24px #124f3d0d,inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#app[data-screen="authOtp"] .app-code-heading h1{font-size:clamp(28px,5vw,38px);line-height:1.15;letter-spacing:-1.1px}
#app[data-screen="authOtp"] .app-code-heading .eyebrow{color:#286953;letter-spacing:.13em;margin-top:19px}
#app[data-screen="authOtp"] .app-code-card{position:relative;background:#f8fcf9;border:1px solid #fff;border-radius:30px;padding:28px;box-shadow:0 24px 65px #174e3912,inset 0 1px 0 #fff}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#app[data-screen="authOtp"] .app-code-card{background:linear-gradient(135deg,#ffffffbf,#ffffff73);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}}
#app[data-screen="authOtp"] .otp-label{font-size:12px;font-weight:800;letter-spacing:.06em;color:#325f50}
#app[data-screen="authOtp"] .app-code-card .otp-entry{min-height:78px;border-radius:18px;border:1px solid #b7d4c7;background:#ffffffc9;box-shadow:inset 0 2px 6px #173d3406,0 2px 0 #ffffffa6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(28px,5vw,36px);font-weight:700;letter-spacing:.42em;text-align:center;padding:14px 10px 14px calc(10px + .42em);color:#104e3c;caret-color:#087d58;transition:border-color .15s,box-shadow .15s}
#app[data-screen="authOtp"] .app-code-card .otp-entry:focus{outline:3px solid #087d5826;outline-offset:3px;border-color:#087d58;background:#fff;box-shadow:0 0 0 1px #087d581a,inset 0 2px 6px #173d3405}
#app[data-screen="authOtp"] .otp-expiry{font-size:12px;color:#456759;text-align:center;min-height:20px}
#app[data-screen="authOtp"] .app-code-card .otp-verify{min-height:54px;background:linear-gradient(135deg,#098166,#075c48);border:1px solid #ffffff45;border-radius:16px;box-shadow:0 8px 20px #087d5826,inset 0 1px 0 #ffffff38;font-weight:700}
#app[data-screen="authOtp"] .app-code-card .otp-verify:disabled{opacity:.5;box-shadow:none}
#app[data-screen="authOtp"] .app-code-card .link-btn{min-height:48px;color:#135c46;font-weight:600;line-height:1.4}
#app[data-screen="authOtp"] .app-code-card>.muted{color:#4e6c5e;margin:20px 0 8px}
#app[data-screen="authOtp"] .otp-demo{border:1px solid #dccb99;border-radius:16px;background:#fff7dfdf!important;box-shadow:inset 0 1px 0 #fff;padding:14px;margin-bottom:24px}
#app[data-screen="authOtp"] .otp-demo-label{font-size:10px;letter-spacing:.12em}.otp-test-note{font-size:11px;line-height:1.6;color:#66542d;text-align:center;margin-top:14px}
@media(max-width:600px){#app[data-screen="authOtp"] .app-code-screen{padding:20px 18px 28px!important}#app[data-screen="authOtp"] .app-code-card{padding:22px 18px;border-radius:25px}#app[data-screen="authOtp"] .app-code-heading{margin:25px 0 22px}#app[data-screen="authOtp"] .app-code-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){#app[data-screen="authOtp"] .otp-entry{transition:none}}