.tutorial-overlay.svelte-1cthzev.svelte-1cthzev{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.tutorial-popup.svelte-1cthzev.svelte-1cthzev{position:relative;background-color:var(--surface);width:min(520px,calc(100% - 32px));max-width:520px;text-align:center;box-shadow:6px 6px #000;border:1px solid var(--border);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.tutorial-body.svelte-1cthzev.svelte-1cthzev{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto;min-height:0;text-align:left;padding:24px clamp(18px,4vw,28px)}.tutorial-popup.svelte-1cthzev h2.svelte-1cthzev{font-family:var(--font-heading);margin:1.5rem 0 .75rem;font-size:28px;text-align:left;text-transform:uppercase;color:#252727;width:100%}.tutorial-content.svelte-1cthzev.svelte-1cthzev{text-align:left;margin:0 0 1.5rem;width:100%}.tutorial-step.svelte-1cthzev.svelte-1cthzev{display:flex;flex-direction:column;margin-bottom:1.5rem;align-items:flex-start;font-family:var(--font-heading)}.step-title.svelte-1cthzev.svelte-1cthzev{display:flex;align-items:flex-start;gap:.5rem;font-size:22px}.step-header.svelte-1cthzev.svelte-1cthzev{display:flex;align-items:center;justify-content:start;margin-bottom:.25rem;flex-shrink:0;color:#252727;font-size:22px;text-transform:uppercase}.step-number.svelte-1cthzev.svelte-1cthzev{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-header.svelte-1cthzev h3.svelte-1cthzev{margin:0}.step-content.svelte-1cthzev.svelte-1cthzev{flex:1}.step-content.svelte-1cthzev p.svelte-1cthzev{margin:0;color:var(--text-secondary);font-size:16px;font-weight:500}.mobile-note.svelte-1cthzev.svelte-1cthzev{color:#252727;font-size:16px;font-weight:500;background:#e6e7e7}.close-button.svelte-1cthzev.svelte-1cthzev{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:none}.close-button.svelte-1cthzev svg.svelte-1cthzev{width:16px;height:16px}.tutorial-actions.svelte-1cthzev.svelte-1cthzev{display:flex;align-items:center;justify-content:flex-end;padding:12px clamp(18px,4vw,28px);margin:0;border-top:1px solid var(--border);background-color:var(--surface);flex-shrink:0}.close-button-bottom.svelte-1cthzev.svelte-1cthzev{text-transform:uppercase;background-color:#fff;border:1px solid #adb2b3;border-radius:0;color:#252727;font-family:var(--text-secondary);padding:7.5px 15px;min-height:36px;height:40px;box-shadow:none}@media (max-width: 640px){.tutorial-body.svelte-1cthzev.svelte-1cthzev{padding:20px clamp(16px,6vw,24px)}.tutorial-popup.svelte-1cthzev h2.svelte-1cthzev,.tutorial-content.svelte-1cthzev.svelte-1cthzev{width:100%}.step-header.svelte-1cthzev.svelte-1cthzev,.step-title.svelte-1cthzev.svelte-1cthzev{font-size:18px}.tutorial-actions.svelte-1cthzev.svelte-1cthzev{padding:10px clamp(16px,6vw,22px)}}
