.onboarding-wizard{max-width:var(--max-width-lg);padding:var(--space-6) var(--space-4) var(--space-10);margin:0 auto}.onboarding-steps{justify-content:center;align-items:center;gap:var(--space-1);margin-bottom:var(--space-8);display:flex}.onboarding-step{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.onboarding-step+.onboarding-step:before{content:"";top:var(--badge-size);left:calc(-50% - var(--space-1));width:calc(100% + var(--space-2));height:var(--border-width);background:var(--color-border);z-index:0;position:absolute}.onboarding-step.done+.onboarding-step:before,.onboarding-step.active+.onboarding-step:before{background:var(--color-border-strong)}.onboarding-step-circle{border-radius:var(--radius-full);width:1.75rem;height:1.75rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;z-index:1;background:var(--bento-tile);color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:flex}.onboarding-step.active .onboarding-step-circle{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.onboarding-step.done .onboarding-step-circle{background:var(--bento-tile-raised);color:var(--color-text-secondary)}.onboarding-step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;font-weight:var(--font-weight-medium)}.onboarding-step.active .onboarding-step-label{color:var(--color-text-primary)}.onboarding-step.done .onboarding-step-label{color:var(--color-text-secondary)}.onboarding-card{background:var(--bento-tile);border-radius:var(--radius-tile);padding:var(--space-6);color:var(--color-text-primary)}.onboarding-section-title{margin:var(--space-5) 0 var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.onboarding-section-title:first-of-type{margin-top:0}.onboarding-chips{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.onboarding-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bento-tile-raised);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:var(--space-1);display:inline-flex}.onboarding-chip:hover{color:var(--color-text-primary)}.onboarding-chip.selected{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.onboarding-chip-check{font-size:var(--font-size-xs)}.onboarding-selected-tags{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.onboarding-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bento-tile-raised);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);display:inline-flex}.onboarding-tag-remove{cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1;font-family:var(--font-family);background:0 0;border:none;padding:0}.onboarding-tag-remove:hover{color:var(--color-error-text)}.onboarding-example-card{border:none;border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-3);margin-bottom:var(--space-4)}.onboarding-example-label{padding:var(--space-1) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;display:block}.onboarding-example-body{padding:var(--space-2) 0 0;gap:var(--space-2);flex-direction:column;display:flex}.onboarding-example-do,.onboarding-example-dont{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);display:flex}.onboarding-example-tag{padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);flex-shrink:0}.onboarding-example-tag.do{background:var(--color-success-bg);color:var(--color-success-text)}.onboarding-example-tag.dont{background:var(--color-error-bg);color:var(--color-error-text)}.onboarding-pair-cards{gap:var(--space-3);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-3);margin-bottom:var(--space-3);align-items:flex-start;display:flex}.onboarding-pair-card{padding:var(--space-1) 0;flex:1;min-width:0}.onboarding-pair-card.do{border-left:3px solid var(--color-success);padding-left:var(--space-2)}.onboarding-pair-card.dont{border-left:3px solid var(--color-error);padding-left:var(--space-2)}.onboarding-pair-label{margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);display:block}.onboarding-pair-card.do .onboarding-pair-label{color:var(--color-success-text)}.onboarding-pair-card.dont .onboarding-pair-label{color:var(--color-error-text)}.onboarding-pair-card input,.onboarding-audience-card-header input,.onboarding-audience-card-body input,.onboarding-field-row input[type=text],.onboarding-field-row input[type=url],.onboarding-pair-row input[type=text],.onboarding-swatch-row input[type=text]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--bento-tile-raised);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);line-height:var(--line-height-tight);transition:border-color var(--transition-fast)}.onboarding-pair-card input{width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.onboarding-pair-card input:focus,.onboarding-audience-card-header input:focus,.onboarding-audience-card-body input:focus,.onboarding-field-row input:focus,.onboarding-pair-row input:focus,.onboarding-swatch-row input:focus{outline:none}.onboarding-pair-card input::placeholder,.onboarding-audience-card-header input::placeholder,.onboarding-audience-card-body input::placeholder,.onboarding-field-row input::placeholder,.onboarding-pair-row input::placeholder,.onboarding-swatch-row input::placeholder{color:var(--color-text-muted)}.onboarding-audience-card{border:none;border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-3);margin-bottom:var(--space-3)}.onboarding-audience-card-header{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;display:flex}.onboarding-audience-card-num{border-radius:var(--radius-full);background:var(--color-accent);width:1.5rem;height:1.5rem;color:var(--color-accent-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-audience-card-header input{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);flex:1}.onboarding-audience-card-body{padding:var(--space-2) 0 0;gap:var(--space-2);flex-direction:column;display:flex}.onboarding-audience-card-body input{width:100%}.onboarding-audience-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-label)}.onboarding-audience-textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--bento-tile-raised);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);line-height:var(--line-height-normal);resize:vertical;min-height:3rem;transition:border-color var(--transition-fast)}.onboarding-audience-textarea:focus{outline:none}.onboarding-audience-textarea::placeholder{color:var(--color-text-muted)}.onboarding-example-line{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);display:flex}.onboarding-example-field{width:6rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;flex-shrink:0;padding-top:1px}.onboarding-card section h2{margin:0 0 var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.onboarding-hint{margin:0 0 var(--space-4);color:var(--color-text-label);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.onboarding-field-row,.onboarding-swatch-row,.onboarding-pair-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.onboarding-field-row input[type=text],.onboarding-field-row input[type=url],.onboarding-pair-row input[type=text],.onboarding-swatch-row input[type=text]{min-width:var(--field-min-width);flex:1}.onboarding-swatch-row input[type=color]{width:var(--swatch-width);height:var(--swatch-height);padding:var(--swatch-padding);border-radius:var(--radius-lg);background:var(--bento-tile-raised);cursor:pointer;flex-shrink:0}.onboarding-btn-remove{padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);background:var(--bento-tile-raised);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0}.onboarding-btn-remove:hover{color:var(--color-error-text);background:var(--color-error-bg)}.onboarding-btn-add{margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border:var(--border-width) dashed var(--bento-border-strong);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;font-family:var(--font-family);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0}.onboarding-btn-add:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.onboarding-nav{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);display:flex}.onboarding-nav-spacer{flex:1}.onboarding-nav-right{align-items:center;gap:var(--space-3);display:flex}.onboarding-btn-skip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none}.onboarding-btn-skip:hover{color:var(--color-text-secondary)}.onboarding-btn-back{padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);background:var(--bento-tile-raised);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast), color var(--transition-fast)}.onboarding-btn-back:hover{color:var(--color-text-primary);background:var(--bento-tile-hover)}.onboarding-btn-next{padding:var(--space-2) var(--space-6);border-radius:var(--radius-xl);background:var(--color-accent);color:var(--color-accent-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast);border:none}.onboarding-btn-next:hover:not(:disabled){background:var(--color-accent-hover)}.onboarding-btn-next:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.onboarding-error{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-tile-sm);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-base)}.onboarding-review-grid{flex-direction:column;display:flex}.onboarding-review-section{padding:var(--space-3) 0}.onboarding-review-section+.onboarding-review-section{border-top:var(--border-width) solid var(--color-border)}.onboarding-review-section h3{margin:0 0 var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.onboarding-review-section p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.onboarding-spinner{min-height:var(--min-height-page);text-align:center;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.onboarding-spinner h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.onboarding-spinner p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.onboarding-spinner-ring{border:3px solid var(--color-border);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}