.tutorial-indicator[data-v-45e8706f]{animation:gentle-pulse-45e8706f 2s ease-in-out infinite;max-width:320px;position:absolute;z-index:var(--z-toast)}@keyframes gentle-pulse-45e8706f{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.tutorial-indicator.bottom[data-v-45e8706f]{left:50%;top:calc(100% + 16px);transform:translate(-50%)}.tutorial-indicator.top[data-v-45e8706f]{bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.tutorial-indicator.left[data-v-45e8706f]{right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tutorial-indicator.right[data-v-45e8706f]{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.indicator-content[data-v-45e8706f]{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #6366f1;border-radius:12px;box-shadow:0 8px 32px #6366f14d,0 0 0 1px #6366f11a;padding:var(--spacing-lg)}.indicator-header[data-v-45e8706f]{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.indicator-icon[data-v-45e8706f]{flex-shrink:0;font-size:20px}.indicator-header h4[data-v-45e8706f]{color:#fff;flex:1;font-size:var(--text-base);font-weight:600;margin:0}.close-btn[data-v-45e8706f]{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;min-height:auto;min-width:auto;padding:0;transition:color .2s;width:24px}.close-btn[data-v-45e8706f]:hover{color:#fff}.indicator-content p[data-v-45e8706f]{color:#fffc;font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--spacing-md) 0}.indicator-actions[data-v-45e8706f]{display:flex;gap:var(--spacing-sm)}.action-btn[data-v-45e8706f]{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:var(--text-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.action-btn.primary[data-v-45e8706f]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-btn.primary[data-v-45e8706f]:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.action-btn.secondary[data-v-45e8706f]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:#fffc}.action-btn.secondary[data-v-45e8706f]:hover{background:#ffffff26;color:#fff}.indicator-arrow[data-v-45e8706f]{background:#1a1a2e;border:2px solid #6366f1;height:16px;position:absolute;transform:rotate(45deg);width:16px}.tutorial-indicator.bottom .indicator-arrow[data-v-45e8706f]{border-bottom:none;border-right:none;left:50%;margin-left:-8px;top:-10px}.tutorial-indicator.top .indicator-arrow[data-v-45e8706f]{border-left:none;border-top:none;bottom:-10px;left:50%;margin-left:-8px}.tutorial-indicator.left .indicator-arrow[data-v-45e8706f]{border-bottom:none;border-left:none;margin-top:-8px;right:-10px;top:50%}.tutorial-indicator.right .indicator-arrow[data-v-45e8706f]{border-right:none;border-top:none;left:-10px;margin-top:-8px;top:50%}.indicator-enter-active[data-v-45e8706f],.indicator-leave-active[data-v-45e8706f]{transition:all .3s ease}.indicator-enter-from[data-v-45e8706f],.indicator-leave-to[data-v-45e8706f]{opacity:0;transform:translateY(10px)}@media(max-width:768px){.tutorial-indicator[data-v-45e8706f]{inset:auto auto 20px 50%;max-width:calc(100vw - 40px);position:fixed;transform:translate(-50%)}.indicator-arrow[data-v-45e8706f]{display:none}}