.onboarding-overlay.svelte-wgx9f2{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:svelte-wgx9f2-fadeIn .3s ease-in}@keyframes svelte-wgx9f2-fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal.svelte-wgx9f2{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;max-width:500px;width:100%;padding:2rem;box-shadow:0 20px 60px #0000004d;position:relative;animation:svelte-wgx9f2-slideUp .4s ease-out;color:#fff}@keyframes svelte-wgx9f2-slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn.svelte-wgx9f2{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn.svelte-wgx9f2:hover{background:#ffffff4d;transform:rotate(90deg)}.step-content.svelte-wgx9f2{text-align:center;margin-bottom:2rem;min-height:280px;display:flex;flex-direction:column;justify-content:center}.icon.svelte-wgx9f2{font-size:4rem;margin-bottom:1rem;animation:svelte-wgx9f2-bounce .6s ease-in-out}@keyframes svelte-wgx9f2-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h2.svelte-wgx9f2{font-size:1.5rem;margin-bottom:1rem;font-weight:700;color:#fff}p.svelte-wgx9f2{font-size:1rem;line-height:1.6;color:#fffffff2;margin:0}.progress-dots.svelte-wgx9f2{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.dot.svelte-wgx9f2{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s;padding:0}.dot.active.svelte-wgx9f2{background:#fff;width:30px;border-radius:5px}.dot.svelte-wgx9f2:hover:not(.active){background:#ffffff80}.navigation.svelte-wgx9f2{display:flex;flex-direction:column;gap:1rem}.step-indicator.svelte-wgx9f2{text-align:center;font-size:.9rem;color:#fffc;font-weight:500}.nav-buttons.svelte-wgx9f2{display:flex;gap:.75rem;justify-content:center}button.svelte-wgx9f2{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;font-family:inherit}.btn-primary.svelte-wgx9f2{background:#fff;color:#667eea;flex:1;max-width:200px}.btn-primary.svelte-wgx9f2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.btn-secondary.svelte-wgx9f2{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary.svelte-wgx9f2:hover{background:#ffffff4d}.btn-nav.svelte-wgx9f2{background:#ffffff26;color:#fff;padding:.75rem 1.25rem}.btn-nav.svelte-wgx9f2:hover{background:#ffffff40}@media(max-width:640px){.onboarding-modal.svelte-wgx9f2{padding:1.5rem;margin:1rem;max-height:90vh;overflow-y:auto}.step-content.svelte-wgx9f2{min-height:240px}.icon.svelte-wgx9f2{font-size:3rem}h2.svelte-wgx9f2{font-size:1.25rem}p.svelte-wgx9f2{font-size:.95rem}button.svelte-wgx9f2{padding:.65rem 1.25rem;font-size:.95rem}.nav-buttons.svelte-wgx9f2{flex-direction:column}.btn-primary.svelte-wgx9f2{max-width:100%}}@media(max-width:380px){.onboarding-modal.svelte-wgx9f2{padding:1.25rem}.step-content.svelte-wgx9f2{min-height:220px}.icon.svelte-wgx9f2{font-size:2.5rem}h2.svelte-wgx9f2{font-size:1.1rem}p.svelte-wgx9f2{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.onboarding-overlay.svelte-wgx9f2,.onboarding-modal.svelte-wgx9f2,.icon.svelte-wgx9f2,.close-btn.svelte-wgx9f2,.dot.svelte-wgx9f2,.btn-primary.svelte-wgx9f2{animation:none!important;transition:none!important}}