.auth-shell{--auth-bg:var(--background);--auth-panel:var(--background);--auth-input:var(--muted);--auth-input-focus:var(--card);--auth-line:var(--border);--auth-text:var(--foreground);--auth-dim:var(--muted-foreground);--auth-faint:var(--terminal-muted);--auth-primary:var(--primary);--auth-primary-deep:var(--accent-blue);--auth-accent:var(--success);--auth-ring:var(--glow-primary);--auth-surface:color-mix(in srgb, var(--muted) 70%, transparent);--auth-surface-line:var(--border);--auth-btn-grad:linear-gradient(135deg, var(--primary), var(--accent-blue));--auth-on-accent:var(--primary-foreground);--auth-btn-shadow:0 8px 24px -8px color-mix(in srgb, var(--primary) 45%, transparent)}.auth-form-skeleton{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--auth-primary) 7%, transparent), transparent), var(--auth-surface);background-size:220% 100%;border-radius:.75rem;min-height:28rem;animation:1.5s ease-in-out infinite auth-loading}.auth-custom-form{flex-direction:column;gap:1rem;width:100%;display:flex}.auth-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.auth-provider-button{border:1px solid var(--auth-surface-line);background:var(--auth-surface);min-height:3rem;color:var(--auth-text);border-radius:.65rem;justify-content:center;align-items:center;gap:.65rem;font-size:.94rem;font-weight:650;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.auth-provider-button svg{width:1.1rem;height:1.1rem}.auth-provider-button:hover:not(:disabled),.auth-provider-button:focus-visible{border-color:var(--border-bright);background:color-mix(in srgb, var(--auth-primary) 9%, var(--auth-surface));outline:none;transform:translateY(-1px)}.auth-provider-button:disabled,.auth-primary-button:disabled{cursor:not-allowed;opacity:.68}.auth-input-wrap:has(input:disabled){cursor:not-allowed;opacity:.68}.auth-provider-spinner,.auth-button-spinner,.auth-callback-spinner{animation:.9s linear infinite auth-spin}.auth-provider-spinner{width:1.1rem;height:1.1rem}.auth-divider{color:var(--auth-dim);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8rem;font-size:.84rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-line);height:1px}.auth-email-form,.auth-step-form{flex-direction:column;gap:.9rem;display:flex}.auth-step-form h2,.auth-callback-panel h1{font-family:var(--font-space-grotesk);color:var(--auth-text);margin:0;font-size:1.35rem;font-weight:700;line-height:1.15}.auth-step-form p,.auth-callback-panel p{color:var(--auth-dim);margin:.45rem 0 0;font-size:.92rem;line-height:1.55}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field>span:first-child{color:var(--auth-text);font-size:.86rem;font-weight:700}.auth-input-wrap{border:1px solid var(--auth-surface-line);background:var(--auth-input);border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.15rem;padding:0 .85rem;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.auth-input-wrap:focus-within{border-color:var(--auth-primary);background:var(--auth-input-focus);box-shadow:0 0 0 4px var(--auth-ring)}.auth-input-icon,.auth-input-action{color:var(--auth-dim)}.auth-input-icon{justify-content:center;align-items:center;width:1.15rem;display:inline-flex}.auth-input-icon svg,.auth-input-action svg,.auth-primary-button svg{width:1.05rem;height:1.05rem}.auth-input-wrap input{min-width:0;color:var(--auth-text);background:0 0;border:0;outline:none;font-size:.94rem}.auth-input-wrap input::placeholder{color:var(--auth-faint)}.auth-input-action{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;transition:background .16s,color .16s;display:inline-flex}.auth-input-action:hover,.auth-input-action:focus-visible{background:color-mix(in srgb, var(--auth-primary) 10%, transparent);color:var(--auth-primary);outline:none}.auth-form-row{justify-content:flex-end;display:flex}.auth-text-button{width:fit-content;color:var(--auth-primary);background:0 0;border:0;font-size:.9rem;font-weight:700}.auth-text-button:hover,.auth-text-button:focus-visible,.auth-switch-copy a:hover,.auth-switch-copy a:focus-visible,.auth-callback-panel a:hover,.auth-callback-panel a:focus-visible{outline:none;text-decoration:underline}.auth-error{border:1px solid color-mix(in srgb, var(--destructive) 36%, var(--auth-line));background:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive);border-radius:.7rem;margin:0;padding:.75rem .9rem;font-size:.88rem;line-height:1.45}.auth-primary-button{background:var(--auth-btn-grad);min-height:3.25rem;color:var(--auth-on-accent);box-shadow:var(--auth-btn-shadow);border:0;border-radius:.625rem;justify-content:center;align-items:center;gap:.65rem;font-size:.95rem;font-weight:800;transition:filter .16s,transform .16s,box-shadow .16s;display:inline-flex}.auth-primary-button:hover:not(:disabled),.auth-primary-button:focus-visible{filter:brightness(1.04);box-shadow:0 12px 32px -10px color-mix(in srgb, var(--auth-primary) 55%, transparent);outline:none;transform:translateY(-1px)}.auth-switch-copy{color:var(--auth-dim);text-align:center;margin:0;font-size:.9rem}.auth-switch-copy a,.auth-callback-panel a{color:var(--auth-primary);font-weight:800}.auth-callback-panel{flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem;width:100%;min-height:12rem;display:flex}.auth-callback-spinner{width:1.5rem;height:1.5rem;color:var(--auth-primary)}@keyframes auth-loading{to{background-position:-220% 0}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-shell *,.auth-shell :before,.auth-shell :after{animation-duration:.001ms!important;animation-iteration-count:1!important}}
