.sui-login,.sui-passkeys,.sui-totp,.sui-phone,.sui-factor-settings{--_ink:var(--sui-ident-ink,var(--sui-ink,currentColor));--_muted:var(--sui-ident-muted,var(--sui-muted,#5b6470));--_surface:var(--sui-ident-surface,var(--sui-surface,transparent));--_border:var(--sui-ident-border,var(--sui-border,#0000001f));--_radius:var(--sui-ident-radius,var(--sui-radius,8px));--_gap:var(--sui-ident-gap,.75rem);--_pad:var(--sui-ident-pad,1rem);--_danger:var(--sui-ident-danger,var(--sui-danger,#b3261e));--_accent:var(--sui-ident-accent,var(--sui-accent,#2b6cb0));--_shadow:var(--sui-ident-shadow,var(--sui-shadow-sm,none));--_font:var(--sui-ident-font,var(--sui-font-body,inherit));--_mono:var(--sui-ident-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--_ink);font-family:var(--_font)}.sui-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sui-login-form{gap:var(--_gap);max-width:var(--sui-ident-form-max-width,26rem);box-sizing:border-box;width:100%;padding:var(--sui-ident-form-pad,1.75rem);background:var(--_surface);border:1px solid var(--_border);border-radius:var(--sui-ident-form-radius,var(--_radius));box-shadow:var(--_shadow);flex-direction:column;margin-inline:auto;display:flex}.sui-login-title{font-size:var(--sui-ident-title-size,1.375rem);line-height:var(--sui-lh-tight,1.2);margin:0}.sui-login-intro{color:var(--_muted);margin:0}.sui-login-form .form-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.sui-login-form .form-group>label{font-size:var(--sui-ident-label-size,.875rem);font-weight:var(--sui-ident-label-weight,600);color:var(--_ink)}.sui-login-form input[type=email],.sui-login-form input[type=text]{box-sizing:border-box;width:100%;font-size:var(--sui-fs-md,1rem);color:var(--_ink);background:var(--sui-ident-input-surface,var(--sui-surface-alt,transparent));border:1px solid var(--_border);border-radius:var(--sui-ident-input-radius,var(--_radius));padding:.75rem 1rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.sui-login-form input[type=email]:focus,.sui-login-form input[type=text]:focus{border-color:var(--_accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--_accent) 18%, transparent);outline:none}.sui-login-form input[type=email]:disabled,.sui-login-form input[type=text]:disabled{opacity:.6;cursor:not-allowed}.sui-login-form input[inputmode=numeric]{font-family:var(--_mono);font-size:var(--sui-fs-2xl,1.5rem);letter-spacing:.4em;text-align:center}.sui-login-remember label{align-items:center;gap:.5rem;font-weight:400;display:flex}.sui-login-turnstile{min-height:1px;margin-block:.25rem}.sui-login-actions{gap:var(--_gap);flex-wrap:wrap;align-items:center;display:flex}.sui-factor-settings{gap:var(--sui-ident-section-gap,1.5rem);flex-direction:column;display:flex}.sui-factor-settings-hosted{padding-top:var(--_pad);border-top:1px solid var(--_border);flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.sui-factor-settings-hosted-note{color:var(--_muted);font-size:var(--sui-fs-sm,.875rem);margin:0}.sui-passkeys,.sui-totp,.sui-phone{gap:var(--_gap);padding:var(--_pad);background:var(--_surface);border:1px solid var(--_border);border-radius:var(--_radius);flex-direction:column;display:flex}.sui-passkeys-title,.sui-totp-title,.sui-phone-title{font-size:var(--sui-ident-section-title-size,1.125rem);line-height:var(--sui-lh-snug,1.35);margin:0}.sui-passkeys-note,.sui-totp-note,.sui-phone-note,.sui-passkeys-empty{color:var(--_muted);margin:0}.sui-passkeys-blocked,.sui-totp-blocked,.sui-phone-blocked{align-items:flex-start}.sui-passkeys-list,.sui-totp-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sui-passkeys-item,.sui-totp-item{border-bottom:1px solid var(--_border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem 0;display:flex}.sui-passkeys-item:last-child,.sui-totp-item:last-child{border-bottom:0}.sui-passkeys-item-name,.sui-totp-item-name{overflow-wrap:anywhere;flex:10rem;font-weight:600}.sui-passkeys-item-meta,.sui-totp-item-meta{color:var(--_muted);font-size:var(--sui-fs-sm,.875rem)}.sui-passkeys-item-origin{color:var(--sui-ident-origin-ink,var(--_muted));font-size:var(--sui-fs-sm,.875rem);background:var(--sui-ident-origin-surface,#0000000d);overflow-wrap:anywhere;border-radius:999px;padding:.125rem .5rem}.sui-totp-status-pill{font-size:var(--sui-fs-xs,.75rem);letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:.125rem .5rem;font-weight:600}.sui-totp-status-pill[data-status=active]{color:var(--sui-ident-status-active-ink,#0a7a3c);background:var(--sui-ident-status-active-surface,#10a34a1f);border-color:var(--sui-ident-status-active-border,#10a34a4d)}.sui-totp-status-pill[data-status=pending]{color:var(--sui-ident-status-pending-ink,var(--_muted));border-color:var(--_border);background:0 0;border-style:dashed}.sui-passkeys-confirm,.sui-passkeys-rename,.sui-totp-confirm-inline,.sui-totp-rename{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sui-passkeys-rename input,.sui-totp-rename input{flex:10rem;min-width:0}.sui-passkeys-info-toggle,.sui-totp-info-toggle{width:1.75rem;height:1.75rem;font-size:var(--sui-fs-lg,1.125rem);color:var(--_muted);border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.sui-passkeys-info-toggle:hover,.sui-passkeys-info-toggle[aria-expanded=true],.sui-totp-info-toggle:hover,.sui-totp-info-toggle[aria-expanded=true]{color:var(--_accent);background:var(--sui-ident-origin-surface,#0000000d)}.sui-passkeys-details,.sui-totp-details{padding:var(--_gap);font-size:var(--sui-fs-sm,.875rem);background:var(--sui-ident-details-surface,var(--sui-ident-origin-surface,#0000000a));border-radius:var(--_radius);flex-basis:100%;grid-template-columns:auto 1fr;gap:.375rem 1rem;margin:0;display:grid}.sui-passkeys-details-row,.sui-totp-details-row{display:contents}.sui-passkeys-details-row dt,.sui-totp-details-row dt{color:var(--_muted);font-weight:600}.sui-passkeys-details-row dd,.sui-totp-details-row dd{overflow-wrap:anywhere;margin:0}.sui-passkeys-add,.sui-totp-list-add{gap:var(--_gap);padding-top:var(--_gap);border-top:1px solid var(--_border);flex-wrap:wrap;align-items:flex-end;display:flex}.sui-passkeys-origin-blocked{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.sui-passkeys .form-group,.sui-totp .form-group,.sui-phone .form-group{text-align:left;margin-bottom:var(--_gap);flex-direction:column;gap:.4rem;display:flex}.sui-passkeys .form-group>label,.sui-totp .form-group>label,.sui-phone .form-group>label{font-size:var(--sui-ident-label-size,.875rem);font-weight:var(--sui-ident-label-weight,600);color:var(--_ink)}.sui-passkeys .form-group input,.sui-totp .form-group input,.sui-phone .form-group input{box-sizing:border-box;width:100%;font-size:var(--sui-fs-md,1rem);color:var(--_ink);background:var(--sui-ident-input-surface,var(--sui-surface-alt,transparent));border:1px solid var(--_border);border-radius:var(--sui-ident-input-radius,var(--_radius));padding:.75rem 1rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.sui-passkeys .form-group input:focus,.sui-totp .form-group input:focus,.sui-phone .form-group input:focus{border-color:var(--_accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--_accent) 18%, transparent);outline:none}.sui-passkeys .form-group input:disabled,.sui-totp .form-group input:disabled,.sui-phone .form-group input:disabled{opacity:.6;cursor:not-allowed}.sui-totp .form-group input[inputmode=numeric],.sui-phone .form-group input[inputmode=numeric]{font-family:var(--_mono);font-size:var(--sui-fs-2xl,1.5rem);letter-spacing:.4em;text-align:center}.sui-totp-enroll{gap:var(--_gap);flex-direction:column;display:flex}.sui-totp-qr{width:min(100%, var(--sui-ident-qr-size,13rem));border-radius:var(--_radius);background:#fff;align-self:flex-start;height:auto;padding:.5rem}.sui-totp-manual{color:var(--_muted);font-size:var(--sui-fs-sm,.875rem);margin:0}.sui-totp-secret{font-family:var(--_mono);letter-spacing:.08em;overflow-wrap:anywhere;user-select:all}.sui-totp-status,.sui-phone-status{color:var(--_muted);margin:0}.sui-totp-confirm,.sui-phone-confirm{gap:var(--_gap);flex-wrap:wrap;align-items:flex-end;display:flex}.stepup-modal{width:min(100%, var(--sui-ident-modal-width,28rem));max-height:90vh;padding:var(--sui-ident-modal-pad,1.5rem);background:var(--sui-ident-modal-surface,#fff);border-radius:var(--_radius);overflow-y:auto}.stepup-methods,.stepup-fallbacks{flex-direction:column;gap:.5rem;display:flex}.stepup-method-btn,.stepup-method-hosted{text-align:left}.auth-message{font-size:var(--sui-fs-sm,.875rem);margin:0}.auth-message.error{color:var(--_danger)}.auth-message-detail{color:var(--_muted);font-size:var(--sui-fs-sm,.875rem)}@media (prefers-color-scheme:dark){.sui-login,.sui-passkeys,.sui-totp,.sui-phone,.sui-factor-settings{--_muted:var(--sui-ident-muted,var(--sui-muted,#a4adb8));--_border:var(--sui-ident-border,var(--sui-border,#ffffff2e))}.sui-passkeys-item-origin,.sui-passkeys-info-toggle:hover,.sui-passkeys-info-toggle[aria-expanded=true]{background:var(--sui-ident-origin-surface,#ffffff1a)}.sui-passkeys-details{background:var(--sui-ident-details-surface,var(--sui-ident-origin-surface,#ffffff14))}.stepup-modal{background:var(--sui-ident-modal-surface,#1c1f24)}}.auth-page{min-height:60vh;padding:4rem 0}.auth-container{max-width:600px;margin:0 auto}.auth-container h1{text-align:center;color:var(--text-dark);margin-bottom:.5rem}.auth-form{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;max-width:600px;margin:0 auto;padding:2rem}.auth-description{color:var(--text-muted);font-size:var(--sui-fs-md);margin-bottom:1.5rem;line-height:1.5}.form-group{text-align:left;margin-bottom:1.25rem}.form-group label{font-weight:600;font-size:var(--sui-fs-sm);color:var(--text-dark);margin-bottom:.5rem;display:block}.form-group input[type=text],.form-group input[type=email]{border-radius:var(--radius-sm);width:100%;font-size:var(--sui-fs-md);box-sizing:border-box;border:1px solid #ddd;padding:.75rem 1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6c3ce11f}.form-group input:disabled{cursor:not-allowed;background:#f5f5f5}.auth-form input[inputmode=numeric]{font-size:var(--sui-fs-3xl);letter-spacing:.5rem;text-align:center;font-family:var(--sui-font-mono,monospace)}.auth-message{font-size:var(--sui-fs-sm);border-radius:var(--radius-sm);color:#2e7d32;background:#e8f5e9;margin-bottom:1rem;padding:.75rem}.auth-message.error{color:#c62828;background:#ffebee}.auth-form .btn{width:100%;margin-top:.5rem}.auth-more-options{margin-top:.75rem}.auth-more-options summary{font-size:var(--sui-fs-sm);color:var(--text-muted);cursor:pointer;padding:.5rem 0}.auth-more-options summary:hover{color:var(--primary)}.passkey-login-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:inline-flex}.passkey-login-btn svg{flex-shrink:0}.social-login-section{margin-bottom:.5rem}.auth-divider{color:#999;font-size:var(--sui-fs-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.25rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ddd;flex:1}.auth-divider span{padding:0 .75rem}.btn-google{border-radius:var(--radius-sm);width:100%;font-size:var(--sui-fs-md);cursor:pointer;color:#fff;background:#4285f4;border:1px solid #3367d6;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex!important}.btn-google svg{flex-shrink:0;min-width:20px}.btn-google:hover{background:#3367d6;box-shadow:0 1px 3px #0003}.btn-apple{border-radius:var(--radius-sm);width:100%;font-size:var(--sui-fs-md);cursor:pointer;color:#fff;background:#000;border:1px solid #000;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex}.btn-apple:hover{background:#1a1a1a}.btn-facebook{border-radius:var(--radius-sm);width:100%;font-size:var(--sui-fs-md);cursor:pointer;color:#fff;background:#1877f2;border:1px solid #1877f2;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex}.btn-facebook svg{flex-shrink:0}.btn-facebook:hover{background:#166fe5}.btn-google:disabled,.btn-apple:disabled,.btn-facebook:disabled{opacity:.6;cursor:not-allowed}.stepup-overlay{z-index:100000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.stepup-modal{border-radius:var(--radius-md);width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff;max-height:calc(100vh - 2rem);padding:2rem;animation:.2s ease-out stepup-slide-in;overflow-y:auto}.stepup-modal h3{font-size:var(--sui-fs-lg);color:var(--text-dark);margin:0 0 .75rem}.stepup-methods{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.stepup-method-btn{justify-content:center;align-items:center;gap:.75rem;display:flex}@keyframes stepup-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-loading{text-align:center;color:var(--text-muted);padding:3rem}.account-dashboard{max-width:700px;margin:0 auto}.account-header{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex}.account-avatar{background:var(--primary);color:#fff;width:56px;height:56px;font-size:var(--sui-fs-2xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.account-info{flex:1}.account-info h2{font-size:var(--sui-fs-xl);color:var(--text-dark);margin:0 0 .25rem}.account-info p{color:var(--text-muted);font-size:var(--sui-fs-sm);margin:0}.account-sections{flex-direction:column;gap:1.5rem;display:flex}.account-section{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;padding:1.5rem 2rem}.account-section h3{font-size:var(--sui-fs-lg);color:var(--text-dark);margin:0 0 1rem}.account-section-intro{color:var(--text-muted);font-size:var(--sui-fs-md);margin:-.5rem 0 1.25rem}.account-factor-status{font-size:var(--sui-fs-md);margin-bottom:.5rem}.account-factor-status strong{font-weight:600}.account-empty{color:var(--text-muted);font-size:var(--sui-fs-md)}.account-empty a{color:var(--primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.account-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:0 .25rem;margin:1.5rem 0 1.25rem;display:flex}@media (width<=640px){.account-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}.account-tab{appearance:none;font-size:var(--sui-fs-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:.65rem .85rem;font-weight:500;transition:color .15s,border-color .15s}.account-tab:hover{color:var(--text-dark)}.account-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.account-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px 4px 0 0}.account-overview{flex-direction:column;gap:1.5rem;display:flex}.account-overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.account-overview-card{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;flex-direction:column;min-height:100px;padding:1rem 1.1rem;display:flex}.account-overview-card h3{font-size:var(--sui-fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .5rem;font-weight:600}.account-overview-meta{color:var(--text-muted);font-size:var(--sui-fs-sm);flex:1;margin:0 0 .75rem}.account-overview-link{appearance:none;color:var(--primary);font-size:var(--sui-fs-md);cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-weight:600;text-decoration:none}.account-overview-link:hover{text-decoration:underline}.sui-factor-settings>section{border-top:1px solid #e2e8f0;margin-top:1.35rem;padding-top:1.35rem}.sui-factor-settings>section:first-child{border-top:0;margin-top:.5rem;padding-top:0}@media (width<=600px){.auth-form{padding:1.5rem}.account-header{flex-wrap:wrap;padding:1.25rem}.account-section{padding:1.25rem}}
