.onboarding-tour{position:fixed;inset:0;z-index:9999;pointer-events:none}.onboarding-overlay{position:fixed;inset:0;pointer-events:auto}.onboarding-overlay--full{background-color:rgba(0,0,0,.7)}.onboarding-spotlight-svg{position:absolute;inset:0;width:100%;height:100%}.onboarding-spotlight-border{position:fixed;border:2px solid var(--color-primary,#3b82f6);border-radius:8px;box-shadow:0 0 0 4px rgba(59,130,246,.3);animation:spotlight-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 4px rgba(59,130,246,.3)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.15)}}.onboarding-tooltip{position:fixed;width:320px;max-width:calc(100vw - 40px);padding:1.25rem;background-color:var(--color-surface,#ffffff);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1);pointer-events:auto;z-index:10000;animation:tooltip-enter .3s ease-out}@keyframes tooltip-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-tooltip:before{content:"";position:absolute;width:12px;height:12px;background-color:var(--color-surface,#ffffff);transform:rotate(45deg)}.onboarding-tooltip--top:before{bottom:-6px;left:50%;margin-left:-6px}.onboarding-tooltip--bottom:before{top:-6px;left:50%;margin-left:-6px}.onboarding-tooltip--left:before{right:-6px;top:50%;margin-top:-6px}.onboarding-tooltip--right:before{left:-6px;top:50%;margin-top:-6px}.onboarding-tooltip--center:before{display:none}.onboarding-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.onboarding-progress-text{font-size:.75rem;color:var(--color-text-secondary,#6b7280);font-weight:500}.onboarding-progress-bar{display:flex;gap:4px}.onboarding-progress-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border,#e5e7eb);transition:background-color .2s ease}.onboarding-progress-dot--active{background-color:var(--color-primary,#3b82f6)}.onboarding-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary,#111827);line-height:1.4}.onboarding-description{margin:0 0 1.25rem;font-size:.9375rem;color:var(--color-text-secondary,#4b5563);line-height:1.6}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.onboarding-actions-nav{display:flex;gap:.5rem}.onboarding-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none;outline:none}.onboarding-button:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.onboarding-button--skip{background-color:transparent;color:var(--color-text-secondary,#6b7280)}.onboarding-button--prev,.onboarding-button--skip:hover{background-color:var(--color-hover,#f3f4f6)}.onboarding-button--prev{color:var(--color-text-primary,#374151)}.onboarding-button--prev:hover{background-color:var(--color-border,#e5e7eb)}.onboarding-button--next{background-color:var(--color-primary,#3b82f6);color:#ffffff}.onboarding-button--next:hover{background-color:var(--color-primary-hover,#2563eb)}.dark .onboarding-tooltip,:root[data-theme=dark] .onboarding-tooltip{--color-surface:#1f2937;--color-text-primary:#f9fafb;--color-text-secondary:#9ca3af;--color-border:#374151;--color-hover:#374151}.dark .onboarding-spotlight-border,:root[data-theme=dark] .onboarding-spotlight-border{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.3)}@media (max-width:640px){.onboarding-tooltip{position:fixed;bottom:20px!important;left:20px!important;right:20px!important;top:auto!important;width:auto;max-width:none}.onboarding-progress-bar,.onboarding-tooltip:before{display:none}.onboarding-actions{flex-direction:column-reverse;gap:.5rem}.onboarding-actions-nav{width:100%;justify-content:stretch}.onboarding-button--next,.onboarding-button--prev{flex:1 1}.onboarding-button--skip{width:100%;text-align:center}}@media (prefers-reduced-motion:reduce){.onboarding-spotlight-border,.onboarding-tooltip{animation:none}.onboarding-button,.onboarding-progress-dot{transition:none}}@media print{.onboarding-tour{display:none}}