.round.svelte-1uw2gaw{position:relative;display:flex;flex-direction:column;width:100%}.streak.svelte-1uw2gaw{position:absolute;top:0;left:0;z-index:1;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;color:var(--accent);font-family:var(--type-mono, monospace);font-size:.82rem;font-weight:700;line-height:1;opacity:0;transform:translateY(-2px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.streak.show.svelte-1uw2gaw{opacity:1;transform:translateY(0)}.streak-flame.svelte-1uw2gaw{font-size:.9em}.streak-count.svelte-1uw2gaw{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.streak.svelte-1uw2gaw{transform:none;transition:opacity .25s ease}.streak.show.svelte-1uw2gaw{transform:none}}.top-row.svelte-1uw2gaw{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.4rem}.exit-btn.svelte-1uw2gaw{font-size:.75rem;padding:.3rem .7rem}.note-track.svelte-1uw2gaw{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin:0 0 .9rem}.note-tile.svelte-1uw2gaw{position:relative;flex:1 1 70px;min-width:70px;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:.42rem;padding:.5rem .4rem .55rem;background:color-mix(in srgb,var(--fg) 3%,transparent);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:.45rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.note-tile-label.svelte-1uw2gaw{font-family:var(--type-mono, monospace);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--muted-fg);transition:color .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-tile-segments.svelte-1uw2gaw{display:flex;gap:.2rem;width:100%;padding:0 .1rem}.seg.svelte-1uw2gaw{flex:1;height:4px;background:color-mix(in srgb,var(--fg) 12%,transparent);border-radius:2px;transition:background .25s ease,transform .25s ease}.seg.filled.svelte-1uw2gaw{background:var(--accent)}.note-tile.mastered.svelte-1uw2gaw{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);animation:svelte-1uw2gaw-tile-master .55s cubic-bezier(.34,1.56,.64,1)}.note-tile.mastered.svelte-1uw2gaw .note-tile-label:where(.svelte-1uw2gaw){color:var(--accent)}.note-tile.mastered.svelte-1uw2gaw .seg.filled:where(.svelte-1uw2gaw){background:var(--accent)}@keyframes svelte-1uw2gaw-tile-master{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}40%{transform:scale(1.08);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.note-tile.mastered.svelte-1uw2gaw{animation:none}}.note-tile-check.svelte-1uw2gaw{position:absolute;top:.32rem;right:.36rem;display:inline-flex;align-items:center;justify-content:center;width:.95rem;height:.95rem;color:var(--accent);border-radius:999px}.note-tile.failed.svelte-1uw2gaw:not(.mastered){border-color:color-mix(in srgb,var(--danger) 32%,transparent)}.note-tile.failed.svelte-1uw2gaw:not(.mastered) .note-tile-label:where(.svelte-1uw2gaw){color:color-mix(in srgb,var(--danger) 60%,var(--fg))}@media(prefers-reduced-motion:reduce){.seg.svelte-1uw2gaw,.note-tile.svelte-1uw2gaw{transition:none}}.melody-title.svelte-1uw2gaw{margin:.1rem 0 .6rem;font-size:.95rem;font-weight:500;color:var(--fg);text-align:center;letter-spacing:.01em}.piano-wrap.svelte-1uw2gaw{width:100%;--piano-frame: color-mix(in srgb, var(--piano-frame) 88%, var(--accent))}.piano-wrap.svelte-1uw2gaw .piano{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 18px 36px -16px color-mix(in srgb,var(--accent-very-dark) 30%,transparent),inset 0 1px #ffffff12}.piano-wrap.svelte-1uw2gaw .white-key:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 11%,var(--white))}.piano-wrap.svelte-1uw2gaw .black-key:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 28%,var(--black))}.controls.svelte-1uw2gaw{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:.85rem}.play-btn.svelte-1uw2gaw{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:min(100%,24rem);padding:1rem 2.6rem;background:transparent;color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);border-radius:999px;font-family:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform 80ms ease}.play-btn.primary.svelte-1uw2gaw{background:var(--accent);color:var(--white, #fff);border-color:var(--accent);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--accent-very-dark, var(--accent)) 50%,transparent);animation:svelte-1uw2gaw-cta-breathe 3s ease-in-out infinite}@keyframes svelte-1uw2gaw-cta-breathe{0%,to{box-shadow:0 8px 20px -8px color-mix(in srgb,var(--accent-very-dark, var(--accent)) 50%,transparent)}50%{box-shadow:0 10px 28px -8px color-mix(in srgb,var(--accent-very-dark, var(--accent)) 75%,transparent)}}@media(prefers-reduced-motion:reduce){.play-btn.primary.svelte-1uw2gaw{animation:none}}.play-btn.primary.svelte-1uw2gaw:hover:not(:disabled){background:var(--accent-dark, var(--accent))}.play-btn.svelte-1uw2gaw:not(.primary):hover:not(:disabled){background:color-mix(in srgb,var(--fg) 5%,transparent);border-color:color-mix(in srgb,var(--fg) 35%,transparent)}.play-btn.svelte-1uw2gaw:active:not(:disabled){transform:translateY(1px)}.play-btn.svelte-1uw2gaw:disabled{opacity:.55;cursor:not-allowed}.play-icon.svelte-1uw2gaw{font-size:.78em;line-height:1;transform:translateY(-1px)}.prompt.svelte-1uw2gaw{margin:0 0 .9rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.5rem;text-align:center;font-size:1.4rem;font-weight:600;line-height:1.3;min-height:1.8em;color:var(--fg);transition:color .12s ease-out}.pre-hint.svelte-1uw2gaw{color:var(--muted-fg);font-size:.8em;font-weight:500}.prompt.teaching.svelte-1uw2gaw{color:var(--accent)}.reveal-line.svelte-1uw2gaw{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.18em;transition:text-decoration-color .15s ease-out}.reveal-line.sounding.svelte-1uw2gaw{text-decoration-color:currentColor}.reveal-line.ok.svelte-1uw2gaw{color:var(--success)}.reveal-line.no.svelte-1uw2gaw{color:var(--danger)}