.ocKDNq_wrap{position:relative;container-type:inline-size}.ocKDNq_keyboard{width:100%;max-width:100%;height:auto;display:block}.ocKDNq_white{fill:var(--key-white);stroke:var(--key-edge);stroke-width:1px}.ocKDNq_black{fill:var(--key-black);stroke:var(--key-black)}.ocKDNq_white[data-rh],.ocKDNq_black[data-rh]{fill:var(--rh)}.ocKDNq_white[data-lh],.ocKDNq_black[data-lh]{fill:var(--lh)}.ocKDNq_dotRh{fill:var(--rh)}.ocKDNq_dotLh{fill:var(--lh)}.ocKDNq_start{transition:opacity .2s}.ocKDNq_keyboard[data-playing] .ocKDNq_start{opacity:.3}.ocKDNq_fingers circle[data-now]{fill:var(--surface)}.ocKDNq_fingers circle[data-now=rh]+.ocKDNq_fnum{fill:var(--rh-text)}.ocKDNq_fingers circle[data-now=lh]+.ocKDNq_fnum{fill:var(--lh-text)}.ocKDNq_fnum{fill:var(--dot-text);font-family:var(--font-mono);text-anchor:middle;font-size:13px;font-weight:600}.ocKDNq_mid{fill:var(--muted);font-family:var(--font-mono);font-size:10px}
.dllRYG_tempo{align-items:center;gap:6px;display:flex}.dllRYG_tempo button{width:44px;padding:0}.dllRYG_tempo button.dllRYG_reset{width:auto;margin-left:4px;padding:0 12px}.dllRYG_bpm{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;min-width:4.5ch}.dllRYG_bpm small{color:var(--muted);font-size:.75rem}
.hPSvoW_sheet{color:var(--fg);min-width:0;overflow-x:auto}.hPSvoW_sheet svg path,.hPSvoW_sheet svg text,.hPSvoW_sheet svg tspan{fill:var(--fg)}.hPSvoW_sheet svg [stroke]:not([stroke=none]){stroke:var(--fg)}
.P9QnqW_wrap{justify-items:start;gap:12px;width:100%;display:grid}.P9QnqW_keys{width:100%;max-width:420px;position:relative}.P9QnqW_white,.P9QnqW_black{min-height:0;font-family:var(--font-mono);justify-content:center;align-items:flex-end;padding:0 0 10px;font-weight:600;display:flex;position:absolute;top:0}.P9QnqW_white{background:var(--key-white);color:var(--key-black);border:1px solid var(--key-edge);border-radius:0 0 4px 4px}.P9QnqW_white:focus-visible{z-index:1}.P9QnqW_black{z-index:2;background:var(--key-black);color:var(--key-white);border:1px solid var(--key-black);border-radius:0 0 3px 3px;font-size:.8rem}.P9QnqW_white:active,.P9QnqW_black:active{background:var(--rh);border-color:var(--rh)}
.Ia93RW_goal{color:var(--muted)}.Ia93RW_notesText summary{cursor:pointer;width:fit-content;font-weight:600}.Ia93RW_notesText ul{gap:12px;max-width:65ch;margin:12px 0 0;padding-left:1.2em;display:grid}.Ia93RW_notesText p{margin:2px 0 0}.Ia93RW_pager{flex-wrap:wrap;gap:12px;display:flex}.Ia93RW_pager a{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--fg);border-radius:10px;flex:240px;gap:2px;padding:12px 16px;font-weight:700;text-decoration:none;display:grid}.Ia93RW_pager a:hover{border-color:var(--fg)}.Ia93RW_pager small{color:var(--muted);font-weight:400}.Ia93RW_pager .Ia93RW_next{text-align:right}.Ia93RW_pager .Ia93RW_next:only-child{flex-grow:0;margin-left:auto}
._0Kxj1a_wrap{justify-items:start;gap:16px;display:grid}._0Kxj1a_card{width:100%;max-width:280px}._0Kxj1a_feedback{min-height:1.6em;font-weight:700}