@layer wiz-auth{:where(:root){--wiz-auth-primary:#4f46e5;--wiz-auth-primary-hover:#4338ca;--wiz-auth-primary-foreground:#fff;--wiz-auth-background:#fff;--wiz-auth-foreground:#111827;--wiz-auth-muted-foreground:#6b7280;--wiz-auth-oauth-foreground:#374151;--wiz-auth-border:#d1d5db;--wiz-auth-input:#d1d5db;--wiz-auth-input-background:#fff;--wiz-auth-divider:#e5e7eb;--wiz-auth-error:#dc2626;--wiz-auth-error-background:#fef2f2;--wiz-auth-field-error:#ef4444;--wiz-auth-success:#16a34a;--wiz-auth-success-background:#f0fdf4;--wiz-auth-radius:6px;--wiz-auth-field-height:40px;--wiz-auth-oauth-height:44px;--wiz-auth-content-width:384px;--wiz-auth-field-gap:16px;--wiz-auth-font:system-ui, -apple-system, sans-serif;--wiz-auth-side-panel-background:#f0f4ff;--wiz-auth-color-scheme:light}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light]):not(.light)){--wiz-auth-primary:#6366f1;--wiz-auth-primary-hover:#818cf8;--wiz-auth-background:#111827;--wiz-auth-foreground:#f9fafb;--wiz-auth-muted-foreground:#9ca3af;--wiz-auth-oauth-foreground:#e5e7eb;--wiz-auth-border:#374151;--wiz-auth-input:#374151;--wiz-auth-input-background:#1f2937;--wiz-auth-divider:#1f2937;--wiz-auth-error:#f87171;--wiz-auth-error-background:#450a0a;--wiz-auth-field-error:#f87171;--wiz-auth-success:#4ade80;--wiz-auth-success-background:#052e16;--wiz-auth-side-panel-background:#1e1b4b;--wiz-auth-color-scheme:dark}}:where(:root[data-theme=dark],:root.dark){--wiz-auth-primary:#6366f1;--wiz-auth-primary-hover:#818cf8;--wiz-auth-background:#111827;--wiz-auth-foreground:#f9fafb;--wiz-auth-muted-foreground:#9ca3af;--wiz-auth-oauth-foreground:#e5e7eb;--wiz-auth-border:#374151;--wiz-auth-input:#374151;--wiz-auth-input-background:#1f2937;--wiz-auth-divider:#1f2937;--wiz-auth-error:#f87171;--wiz-auth-error-background:#450a0a;--wiz-auth-field-error:#f87171;--wiz-auth-success:#4ade80;--wiz-auth-success-background:#052e16;--wiz-auth-side-panel-background:#1e1b4b;--wiz-auth-color-scheme:dark}[data-wiz-scheme=light]{--wiz-auth-primary:#4f46e5;--wiz-auth-primary-hover:#4338ca;--wiz-auth-background:#fff;--wiz-auth-foreground:#111827;--wiz-auth-muted-foreground:#6b7280;--wiz-auth-oauth-foreground:#374151;--wiz-auth-border:#d1d5db;--wiz-auth-input:#d1d5db;--wiz-auth-input-background:#fff;--wiz-auth-divider:#e5e7eb;--wiz-auth-error:#dc2626;--wiz-auth-error-background:#fef2f2;--wiz-auth-field-error:#ef4444;--wiz-auth-success:#16a34a;--wiz-auth-success-background:#f0fdf4;--wiz-auth-side-panel-background:#f0f4ff;--wiz-auth-color-scheme:light}[data-wiz-scheme=dark]{--wiz-auth-primary:#6366f1;--wiz-auth-primary-hover:#818cf8;--wiz-auth-background:#111827;--wiz-auth-foreground:#f9fafb;--wiz-auth-muted-foreground:#9ca3af;--wiz-auth-oauth-foreground:#e5e7eb;--wiz-auth-border:#374151;--wiz-auth-input:#374151;--wiz-auth-input-background:#1f2937;--wiz-auth-divider:#1f2937;--wiz-auth-error:#f87171;--wiz-auth-error-background:#450a0a;--wiz-auth-field-error:#f87171;--wiz-auth-success:#4ade80;--wiz-auth-success-background:#052e16;--wiz-auth-side-panel-background:#1e1b4b;--wiz-auth-color-scheme:dark}.wiz-auth-page{min-height:100vh;font-family:var(--wiz-auth-font);color-scheme:var(--wiz-auth-color-scheme);background-color:var(--wiz-auth-background);color:var(--wiz-auth-foreground);display:flex}.wiz-auth-page[data-full-height=false]{min-height:100%}.wiz-auth-content{flex-direction:column;width:100%;max-width:480px;padding:48px 24px;display:flex}.wiz-auth-logo{width:100%;max-width:var(--wiz-auth-content-width);margin:0 auto 32px}.wiz-auth-body{flex-direction:column;flex:1;justify-content:center;display:flex}.wiz-auth-slot{margin-top:24px}.wiz-auth-side-panel{background-color:var(--wiz-auth-side-panel-background);flex:1;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}.wiz-auth-pattern{opacity:.2;position:absolute;inset:0}@media (min-width:1024px){.wiz-auth-side-panel{display:flex}.wiz-auth-page>.wiz-auth-content{width:33.333%}}.wiz-auth-form{width:100%;max-width:var(--wiz-auth-content-width);color:var(--wiz-auth-foreground);margin:0 auto}.wiz-auth-header{text-align:center;margin-bottom:24px}.wiz-auth-title{font-size:24px;font-weight:700}.wiz-auth-subtitle{color:var(--wiz-auth-muted-foreground);margin-top:4px;font-size:14px}.wiz-auth-fields{gap:var(--wiz-auth-field-gap);flex-direction:column;display:flex}.wiz-auth-label{margin-bottom:4px;font-size:14px;font-weight:500;display:block}.wiz-auth-required{color:var(--wiz-auth-error)}.wiz-auth-input{width:100%;height:var(--wiz-auth-field-height);border:1px solid var(--wiz-auth-input);border-radius:var(--wiz-auth-radius);background-color:var(--wiz-auth-input-background);color:var(--wiz-auth-foreground);padding:0 12px;font-size:14px}.wiz-auth-input:focus{outline:2px solid var(--wiz-auth-primary);outline-offset:-1px}.wiz-auth-field-error{color:var(--wiz-auth-field-error);margin-top:4px;font-size:12px}.wiz-auth-error{color:var(--wiz-auth-error);background-color:var(--wiz-auth-error-background);border-radius:var(--wiz-auth-radius);padding:12px;font-size:14px}.wiz-auth-submit{width:100%;height:var(--wiz-auth-field-height);background-color:var(--wiz-auth-primary);color:var(--wiz-auth-primary-foreground);border-radius:var(--wiz-auth-radius);cursor:pointer;border:none;font-size:14px;font-weight:500}.wiz-auth-submit:hover:not(:disabled){background-color:var(--wiz-auth-primary-hover)}.wiz-auth-submit:disabled{opacity:.5}.wiz-auth-secondary{width:100%;height:var(--wiz-auth-field-height);border:1px solid var(--wiz-auth-border);border-radius:var(--wiz-auth-radius);background-color:var(--wiz-auth-background);color:var(--wiz-auth-foreground);cursor:pointer;margin-top:8px;font-size:14px}.wiz-auth-link{color:var(--wiz-auth-primary)}.wiz-auth-footer{text-align:center;color:var(--wiz-auth-muted-foreground);margin-top:16px;font-size:14px}.wiz-auth-footer .wiz-auth-link{text-decoration:underline}.wiz-auth-forgot{text-align:center;margin-top:12px;font-size:14px}.wiz-auth-divider{align-items:center;gap:8px;margin:16px 0;display:flex}.wiz-auth-divider-line{border:none;border-top:1px solid var(--wiz-auth-divider);flex:1}.wiz-auth-divider-text{color:var(--wiz-auth-muted-foreground);font-size:12px}.wiz-oauth-buttons{flex-direction:column;gap:8px;display:flex}.wiz-oauth-btn{width:100%;height:var(--wiz-auth-oauth-height);border-radius:var(--wiz-auth-radius);border:1px solid var(--wiz-auth-border);background-color:var(--wiz-auth-background);color:var(--wiz-auth-oauth-foreground);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.wiz-oauth-btn[data-provider=kakao]{color:#191919;background-color:#fee500;border-color:#fee500}.wiz-oauth-btn:hover:not(:disabled){filter:brightness(.97)}.wiz-oauth-btn:disabled{opacity:.5;cursor:not-allowed}.wiz-oauth-icon{margin-right:8px;display:flex}.wiz-auth-success{text-align:center;padding:24px}.wiz-auth-success-text{color:var(--wiz-auth-success);font-size:14px}.wiz-auth-success-title{color:var(--wiz-auth-success);font-size:20px;font-weight:700}.wiz-auth-success-message{color:var(--wiz-auth-muted-foreground);margin-top:8px;font-size:14px}.wiz-auth-success .wiz-auth-link{margin-top:16px;font-size:14px;display:inline-block}.wiz-auth-status{text-align:center;padding:48px 24px}.wiz-auth-status-icon{margin:0 auto 16px;display:block}.wiz-auth-status-title{margin-bottom:8px;font-size:20px;font-weight:700}.wiz-auth-status-title[data-state=success]{color:var(--wiz-auth-success)}.wiz-auth-status-title[data-state=error]{color:var(--wiz-auth-error)}.wiz-auth-status-message{color:var(--wiz-auth-muted-foreground);margin-bottom:24px;font-size:14px}.wiz-auth-status-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.wiz-auth-status-primary{background-color:var(--wiz-auth-primary);color:var(--wiz-auth-primary-foreground);border-radius:var(--wiz-auth-radius);padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.wiz-auth-status-link{color:var(--wiz-auth-primary);font-size:14px;text-decoration:none}.wiz-auth-spinner{animation:1s linear infinite wiz-spin}@keyframes wiz-spin{to{transform:rotate(360deg)}}.wiz-auth-form>.wiz-auth-title,.wiz-auth-form>.wiz-auth-subtitle{text-align:center}.wiz-auth-form>.wiz-auth-subtitle{margin-bottom:24px}}
