.onboarding-container{max-width:540px;margin:0 auto;padding:3rem 1.5rem 4rem;min-height:100vh}.onboarding-container .config-notice{margin-bottom:1.5rem;padding:.7rem 1rem;background:#c9a96e1a;border:1px solid rgba(201,169,110,.3);border-radius:8px;font-size:.8rem;color:var(--color-primary);text-align:center}.onboarding-container .progress-bar{height:6px;background:var(--color-bg-card);border-radius:999px;overflow:hidden}.onboarding-container .progress-fill{height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));transition:width .4s ease}.onboarding-container .step-dots{display:flex;gap:.5rem;justify-content:center;margin:1.25rem 0 2rem}.onboarding-container .dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition)}.onboarding-container .dot.active{background:var(--color-primary);transform:scale(1.4)}.onboarding-container .dot.done{background:var(--color-primary-hover)}.onboarding-container .step-content{display:flex;flex-direction:column;gap:1rem}.onboarding-container .step-content h1{font-size:clamp(1.6rem,5vw,2.1rem);font-weight:900;line-height:1.25}.onboarding-container .step-content h1 span{color:var(--color-primary)}.onboarding-container .step-content>p{color:var(--color-text-secondary);margin-bottom:.25rem}.onboarding-container input[type=text],.onboarding-container input[type=email],.onboarding-container input[type=password],.onboarding-container input[type=date],.onboarding-container input:not([type]){width:100%;padding:.9rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;font-family:inherit}.onboarding-container input:focus{outline:none;border-color:var(--color-primary)}.onboarding-container .input-row{display:flex;gap:.75rem}.onboarding-container .input-row input{flex:1;min-width:0}.onboarding-container .age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.onboarding-container .age-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem .5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all var(--transition);color:var(--color-text-primary);font-family:inherit}.onboarding-container .age-btn:hover{border-color:var(--color-primary)}.onboarding-container .age-btn.selected{border-color:var(--color-primary);background:#c9a96e1f}.onboarding-container .age-emoji{font-size:1.8rem}.onboarding-container .age-label{font-weight:700}.onboarding-container .age-sub{font-size:.8rem;color:var(--color-text-secondary)}.onboarding-container .minor-notice{background:#c9a96e1a;border:1px solid rgba(201,169,110,.3);border-radius:8px;padding:.85rem 1rem;font-size:.85rem;color:var(--color-text-secondary)}.onboarding-container .goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.onboarding-container .goal-btn{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all var(--transition);color:var(--color-text-primary);text-align:left;font-family:inherit}.onboarding-container .goal-btn:hover{border-color:var(--color-primary)}.onboarding-container .goal-btn.selected{border-color:var(--color-primary);background:#c9a96e1f}.onboarding-container .goal-icon{font-size:1.3rem}.onboarding-container .goal-label{font-weight:600;font-size:.92rem}.onboarding-container .vibe-score-display{text-align:center;padding:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px}.onboarding-container .score-number{font-size:3.5rem;font-weight:900;color:var(--color-primary);line-height:1}.onboarding-container .score-label{font-size:.9rem;color:var(--color-text-secondary)}.onboarding-container .pillar-bars{display:flex;flex-direction:column;gap:.85rem}.onboarding-container .pillar-bar{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:.75rem}.onboarding-container .pillar-label{font-size:.85rem;font-weight:600}.onboarding-container .pillar-track{height:8px;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.onboarding-container .pillar-fill{height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));transition:width .5s ease}.onboarding-container .pillar-val{font-size:.8rem;color:var(--color-text-secondary);text-align:right}.onboarding-container .consent-list{display:flex;flex-direction:column;gap:.85rem}.onboarding-container .consent-item{display:flex;gap:.7rem;padding:.9rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer}.onboarding-container .consent-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.onboarding-container .consent-item em{color:var(--color-primary);font-style:normal;font-weight:700}.onboarding-container .step-content.welcome{text-align:center;align-items:center}.onboarding-container .success-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-bg-dark);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900}.onboarding-container .welcome-score{padding:1.5rem 2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px}.onboarding-container .ws-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.onboarding-container .ws-num{font-size:3rem;font-weight:900;color:var(--color-primary);line-height:1.2}.onboarding-container .ws-sub{font-size:.85rem;color:var(--color-text-secondary)}.onboarding-container .error-msg{margin-top:1.25rem;padding:.85rem 1rem;background:#dc50501f;border:1px solid rgba(220,80,80,.35);border-radius:8px;color:#e88;font-size:.9rem}.onboarding-container .nav-buttons{display:flex;flex-direction:column;gap:.6rem;margin-top:1.75rem}.onboarding-container .btn-primary{width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-bg-dark);border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition);font-family:inherit}.onboarding-container .btn-primary:hover{transform:translateY(-2px)}.onboarding-container .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.onboarding-container .btn-back{width:100%;padding:.85rem;background:transparent;color:var(--color-text-secondary);border:none;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit}.onboarding-container .btn-back:hover{color:var(--color-text-primary)}@media(max-width:420px){.onboarding-container .input-row{flex-direction:column}.onboarding-container .goals-grid{grid-template-columns:1fr}}:root{--color-primary: #c9a96e;--color-primary-hover: #b8934f;--color-bg-dark: #0d0d0d;--color-bg-light: #111;--color-bg-card: #1a1a1a;--color-border: #252525;--color-text-primary: #e8e8e8;--color-text-secondary: #999;--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit}