.octave-keyboard.svelte-f8skb1{--white-w:clamp(1.9rem, 7vw, 3.4rem);--black-w:calc(var(--white-w) * .62);--white-h:clamp(5.5rem, 18vw, 9rem);--black-h:calc(var(--white-h) * .62);width:calc(8 * var(--white-w));height:var(--white-h);touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;display:flex;position:relative}.key.svelte-f8skb1{cursor:pointer;border:none;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;padding:0;transition:background 80ms,box-shadow 80ms;display:flex}.white.svelte-f8skb1{width:var(--white-w);height:var(--white-h);z-index:1;background:#fff;border:1px solid #dbdbdb;border-radius:0 0 6px 6px;padding-bottom:.55rem}.white.svelte-f8skb1+.white:where(.svelte-f8skb1){border-left:none}.white.pressed.svelte-f8skb1,.white.state-active.svelte-f8skb1{background:#fcefe8}.white.state-correct.svelte-f8skb1{background:#d7f4e3}.white.state-wrong.svelte-f8skb1{background:#f8dddd}.black.svelte-f8skb1{width:var(--black-w);height:var(--black-h);z-index:2;background:#242424;border:1px solid #141414;border-radius:0 0 4px 4px;padding-bottom:.4rem;position:absolute;top:0}.black.pressed.svelte-f8skb1,.black.state-active.svelte-f8skb1{background:#72391d}.black.state-correct.svelte-f8skb1{background:#1c5f38}.black.state-wrong.svelte-f8skb1{background:#721d1d}.kbd.svelte-f8skb1{color:#707a8f;opacity:.7;font-family:ui-monospace,monospace;font-size:.62rem;font-weight:600}.black-kbd.svelte-f8skb1{color:#ccc}.score-wrap.svelte-1f9s87b{justify-content:center;align-items:center;min-height:180px;display:flex;position:relative}.score-instance.svelte-1f9s87b{width:100%;max-width:720px;margin:0 auto}.score-instance.svelte-1f9s87b svg{width:100%;height:auto;display:block}.pulse-ring.svelte-1f9s87b{animation:.8s ease-in-out 3 svelte-1f9s87b-hero-drill-pulse}@keyframes svelte-1f9s87b-hero-drill-pulse{0%,to{outline-offset:4px;outline:3px solid #22c55e00}50%{outline-offset:6px;outline:3px solid #22c55ea6}}@media (prefers-reduced-motion:reduce){.pulse-ring.svelte-1f9s87b{animation:none}}
