.z-tutorial-backdrop{z-index:9999}.z-tutorial-spotlight{z-index:10000}.z-tutorial-panel{z-index:10001}.z-tutorial-tooltip{z-index:10002}.tutorial-target-active{box-shadow:0 0 0 4px hsl(var(--primary)/.5);animation:tutorial-target-glow 2s ease-in-out infinite}.tutorial-target-active,.tutorial-target-border{position:relative;z-index:10001;border-radius:var(--radius,6px)}.tutorial-target-border{outline:2px solid hsl(var(--primary));outline-offset:2px}.tutorial-target-pulse{position:relative;z-index:10001;animation:tutorial-pulse 1.5s ease-in-out infinite}@keyframes tutorial-target-glow{0%,to{box-shadow:0 0 0 4px hsl(var(--primary)/.5)}50%{box-shadow:0 0 0 6px hsl(var(--primary)/.3)}}@keyframes tutorial-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes tutorial-spotlight-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}@keyframes tutorial-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-slide-in-right{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes tutorial-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tutorial-fade-in{animation:tutorial-fade-in .2s ease-out forwards}.tutorial-slide-up{animation:tutorial-slide-up .3s ease-out forwards}.tutorial-slide-in-right{animation:tutorial-slide-in-right .3s ease-out forwards}.tutorial-scale-in{animation:tutorial-scale-in .2s ease-out forwards}.tutorial-spotlight-pulse{animation:tutorial-spotlight-pulse 2s ease-in-out infinite}@keyframes tutorial-success-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes tutorial-success-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.tutorial-success-animation{animation:tutorial-success-pop .4s ease-out forwards}.tutorial-success-ring{animation:tutorial-success-ring .6s ease-out forwards}@keyframes tutorial-waiting-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes tutorial-waiting-dot{0%,20%{opacity:.3}50%{opacity:1}80%,to{opacity:.3}}.tutorial-waiting-pulse{animation:tutorial-waiting-pulse 2s ease-in-out infinite}.tutorial-waiting-dot-1{animation:tutorial-waiting-dot 1.4s ease-in-out infinite}.tutorial-waiting-dot-2{animation:tutorial-waiting-dot 1.4s ease-in-out .2s infinite}.tutorial-waiting-dot-3{animation:tutorial-waiting-dot 1.4s ease-in-out .4s infinite}.tutorial-step-enter{opacity:0;transform:translateY(8px)}.tutorial-step-active{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.tutorial-step-exit{opacity:0;transform:translateY(-8px);transition:opacity .15s ease-in,transform .15s ease-in}.tutorial-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);transition:opacity .3s ease-out}.tutorial-backdrop-enter{opacity:0}.tutorial-backdrop-active{opacity:1}.tutorial-tooltip-positioned{transition:left .2s ease-out,top .2s ease-out}.tutorial-spotlight-overlay{position:fixed;inset:0;pointer-events:none}.tutorial-spotlight-overlay.allow-click-through{pointer-events:none}.tutorial-spotlight-cutout,.tutorial-spotlight-overlay:not(.allow-click-through){pointer-events:auto}.tutorial-tooltip{position:fixed;max-width:320px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius,8px);box-shadow:0 10px 25px -5px rgb(0 0 0/.3),0 8px 10px -6px rgb(0 0 0/.2);overflow:hidden}.tutorial-tooltip-arrow{position:absolute;width:12px;height:12px;background:hsl(var(--card));border:1px solid hsl(var(--border));transform:rotate(45deg)}.tutorial-tooltip-arrow.arrow-top{bottom:-7px;border-top:none;border-left:none}.tutorial-tooltip-arrow.arrow-bottom{top:-7px;border-bottom:none;border-right:none}.tutorial-tooltip-arrow.arrow-left{right:-7px;border-top:none;border-left:none}.tutorial-tooltip-arrow.arrow-right{left:-7px;border-bottom:none;border-right:none}.tutorial-centered-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:calc(100% - 32px);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius,8px);box-shadow:0 25px 50px -12px rgb(0 0 0/.4)}.tutorial-action-box{background:hsl(var(--primary)/.1);border:1px solid hsl(var(--primary)/.3);border-radius:var(--radius,6px);padding:8px 12px;margin-top:8px}.tutorial-action-box-text{color:hsl(var(--primary));font-size:.875rem;font-weight:500}.tutorial-hint-box{background:hsl(var(--warning)/.1);border:1px solid hsl(var(--warning)/.3);border-radius:var(--radius,6px);padding:8px 12px;margin-top:8px}.tutorial-hint-text{color:hsl(var(--warning));font-size:.875rem}.tutorial-progress-dots{display:flex;gap:4px;align-items:center}.tutorial-progress-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--muted-foreground)/.3);transition:background .2s ease}.tutorial-progress-dot.active{background:hsl(var(--primary))}.tutorial-progress-dot.completed{background:hsl(var(--primary)/.6)}.tutorial-difficulty-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:500}.tutorial-difficulty-badge.beginner{background:hsl(142 76% 36%/.1);color:hsl(142 76% 36%)}.tutorial-difficulty-badge.intermediate{background:hsl(45 93% 47%/.1);color:hsl(45 93% 47%)}.tutorial-difficulty-badge.advanced{background:hsl(262 83% 58%/.1);color:hsl(262 83% 58%)}.tutorial-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius,8px);padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.tutorial-card:hover{border-color:hsl(var(--primary)/.5);box-shadow:0 4px 12px -2px rgb(0 0 0/.15)}.tutorial-card.featured{border-color:hsl(var(--primary)/.3);background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--primary)/.05) 100%)}.tutorial-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:500}.tutorial-status-badge.completed{background:hsl(142 76% 36%/.1);color:hsl(142 76% 36%)}.tutorial-status-badge.in-progress{background:hsl(217 91% 60%/.1);color:hsl(217 91% 60%)}.tutorial-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;color:hsl(var(--muted-foreground))}