.tutorial-overlay.svelte-8vydi{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem;animation:svelte-8vydi-fadeIn .3s ease-out}.spotlight.svelte-8vydi{border-radius:8px;box-shadow:0 0 0 9999px #000000b3;animation:svelte-8vydi-pulse 2s infinite;pointer-events:none;position:fixed}.tutorial-content.svelte-8vydi{background:#fff;border-radius:8px;padding:2rem;max-width:400px;margin-top:120px;box-shadow:0 10px 15px #0000001a;text-align:center;animation:svelte-8vydi-slideDown .4s ease-out .2s both}.tutorial-content.svelte-8vydi h3:where(.svelte-8vydi){margin:0 0 1rem;color:#2d3748;font-size:1.25rem;font-weight:600}.tutorial-content.svelte-8vydi p:where(.svelte-8vydi){margin:0 0 1.5rem;color:#4a5568;line-height:1.6}.tutorial-actions.svelte-8vydi{display:flex;justify-content:center}.tutorial-arrow.svelte-8vydi{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid white;animation:svelte-8vydi-bounce 1s infinite 1s;pointer-events:none}@keyframes svelte-8vydi-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-8vydi-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-8vydi-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes svelte-8vydi-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 960px){.tutorial-overlay.svelte-8vydi{padding:1rem}.tutorial-content.svelte-8vydi{margin-top:100px;max-width:300px;padding:1.5rem}}