.onboarding-light{--background:36 43% 91%;--foreground:30 15% 12%;--card:36 43% 95%;--card-foreground:30 15% 12%;--popover:36 43% 95%;--popover-foreground:30 15% 12%;--primary:42 58% 48%;--primary-foreground:30 15% 10%;--muted:34 25% 85%;--muted-foreground:30 8% 38%;--accent:42 58% 48%;--accent-foreground:30 15% 10%;--destructive:0 72% 45%;--border:34 22% 78%;--input:34 22% 78%;--ring:42 58% 48%;--vera-warm:#8a6d24;--auth-primary:#b8912f;color:hsl(var(--foreground));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f2eade}.onboarding-page{touch-action:pan-y;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2.5rem 1.5rem;display:flex}@media (max-width:640px){.onboarding-page{padding:var(--safe-area-top) 0 0}}.onboarding-top{top:calc(var(--safe-area-top) + 1rem);z-index:1;justify-content:space-between;align-items:center;max-width:34rem;margin:0 auto;padding:0 1.25rem;display:flex;position:absolute;left:0;right:0}@media (max-width:640px){.onboarding-top{padding:0 1rem}}.onboarding-log-in{color:hsl(var(--primary));margin-left:auto;padding:.5rem .25rem;font-weight:500}.onboarding-log-in:hover{text-decoration:underline}.onboarding-frame{width:100%;max-width:1120px;margin:0 auto}.onboarding-footer{padding:1rem 0 calc(1rem + var(--safe-area-bottom));background:#f2eade;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex;position:sticky;bottom:0}.onboarding-footer:before{content:"";pointer-events:none;background:linear-gradient(#f2eade00,#f2eade);height:1.5rem;position:absolute;bottom:100%;left:0;right:0}.onboarding-cta{background:hsl(var(--primary));width:auto;color:hsl(var(--primary-foreground));font-family:var(--font-inter), -apple-system, sans-serif;letter-spacing:-.015em;cursor:pointer;appearance:none;border:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 15px;font-size:.9375rem;font-weight:500;transition:opacity .2s;display:inline-flex}.onboarding-cta:hover{opacity:.92}.onboarding-cta:disabled{cursor:progress}.onboarding-cta:focus-visible{outline:2px solid var(--auth-primary,#d4c78a);outline-offset:3px}.onboarding-form-col{flex-direction:column;width:100%;max-width:34rem;margin:0 auto;padding:2rem 1.25rem 0;display:flex}@media (max-width:640px){.onboarding-form-col{padding:1rem .5rem 0}}.onboarding-form-title{font-family:var(--font-cormorant), Georgia, serif;color:var(--vera-warm,#d4c78a);font-size:1.75rem;line-height:1.2}.onboarding-form-subtitle{color:hsl(var(--muted-foreground));margin-top:.5rem;font-size:.875rem}.onboarding-step{flex-direction:column;gap:1.75rem;margin-top:2rem;animation:.32s cubic-bezier(.22,1,.36,1) both onboarding-step-enter;display:flex}.onboarding-step[data-direction=back]{animation-name:onboarding-step-enter-back}@keyframes onboarding-step-enter{0%{opacity:0;transform:translate(1.5rem)}}@keyframes onboarding-step-enter-back{0%{opacity:0;transform:translate(-1.5rem)}}@media (prefers-reduced-motion:reduce){.onboarding-step,.onboarding-step[data-direction=back]{animation:.16s both onboarding-step-fade}}@keyframes onboarding-step-fade{0%{opacity:0}}.onboarding-step-title{font-family:var(--font-cormorant), Georgia, serif;color:hsl(var(--foreground));font-size:1.25rem}.onboarding-question{border:0;margin:0;padding:0}.onboarding-question-label{color:hsl(var(--muted-foreground));margin-bottom:.625rem;font-size:.75rem;display:block}.onboarding-question-optional{opacity:.7}.onboarding-question-note{color:hsl(var(--muted-foreground));margin-top:.5rem;font-size:.75rem;line-height:1.4}.onboarding-choices{flex-wrap:wrap;gap:.5rem;display:flex}.onboarding-choice{border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .875rem;font-size:.875rem;line-height:1.2;transition:background-color .15s,border-color .15s}.onboarding-choice:hover{border-color:hsl(var(--primary) / .5)}.onboarding-choice--on{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.onboarding-birthday{align-items:center;gap:.5rem;display:flex}.onboarding-select{border:1px solid hsl(var(--border));background:hsl(var(--background));min-width:0;color:hsl(var(--foreground));border-radius:.5rem;flex:1;padding:.5rem .625rem;font-size:.875rem}.onboarding-text-input{border:1px solid hsl(var(--border));background:hsl(var(--background));width:100%;color:hsl(var(--foreground));border-radius:.5rem;padding:.5rem .625rem;font-size:.875rem}.onboarding-number-input{width:6rem;font-size:1rem}.onboarding-text-input::placeholder{color:hsl(var(--muted-foreground))}.onboarding-error{text-align:center;color:hsl(var(--destructive));font-size:.8125rem}.onboarding-back{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;font-size:.8125rem;display:block}