.tutorial-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);pointer-events:all;background:#0f172a66;width:100vw;height:100vh;animation:.3s tutorialFadeIn;position:fixed;top:0;left:0}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-highlight{pointer-events:none;border:2px solid var(--color_default,#6366f1);z-index:10000;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 0 0 9999px #0f172a80}.tutorial-popup{-webkit-backdrop-filter:blur(16px);z-index:10001;color:#1e293b;background:#ffffffd9;border:1px solid #ffffff4d;border-radius:20px;width:320px;padding:24px;transition:all .3s;position:absolute;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tutorial-popup.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-popup.at-target{animation:.3s popupSlide}@keyframes popupSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-step-counter{text-transform:uppercase;color:var(--color_default,#6366f1);letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.tutorial-title{margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.2}.tutorial-content{color:#475569;margin-bottom:24px;font-size:15px;line-height:1.6}.tutorial-actions{justify-content:space-between;align-items:center;display:flex}.tutorial-nav{gap:12px;display:flex}.tutorial-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.tutorial-btn-next{background:var(--color_default,#6366f1);color:#fff}.tutorial-btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.tutorial-btn-back{color:#475569;background:#f1f5f9}.tutorial-btn-skip{color:#94a3b8;background:0 0;padding-left:0}.tutorial-btn-skip:hover{color:#ef4444}.dark-mode .tutorial-popup{color:#f8fafc;background:#0f172ad9;border:1px solid #ffffff1a}.dark-mode .tutorial-content{color:#94a3b8}.dark-mode .tutorial-btn-back{color:#f1f5f9;background:#334155}