@keyframes svelte-116uhib-page-in{0%{opacity:0;transform:translateY(6px)}}.tutorial.svelte-116uhib{text-align:center;max-width:100%;padding:2rem 1rem 3rem;animation:.4s ease-out svelte-116uhib-page-in}.tut-header.svelte-116uhib{margin-bottom:1.5rem}.tut-title.svelte-116uhib{color:var(--color-accent);margin-bottom:.2rem;font-size:1.5rem;font-weight:400}.tut-progress.svelte-116uhib{color:var(--color-text-faint);font-size:.75rem}.lesson-card.svelte-116uhib{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:420px;box-shadow:var(--shadow-soft);margin:0 auto;padding:2rem;position:relative}.lesson-step.svelte-116uhib{background:var(--color-accent);width:24px;height:24px;color:var(--color-bg);font-size:.7rem;font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lesson-title.svelte-116uhib{color:var(--color-text);margin-bottom:.4rem;font-size:1.1rem;font-weight:400}.lesson-instruction.svelte-116uhib{color:var(--color-text-muted);font-size:.88rem;line-height:1.7}.key-hint.svelte-116uhib{margin-top:1rem}.kbd.svelte-116uhib{font-family:var(--font-serif);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-accent);letter-spacing:.12em;padding:.3rem .8rem;font-size:.9rem}.lesson-done.svelte-116uhib{color:var(--color-success);margin-top:.75rem;font-size:.85rem}.piano-area.svelte-116uhib{max-width:100%;margin:0 auto}.tut-nav.svelte-116uhib{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.nav-btn.svelte-116uhib{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1.25rem;font-size:.85rem;text-decoration:none}.nav-btn.svelte-116uhib:hover:not(:disabled){border-color:var(--color-accent-dim);color:var(--color-accent)}.nav-btn.svelte-116uhib:disabled{opacity:.4;cursor:not-allowed}.nav-btn.primary.svelte-116uhib{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);box-shadow:0 2px 10px #d4b89626}.nav-btn.primary.svelte-116uhib:hover{background:var(--color-accent-bright);transform:translateY(-1px)}.dots.svelte-116uhib{gap:.3rem;display:flex}.dot.svelte-116uhib{background:var(--color-border);border-radius:50%;width:6px;height:6px;transition:all .2s}.dot.active.svelte-116uhib{background:var(--color-accent);border-radius:var(--radius-sm);width:16px}.dot.done.svelte-116uhib{background:var(--color-success)}@media (width<=480px){.tutorial.svelte-116uhib{padding:1.5rem 1rem 3rem}.tut-title.svelte-116uhib{font-size:1.3rem}.lesson-card.svelte-116uhib{padding:1.5rem 1rem}.lesson-title.svelte-116uhib{font-size:1rem}.lesson-instruction.svelte-116uhib{font-size:.82rem}}