.tutorial-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none}.tutorial-overlay:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}.tutorial-highlight{position:relative;z-index:9999;pointer-events:auto}.tutorial-tooltip{position:fixed;z-index:10000;max-width:400px;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.tutorial-trigger{position:fixed;bottom:24px;right:24px;z-index:1000}.tutorial-trigger-minimized{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.tutorial-trigger-minimized:hover{transform:scale(1.1)}.tutorial-trigger-expanded{background:#fff;border-radius:12px;padding:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:320px}.dark .tutorial-trigger-expanded{background:#1e293b;box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}.tutorial-progress{display:flex;gap:4px}.tutorial-progress-dot{width:24px;height:6px;border-radius:3px;background:#e2e8f0;transition:all .3s ease}.tutorial-progress-dot.active{background:#3b82f6}.tutorial-progress-dot.completed{background:#93bbfe}.dark .tutorial-progress-dot{background:#475569}.dark .tutorial-progress-dot.active{background:#3b82f6}.dark .tutorial-progress-dot.completed{background:#1e40af}