html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal{box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:28px;border:1px solid color-mix(in srgb,var(--text,#172033) 10%,transparent);background:var(--surface,#fff);color:var(--text,#172033);box-shadow:0 24px 80px #0003}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__header{padding:30px 28px 8px;border:0;background:transparent;text-align:center}
.auth-verify-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:21px;background:color-mix(in srgb,var(--btn-primary-bg,#475c84) 13%,var(--surface,#fff));color:var(--cos-control-readable-accent,var(--text,#172033))}.auth-verify-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__title{font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.25;color:var(--text);margin:0}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__sub{font-size:14px;line-height:1.65;color:var(--muted);max-width:34ch;margin:12px auto 0}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__body{padding:18px 28px 8px;gap:16px;background:transparent}
.auth-otp-field{min-width:0;text-align:center}.auth-otp-label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.5}
.auth-otp-digits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 4px repeat(3,minmax(0,1fr));gap:7px;width:min(100%,350px);margin:auto;align-items:center;direction:ltr}
html body .auth-otp-digit{appearance:none;box-sizing:border-box;display:block;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1;padding:0!important;margin:0!important;border:1px solid var(--cos-control-line,var(--line,#c4cad4))!important;border-radius:11px!important;background:var(--cos-control-surface,var(--surface,#fff))!important;color:var(--cos-control-ink,var(--text,#172033))!important;caret-color:var(--cos-control-readable-accent,var(--text));font-family:inherit!important;font-size:clamp(21px,5vw,27px)!important;font-weight:500!important;line-height:1!important;text-align:center;box-shadow:0 2px 4px #00000004!important;letter-spacing:0!important;text-shadow:none!important;outline:none}
html body .auth-otp-digit:focus{border:2px solid var(--cos-control-readable-accent,var(--btn-primary-bg))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--btn-primary-bg) 15%,transparent)!important}
html body .auth-otp-digit[aria-invalid=true]{border-color:var(--danger,#b94055)!important}.auth-otp-digit:disabled{opacity:.65}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-help-note{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);background:none;border:0;padding:0;max-width:34ch;margin:0 auto}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 28px 28px;border:0;background:transparent}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__footer .btn{min-height:44px;min-width:110px;font-weight:500;font-size:15px}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__footer .btn--primary{appearance:none;background:var(--cos-control-accent,var(--btn-primary-bg,#71ffbd))!important;color:var(--cos-control-on-accent,var(--btn-primary-text,#172033))!important;border:0!important;border-radius:12px!important;padding:11px 22px;cursor:pointer;font:inherit}
html body :is(#twofaVerifyModal,#twofaSetupModal) .auth-modal__footer .btn--ghost{background:transparent!important;border-color:transparent!important;color:var(--muted)!important;box-shadow:none!important}
html body #twofaSetupModal .auth-steps{font-size:13px;line-height:1.6;color:var(--muted);margin:0;padding-left:20px}
html body #twofaSetupModal .auth-secret-box{border:0;background:color-mix(in srgb,var(--btn-primary-bg) 6%,var(--surface));border-radius:14px;padding:14px}.auth-secret-value{overflow-wrap:anywhere}
@media(max-width:360px){html body :is(#twofaVerifyModal,#twofaSetupModal) :is(.auth-modal__header,.auth-modal__body,.auth-modal__footer){padding-left:18px;padding-right:18px}.auth-otp-digits{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr)) 2px repeat(3,minmax(0,1fr))}}