@media(max-height:700px){.max-h-\[60vh\][data-v-ac4f75d3]{max-height:50vh}}.tutorial-overlay[data-v-eed48600]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:1000}.tutorial-modal[data-v-eed48600]{background:linear-gradient(145deg,#fff,#f9fafb);border-radius:1.5rem;box-shadow:0 20px 60px #0000004d,12px 12px 24px #d1d5db,-12px -12px 24px #fff;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.dark{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:0 20px 60px #00000080,12px 12px 24px #0000004d,-12px -12px 24px #4b556333}.tutorial-header[data-v-eed48600]{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.dark{border-bottom-color:#4b5563}.tutorial-header h2[data-v-eed48600]{background:linear-gradient(135deg,#9333ea,#c084fc);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-btn[data-v-eed48600]{align-items:center;background:linear-gradient(145deg,#f9fafb,#e5e7eb);border:none;border-radius:50%;box-shadow:4px 4px 8px #d1d5db,-4px -4px 8px #fff;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem}.close-btn[data-v-eed48600]:hover{color:#9333ea;transform:scale(1.05)}.close-btn[data-v-eed48600]:active{box-shadow:inset 4px 4px 8px #d1d5db,inset -4px -4px 8px #fff}.tutorial-content[data-v-eed48600]{min-height:350px;padding:2rem}.tutorial-step[data-v-eed48600]{animation:slideIn-eed48600 .3s ease-out}@keyframes slideIn-eed48600{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-icon[data-v-eed48600]{font-size:3rem;margin-bottom:1rem;text-align:center}.tutorial-step h3[data-v-eed48600]{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center}.dark{color:#f9fafb}.tutorial-step p[data-v-eed48600]{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1rem}.frequency-examples[data-v-eed48600]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.example-card[data-v-eed48600]{background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:.75rem;box-shadow:4px 4px 8px #d1d5db,-4px -4px 8px #fff;display:flex;flex:1;flex-direction:column;gap:.5rem;min-width:150px;padding:.75rem;text-align:center}.dark{background:linear-gradient(145deg,#4b5563,#374151);box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #4b556333}.example-icon[data-v-eed48600]{font-size:1.5rem}.example-text[data-v-eed48600]{color:#6b7280;font-size:.875rem}.dark{color:#d1d5db}.warning-box[data-v-eed48600]{background:linear-gradient(145deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:.5rem;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.dark{background:linear-gradient(145deg,#78350f,#92400e)}.warning-icon[data-v-eed48600]{flex-shrink:0;font-size:1.5rem}.warning-box strong[data-v-eed48600]{color:#92400e}.dark{color:#fde68a}.tips-list[data-v-eed48600]{list-style:none;margin:1rem 0;padding:0}.tips-list li[data-v-eed48600]{padding:.5rem 0 .5rem 1.5rem;position:relative}.tips-list li[data-v-eed48600]:before{color:#9333ea;content:"✓";font-weight:700;left:0;position:absolute}.tip-note[data-v-eed48600]{background:linear-gradient(145deg,#faf5ff,#f3e8ff);border-left:4px solid #9333ea;border-radius:.5rem;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.feature-highlights[data-v-eed48600]{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.feature-item[data-v-eed48600]{align-items:center;background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:.75rem;box-shadow:4px 4px 8px #d1d5db,-4px -4px 8px #fff;color:#4b5563;display:flex;gap:.75rem;padding:.75rem 1rem}.feature-icon[data-v-eed48600]{font-size:1.5rem}.tutorial-footer[data-v-eed48600]{align-items:center;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.dark{border-top-color:#4b5563}.step-indicators[data-v-eed48600]{display:flex;gap:.5rem}.step-dot[data-v-eed48600]{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:.75rem;padding:0;transition:all .2s;width:.75rem}.step-dot.active[data-v-eed48600]{background:#9333ea;transform:scale(1.3)}.step-dot[data-v-eed48600]:hover{background:#a855f7}.tutorial-actions[data-v-eed48600]{display:flex;gap:.75rem}.btn-primary[data-v-eed48600],.btn-secondary[data-v-eed48600]{border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.btn-secondary[data-v-eed48600]{background:linear-gradient(145deg,#fff,#f3f4f6);box-shadow:4px 4px 8px #d1d5db,-4px -4px 8px #fff;color:#6b7280}.dark{background:linear-gradient(145deg,#4b5563,#374151);box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #4b556333;color:#d1d5db}.btn-secondary[data-v-eed48600]:hover{color:#9333ea;transform:translateY(-2px)}.btn-primary[data-v-eed48600]{background:linear-gradient(135deg,#9333ea,#c084fc);box-shadow:0 4px 12px #9333ea4d;color:#fff}.btn-primary[data-v-eed48600]:hover{box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.btn-primary[data-v-eed48600]:active,.btn-secondary[data-v-eed48600]:active{transform:translateY(0)}.fade-enter-active[data-v-eed48600],.fade-leave-active[data-v-eed48600]{transition:opacity .3s}.fade-enter-from[data-v-eed48600],.fade-leave-to[data-v-eed48600]{opacity:0}@media(max-width:640px){.tutorial-modal[data-v-eed48600]{border-radius:1rem}.tutorial-header[data-v-eed48600]{padding:1rem 1.5rem}.tutorial-header h2[data-v-eed48600]{font-size:1.25rem}.tutorial-content[data-v-eed48600]{min-height:300px;padding:1.5rem}.tutorial-step h3[data-v-eed48600]{font-size:1.125rem}.tutorial-step p[data-v-eed48600]{font-size:.9375rem}.frequency-examples[data-v-eed48600],.tutorial-footer[data-v-eed48600]{flex-direction:column}.tutorial-footer[data-v-eed48600]{gap:1rem;padding:1rem 1.5rem}.tutorial-actions[data-v-eed48600]{width:100%}.btn-primary[data-v-eed48600],.btn-secondary[data-v-eed48600]{flex:1}}