.choice[data-astro-cid-7uuvosmh]{cursor:pointer;align-items:center;gap:.45rem;min-height:44px;font-size:.85rem;font-weight:600;display:flex}.staff[data-astro-cid-7uuvosmh]{border:1px solid var(--color-line);background:var(--color-score);border-radius:1.1rem;max-width:34rem;min-height:7rem;margin:.75rem auto 0;padding:.5rem .75rem 2.4rem;position:relative}.staff[data-astro-cid-7uuvosmh] svg{width:100%;height:auto;display:block}.note-label[data-astro-cid-7uuvosmh]{font-family:var(--font-display);white-space:nowrap;color:var(--color-accent);font-size:1.3rem;font-weight:800;line-height:1.2;position:absolute;bottom:.45rem;transform:translate(-50%)}.piano[data-astro-cid-7uuvosmh]{-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-rows:1fr;grid-template-columns:repeat(14,minmax(0,1fr));max-width:36rem;height:clamp(8.5rem,30vw,12rem);margin-inline:auto;display:grid}.key[data-astro-cid-7uuvosmh]{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #8a93a6;flex-direction:column;grid-row:1;justify-content:flex-end;align-items:center;gap:.2rem;padding:0 0 .6rem;font-size:.75rem;font-weight:700;display:flex;position:relative}.key[data-astro-cid-7uuvosmh].white{border-color:var(--white-edge);background:var(--white-key);color:#14171f;border-radius:0 0 .6rem .6rem;height:100%;margin-left:-1px}.key[data-astro-cid-7uuvosmh].white:first-child{margin-left:0}.key[data-astro-cid-7uuvosmh].black{z-index:1;border-color:var(--black-key);background:var(--black-key);color:#fff;border-radius:0 0 .4rem .4rem;justify-self:center;width:max(64%,25px);height:60%}.key[data-astro-cid-7uuvosmh].white:hover{background:#f5edd6}.key[data-astro-cid-7uuvosmh].black:hover{background:#343a4a}.key[data-astro-cid-7uuvosmh].white:active{background:#e7dcbc}.key[data-astro-cid-7uuvosmh].black:active{background:#4a5163}.key[data-astro-cid-7uuvosmh]:focus-visible{outline-offset:-7px;outline:3px solid #886e21}.key[data-astro-cid-7uuvosmh].black:focus-visible{outline-color:#d6b656}.key-name[data-astro-cid-7uuvosmh]{color:#525866;font-size:.7rem}.piano[data-astro-cid-7uuvosmh]{--white-key:#fff;--white-edge:#8a93a6;--black-key:#14171f}:root[data-theme=dark] .piano[data-astro-cid-7uuvosmh]{--white-key:#e9edf5;--white-edge:#0b1220;--black-key:#05080f}.mark[data-astro-cid-7uuvosmh]:empty{display:none}.mark[data-astro-cid-7uuvosmh]{font-size:1.05rem;line-height:1}.key[data-astro-cid-7uuvosmh].is-right,.key[data-astro-cid-7uuvosmh].is-right:hover,.name[data-astro-cid-7uuvosmh].is-right,.name[data-astro-cid-7uuvosmh].is-right:hover{color:#14171f;background:#d6b656;border-color:#886e21}.key[data-astro-cid-7uuvosmh].white.is-wrong,.key[data-astro-cid-7uuvosmh].white.is-wrong:hover,.name[data-astro-cid-7uuvosmh].is-wrong,.name[data-astro-cid-7uuvosmh].is-wrong:hover{color:#14171f;background:#d5dae3;border-color:#8a93a6}.key[data-astro-cid-7uuvosmh].black.is-wrong,.key[data-astro-cid-7uuvosmh].black.is-wrong:hover{color:#fff;background:#525866}.key[data-astro-cid-7uuvosmh].is-right .key-name[data-astro-cid-7uuvosmh],.key[data-astro-cid-7uuvosmh].is-wrong .key-name[data-astro-cid-7uuvosmh]{color:inherit}.names[data-astro-cid-7uuvosmh]{gap:.4rem;max-width:36rem;margin-inline:auto;display:grid}.name-row[data-astro-cid-7uuvosmh]{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;display:grid;container-type:inline-size}.name-row[data-astro-cid-7uuvosmh][hidden]{display:none}.name[data-astro-cid-7uuvosmh]{border:1px solid var(--color-line);background:var(--color-paper);min-width:0;min-height:48px;color:var(--color-ink);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.25rem .1rem;font-size:min(.95rem,4.6cqi);font-weight:700;display:inline-flex}:lang(ja) .name[data-astro-cid-7uuvosmh]{font-feature-settings:"palt"}.name[data-astro-cid-7uuvosmh]:hover{border-color:var(--color-accent)}.name[data-astro-cid-7uuvosmh] .mark[data-astro-cid-7uuvosmh]{font-size:.8rem}.name[data-astro-cid-7uuvosmh].unused{visibility:hidden}.name[data-astro-cid-7uuvosmh][data-alter="0"]{min-height:56px;font-size:min(1.05rem,6cqi)}@media (width<=359px){.names[data-astro-cid-7uuvosmh],.name-row[data-astro-cid-7uuvosmh]{gap:.25rem}.name[data-astro-cid-7uuvosmh]{padding-inline:0}}@media (pointer:coarse){.hint[data-astro-cid-7uuvosmh]{display:none}}