.auth-card{font-family:var(--auth-font);color:var(--auth-text);background:var(--auth-surface-elevated);border-radius:var(--auth-radius-lg);box-shadow:var(--auth-shadow);padding:var(--auth-card-padding);width:100%;max-width:var(--auth-card-max-width);margin:0 auto;box-sizing:border-box}.auth-title{font-size:var(--auth-text-2xl);font-weight:600;margin:0 0 var(--auth-space-xs);line-height:1.3}.auth-subtitle{font-size:var(--auth-text-sm);color:var(--auth-text-muted);margin:0 0 var(--auth-space-lg);line-height:1.5}.auth-field{display:flex;flex-direction:column;gap:var(--auth-space-xs);margin-bottom:var(--auth-space-md)}.auth-label{font-size:var(--auth-text-sm);font-weight:500;color:var(--auth-text)}.auth-input{font-family:var(--auth-font);font-size:var(--auth-text-base);height:var(--auth-input-height);padding:0 var(--auth-space-md);border:1px solid var(--auth-border);border-radius:var(--auth-radius);background:var(--auth-surface);color:var(--auth-text);outline:none;transition:border-color var(--auth-duration) var(--auth-ease);box-sizing:border-box;width:100%}.auth-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-primary) 15%,transparent)}.auth-input[aria-invalid=true]{border-color:var(--auth-error)}.auth-btn{font-family:var(--auth-font);font-size:var(--auth-text-sm);font-weight:600;height:var(--auth-button-height);padding:0 var(--auth-space-lg);border:none;border-radius:var(--auth-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--auth-space-sm);width:100%;transition:background var(--auth-duration) var(--auth-ease),opacity var(--auth-duration) var(--auth-ease);box-sizing:border-box}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-primary{background:var(--auth-primary);color:var(--auth-primary-text)}.auth-btn-primary:hover:not(:disabled){background:var(--auth-primary-hover)}.auth-btn-social{display:flex;align-items:center;justify-content:center;gap:.625rem;background:var(--auth-surface);color:var(--auth-text);border:1px solid var(--auth-border)}.auth-btn-social:hover:not(:disabled){background:var(--auth-border)}.auth-btn-social-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.auth-btn-social-label{font-weight:600}.auth-btn-social-apple{color:var(--auth-text)}.auth-btn-secondary{background:rgba(0,0,0,0);color:var(--auth-primary);border:1px solid var(--auth-border)}.auth-btn-secondary:hover:not(:disabled){background:var(--auth-surface)}.auth-divider{display:flex;align-items:center;gap:var(--auth-space-md);margin:var(--auth-space-lg) 0;color:var(--auth-text-muted);font-size:var(--auth-text-sm)}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--auth-border)}.auth-error{color:var(--auth-error);background:var(--auth-error-bg)}.auth-error,.auth-success{font-size:var(--auth-text-sm);padding:var(--auth-space-sm) var(--auth-space-md);border-radius:var(--auth-radius-sm);margin-bottom:var(--auth-space-md)}.auth-success{color:var(--auth-success);background:var(--auth-success-bg)}.auth-link{color:var(--auth-primary);text-decoration:none;font-size:var(--auth-text-sm);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-family:var(--auth-font)}.auth-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:var(--auth-space-lg);font-size:var(--auth-text-sm);color:var(--auth-text-muted)}.auth-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-step{padding:var(--auth-space-md);border:1px solid var(--auth-border);border-radius:var(--auth-radius);margin-bottom:var(--auth-space-md)}.auth-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--auth-space-sm)}.auth-step-title{font-size:var(--auth-text-base);font-weight:600}.auth-step-description{font-size:var(--auth-text-sm);color:var(--auth-text-muted);margin-bottom:var(--auth-space-md)}.auth-badge{font-size:var(--auth-text-xs);font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.auth-badge-done{background:var(--auth-success-bg);color:var(--auth-success)}.auth-badge-recommended{background:color-mix(in srgb,var(--auth-primary) 10%,transparent);color:var(--auth-primary)}.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);align-items:center;z-index:9999}.auth-code-input,.auth-overlay{display:flex;justify-content:center}.auth-code-input{gap:var(--auth-space-sm);margin:var(--auth-space-lg) 0}.auth-code-digit{width:48px;height:56px;text-align:center;font-size:var(--auth-text-xl);font-weight:600;font-family:var(--auth-font);border:1px solid var(--auth-border);border-radius:var(--auth-radius);background:var(--auth-surface);color:var(--auth-text);outline:none;transition:border-color var(--auth-duration) var(--auth-ease)}.auth-code-digit:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-primary) 15%,transparent)}.auth-checkbox-label{display:flex;align-items:flex-start;gap:var(--auth-space-sm);font-size:var(--auth-text-sm);cursor:pointer;line-height:1.5}.auth-checkbox-label input[type=checkbox]{margin-top:3px;accent-color:var(--auth-primary)}.auth-btn-stack{display:flex;flex-direction:column;gap:var(--auth-space-sm)}.auth-btn-passkey{background:rgba(0,0,0,0);color:var(--auth-text);border:1px solid var(--auth-border);margin-top:var(--auth-space-sm);font-family:var(--auth-font);font-size:var(--auth-text-sm);font-weight:600;height:var(--auth-button-height);border-radius:var(--auth-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--auth-space-sm);width:100%;transition:background var(--auth-duration) var(--auth-ease);box-sizing:border-box}.auth-btn-passkey:hover:not(:disabled){background:var(--auth-surface)}.auth-btn-passkey:disabled{opacity:.5;cursor:not-allowed}.auth-helper{font-size:var(--auth-text-xs);color:var(--auth-text-muted);text-align:center;margin-top:var(--auth-space-md);line-height:1.5}.auth-textarea{height:auto;padding:var(--auth-space-md);resize:vertical;min-height:80px;line-height:1.5}.auth-recovery-options{display:flex;flex-direction:column;gap:var(--auth-space-md)}:where(.auth-ui){--auth-primary:#171717;--auth-primary-hover:black;--auth-primary-text:#fff;--auth-surface:#fafafa;--auth-surface-elevated:#fff;--auth-border:#e5e5e5;--auth-border-focus:#a3a3a3;--auth-text:#171717;--auth-text-muted:#737373;--auth-error:#dc2626;--auth-error-bg:#fef2f2;--auth-success:#16a34a;--auth-success-bg:#f0fdf4;--auth-font:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--auth-text-xs:0.75rem;--auth-text-sm:0.875rem;--auth-text-base:1rem;--auth-text-lg:1.125rem;--auth-text-xl:1.25rem;--auth-text-2xl:1.5rem;--auth-space-xs:0.25rem;--auth-space-sm:0.5rem;--auth-space-md:1rem;--auth-space-lg:1.5rem;--auth-space-xl:2rem;--auth-radius:10px;--auth-radius-sm:6px;--auth-radius-lg:16px;--auth-input-height:44px;--auth-button-height:44px;--auth-card-max-width:480px;--auth-card-padding:2rem;--auth-shadow:0 1px 3px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.06);--auth-shadow-lg:0 8px 24px rgba(0,0,0,0.08);--auth-duration:150ms;--auth-ease:cubic-bezier(0.16,1,0.3,1)}