.rr-beat-circle.svelte-mjyf4n{border:3px solid var(--learn-line,#e2e8f0);background:var(--learn-paper,#fff);border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex;position:relative}.rr-beat-number.svelte-mjyf4n{color:var(--learn-ink-faint,#94a3b8);transition:color .18s}.rr-beat-lit.svelte-mjyf4n{border-color:var(--learn-accent-2,#e0a10f);background:var(--learn-accent-2,#e0a10f);box-shadow:0 0 12px color-mix(in srgb, var(--learn-accent-2,#e0a10f) 50%, transparent);transform:scale(1.2)}.rr-beat-lit.svelte-mjyf4n .rr-beat-number:where(.svelte-mjyf4n){color:#fff}.rr-beat-tapped.svelte-mjyf4n{border-color:var(--learn-correct,#16a34a);background:color-mix(in srgb, var(--learn-correct,#16a34a) 15%, var(--learn-paper,#fff))}.rr-beat-tapped.svelte-mjyf4n .rr-beat-number:where(.svelte-mjyf4n){color:var(--learn-correct,#16a34a)}.rr-drum-btn.svelte-mjyf4n{border:4px solid var(--learn-accent-2,#e0a10f);background:var(--learn-paper,#fff);width:140px;height:140px;color:var(--learn-accent-2,#e0a10f);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform .1s,box-shadow .1s,background .1s;display:flex;box-shadow:0 4px 12px #00000014}.rr-drum-btn.svelte-mjyf4n:hover:not(:disabled){box-shadow:0 6px 20px #0000001f}.rr-drum-btn.svelte-mjyf4n:active:not(:disabled){transform:scale(.92)}.rr-drum-pressed.svelte-mjyf4n{background:color-mix(in srgb, var(--learn-accent-2,#e0a10f) 12%, var(--learn-paper,#fff));transform:scale(.92)}.rr-drum-wiggle.svelte-mjyf4n{animation:.5s svelte-mjyf4n-rr-wiggle}@keyframes svelte-mjyf4n-rr-wiggle{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-2deg)}40%{transform:translate(8px)rotate(2deg)}60%{transform:translate(-5px)rotate(-1deg)}80%{transform:translate(5px)rotate(1deg)}}.rr-celebrate-star.svelte-mjyf4n{color:var(--learn-accent-2,#e0a10f);animation:.75s ease-out both svelte-mjyf4n-rr-star-pop;animation-delay:calc(var(--i) * 60ms)}@keyframes svelte-mjyf4n-rr-star-pop{0%{opacity:0;transform:translateY(6px)scale(.4)}45%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:.9;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.rr-beat-circle.svelte-mjyf4n,.rr-beat-lit.svelte-mjyf4n,.rr-drum-btn.svelte-mjyf4n,.rr-drum-pressed.svelte-mjyf4n{transition:none}.rr-drum-wiggle.svelte-mjyf4n{animation:none}.rr-celebrate-star.svelte-mjyf4n{opacity:.9;animation:none}.rr-beat-lit.svelte-mjyf4n{box-shadow:none;outline:3px solid var(--learn-accent-2,#e0a10f);transform:none}}