@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";body{margin:0;padding:0}#root{container-type:inline-size;container-name:iframe-root}.iframe-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:180px;font-family:Manrope,sans-serif}@container iframe-root (min-width: 490px){.iframe-container{min-height:100px}}.iframe-center-box{display:flex;align-items:center;justify-content:center;padding:16px 0}.iframe-status-text{font-size:14px;color:#64748b}.iframe-error-text{font-size:14px;color:#ef4444}.iframe-success-text{font-size:14px;color:#16a34a;font-weight:500;text-align:center}.iframe-success-text--padded{padding:16px 0}.iframe-success-text--margin{margin-top:12px}.iframe-private-key-section{width:100%;margin-top:auto}.iframe-label{display:block;font-size:14px;color:#3b4657;margin-bottom:8px}.iframe-input-box{display:flex;align-items:center;gap:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;min-height:48px;height:auto;max-width:498px;box-shadow:0 1px 2px #1018280d}.iframe-key-text{flex:1;font-size:16px;color:#3b4657;font-family:Manrope,sans-serif;word-break:break-all;line-height:1.6}.iframe-button-group{display:flex;gap:4px;flex-shrink:0}.iframe-icon-button{padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background-color .2s ease}.iframe-icon-button:hover{background-color:#f1f5f9}.iframe-button-container{width:100%;height:100%}.hold-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;background-color:#3cc98a;color:#fff;font-weight:500;font-size:16px;border-radius:12px;padding:0 20px;border:none;cursor:pointer;user-select:none;transition:background-color .2s ease;font-family:inherit;margin-top:auto}.hold-button:hover:not(:disabled){background-color:#34b87a}.hold-button:disabled{opacity:.5;cursor:not-allowed}.hold-button__progress-container{width:28px;height:28px;position:relative;display:flex;align-items:center;justify-content:center}.hold-button__svg{width:28px;height:28px;transform:rotate(-90deg)}.hold-button__progress-circle{transition:stroke-dashoffset .1s ease}.twofa-container{width:100%;font-family:Manrope,sans-serif}.twofa-screen{position:relative;background:#fff;border-radius:16px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a;padding:68px 24px 24px;width:100%;box-sizing:border-box}.twofa-screen::-webkit-scrollbar{width:8px}.twofa-screen::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.twofa-screen::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.twofa-screen::-webkit-scrollbar-thumb:hover{background:#94a3b8}@container iframe-root (min-width: 490px){.twofa-screen{padding:48px}}.twofa-screen__title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px;text-align:center}.twofa-screen__subtitle{font-size:14px;color:#64748b;margin:0 0 24px;text-align:center}.twofa-screen__loading{display:flex;align-items:center;justify-content:center;padding:48px 0;font-size:14px;color:#64748b}.twofa-screen__error{font-size:14px;color:#ef4444;margin:8px 0 0;text-align:center}.twofa-screen__otp-section{margin:24px 0}.twofa-otp-container{display:flex;gap:8px;justify-content:center}.twofa-otp-digit{text-align:center;font-family:Manrope,sans-serif;font-weight:700;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #1018280d;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:#3b4657}.twofa-otp-digit::placeholder{color:#9ca3af}.twofa-otp-digit:focus{border-color:#18d26c;box-shadow:0 0 0 2px #18d26c33}.twofa-otp-digit--filled{background:#f9fafb;color:#111827}.twofa-otp-default .twofa-otp-digit{width:72px;height:48px;font-size:16px}.twofa-otp-compact .twofa-otp-digit{width:42px;height:48px;font-size:19px;font-weight:600}@container iframe-root (min-width: 490px){.twofa-otp-compact .twofa-otp-digit{width:57px;font-size:20px}}.twofa-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;border:none;margin-top:16px}.twofa-btn:disabled{opacity:.5;cursor:not-allowed}.twofa-btn--primary{background:#3cc98a;color:#fff;border:none}.twofa-btn--primary:hover:not(:disabled){background:#34b87a}.twofa-btn--confirm{background:#cffce8;color:#000;border:1px solid #16c273}.twofa-btn--confirm:hover:not(:disabled){background:#b8f5d8}.twofa-btn--destructive{background:#ef4444;color:#fff;border:none}.twofa-btn--destructive:hover:not(:disabled){background:#dc2626}.twofa-btn--outline{background:transparent;color:#3b4657;border:1px solid #e5e7eb;margin-top:10px}.twofa-btn--outline:hover:not(:disabled){background:#f9fafb}.twofa-setup__close-btn{display:none;position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease}.twofa-setup__close-btn:hover{background:#f9fafb}@container iframe-root (min-width: 490px){.twofa-setup__close-btn{display:flex}.twofa-setup__back-btn{display:none}}.twofa-setup__back-btn{display:flex;position:absolute;top:24px;left:24px;width:40px;height:40px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease}.twofa-setup__back-btn:hover{background:#f9fafb}.twofa-setup__title{font-size:24px;font-weight:600;color:#111827;margin:0 0 24px;text-align:center}.twofa-setup__qr-container{display:flex;justify-content:center;margin-bottom:31px}.twofa-setup__qr-image{width:210px;height:210px;border-radius:8px}.twofa-setup__qr-instruction{font-weight:500;color:#3b4657;font-size:16px;text-align:center;margin:0 0 24px}.twofa-setup__divider{border-top:1px solid #eceeef;margin-top:32px;margin-bottom:32px}.twofa-setup__otp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.twofa-setup__otp-title{font-size:18px;font-weight:600;color:#111827}.twofa-setup__paste-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;padding:0;transition:background-color .2s ease}.twofa-setup__paste-btn:hover{background:#f9fafb}.twofa-secret-key{margin-top:24px}.twofa-secret-key__label{display:block;font-size:14px;color:#3b4657;margin-bottom:8px}.twofa-secret-key__input-box{display:flex;align-items:center;gap:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;min-height:48px}.twofa-secret-key__icon{display:flex;align-items:center;flex-shrink:0}.twofa-secret-key__input{flex:1;border:none;background:transparent;font-size:14px;font-family:Manrope,sans-serif;color:#111827;outline:none;min-width:0}.twofa-secret-key__copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}.twofa-secret-key__copy-btn:hover{background-color:#e5e7eb}