.kbd[data-astro-cid-7xwumd3r]{width:100%;height:auto;display:block}.pkey[data-astro-cid-7xwumd3r]{cursor:pointer;touch-action:manipulation}.wkey[data-astro-cid-7xwumd3r] .body[data-astro-cid-7xwumd3r]{fill:#f7f7f7;stroke:#9d9d9d;stroke-width:1}.bkey[data-astro-cid-7xwumd3r] .body[data-astro-cid-7xwumd3r]{fill:#363636;stroke:#0c0c0c;stroke-width:1}.wkey[data-astro-cid-7xwumd3r].lit .body[data-astro-cid-7xwumd3r]{fill:#c3c3c3;stroke:gray}.bkey[data-astro-cid-7xwumd3r].lit .body[data-astro-cid-7xwumd3r]{fill:#787878;stroke:#3c3c3c}.dot[data-astro-cid-7xwumd3r]{transition:opacity .12s ease,transform .1s ease;transform-box:fill-box;transform-origin:center}.dot[data-astro-cid-7xwumd3r] circle[data-astro-cid-7xwumd3r]{filter:drop-shadow(0 1.5px 1.2px rgba(0,0,0,.18))}.wkey[data-astro-cid-7xwumd3r]:has(.dot):hover .body[data-astro-cid-7xwumd3r]{fill:#ececf2}.bkey[data-astro-cid-7xwumd3r]:has(.dot):hover .body[data-astro-cid-7xwumd3r]{fill:#4a4a4a}.pkey[data-astro-cid-7xwumd3r].dim .dot[data-astro-cid-7xwumd3r]{opacity:.22}.pkey[data-astro-cid-7xwumd3r].sel .dot[data-astro-cid-7xwumd3r] circle[data-astro-cid-7xwumd3r]{stroke:#191927;stroke-width:3}.pkey[data-astro-cid-7xwumd3r].lit .dot[data-astro-cid-7xwumd3r]{opacity:.8;transform:translateY(2px)}.dot[data-astro-cid-7xwumd3r]{pointer-events:none}.frets[data-astro-cid-4am7pjk3]{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 26px rgba(0,0,0,.12))}.fret[data-astro-cid-4am7pjk3]{cursor:pointer;touch-action:manipulation}.fret[data-astro-cid-4am7pjk3] circle[data-astro-cid-4am7pjk3]{transition:transform .08s ease,filter .08s ease;transform-box:fill-box;transform-origin:center}.fret[data-astro-cid-4am7pjk3]:hover circle[data-astro-cid-4am7pjk3]{filter:brightness(1.08)}.fret[data-astro-cid-4am7pjk3].lit circle[data-astro-cid-4am7pjk3]{filter:brightness(1.16) saturate(1.08);stroke:#191927;stroke-width:2}.fret[data-astro-cid-4am7pjk3]{transition:opacity .12s ease}.fret[data-astro-cid-4am7pjk3].dim{opacity:.2}.fret[data-astro-cid-4am7pjk3].sel circle[data-astro-cid-4am7pjk3]{stroke:#191927;stroke-width:2.5}text[data-astro-cid-4am7pjk3]{pointer-events:none}.fret[data-astro-cid-4am7pjk3] path[data-astro-cid-4am7pjk3]{pointer-events:none}.gchord[data-astro-cid-pytkjtww]{width:clamp(150px,108px + 7vw,208px);height:auto;display:block}.nut[data-astro-cid-pytkjtww]{stroke:#2b2b2b;stroke-width:2.4;stroke-linecap:round}.fl[data-astro-cid-pytkjtww],.sl[data-astro-cid-pytkjtww]{stroke:#b9b2a3;stroke-width:.9}.bf[data-astro-cid-pytkjtww]{font:600 7px Poppins,sans-serif;fill:#555}.dot[data-astro-cid-pytkjtww],.odot[data-astro-cid-pytkjtww]{stroke:#1c1c1c;stroke-width:.7}.mx[data-astro-cid-pytkjtww] line[data-astro-cid-pytkjtww]{stroke:#1c1c1c;stroke-width:1;stroke-linecap:round}.barreband[data-astro-cid-pytkjtww]{fill:#14121a2e}.pline[data-astro-cid-pytkjtww]{stroke-width:2.6;stroke-linecap:round;opacity:0}text[data-astro-cid-pytkjtww]{pointer-events:none}.gchord[data-astro-cid-pytkjtww] path[data-astro-cid-pytkjtww]{pointer-events:none}@keyframes gchord-pline{0%{opacity:0}16%{opacity:.92}66%{opacity:.92}to{opacity:0}}.gchord[data-astro-cid-pytkjtww].playing .pline[data-astro-cid-pytkjtww]{animation:gchord-pline .56s ease-out}.cpiano[data-astro-cid-4ngzaqe3]{max-width:660px;width:100%;margin:0 auto}.cprow[data-astro-cid-4ngzaqe3]{display:flex;align-items:center;gap:6px}.ckbd[data-astro-cid-4ngzaqe3]{flex:1 1 0;min-width:0;height:auto;aspect-ratio:39 / 11;display:block;overflow:visible}.invnav[data-astro-cid-4ngzaqe3]{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);line-height:1;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s}.invnav[data-astro-cid-4ngzaqe3]:hover{background:#f2f2f7}.invnav[data-astro-cid-4ngzaqe3] .ic[data-astro-cid-4ngzaqe3]{display:block}.wkey[data-astro-cid-4ngzaqe3] .body[data-astro-cid-4ngzaqe3]{fill:#f7f7f7;stroke:#9d9d9d;stroke-width:1}.bkey[data-astro-cid-4ngzaqe3] .body[data-astro-cid-4ngzaqe3]{fill:#363636;stroke:#0c0c0c;stroke-width:1}.pkey[data-astro-cid-4ngzaqe3]{cursor:pointer;touch-action:manipulation}.pkey[data-astro-cid-4ngzaqe3]{cursor:default}.pkey[data-astro-cid-4ngzaqe3].playable{cursor:pointer}.wkey[data-astro-cid-4ngzaqe3].playable:hover .body[data-astro-cid-4ngzaqe3]{fill:#ececf2}.bkey[data-astro-cid-4ngzaqe3].playable:hover .body[data-astro-cid-4ngzaqe3]{fill:#4a4a4a}.wkey[data-astro-cid-4ngzaqe3].lit .body[data-astro-cid-4ngzaqe3]{fill:#c3c3c3;stroke:gray}.bkey[data-astro-cid-4ngzaqe3].lit .body[data-astro-cid-4ngzaqe3]{fill:#787878;stroke:#3c3c3c}.voicing[data-astro-cid-4ngzaqe3]{pointer-events:none}.voicing[data-astro-cid-4ngzaqe3] circle[data-astro-cid-4ngzaqe3]{filter:drop-shadow(0 1.5px 1.2px rgba(0,0,0,.18))}text[data-astro-cid-4ngzaqe3]{pointer-events:none;user-select:none}.invlabel[data-astro-cid-4ngzaqe3]{text-align:center;font-size:14px;font-weight:600;color:var(--ink);margin:12px 0 0;line-height:1.15}.invlabel[data-astro-cid-4ngzaqe3] .inv-word[data-astro-cid-4ngzaqe3]{font-size:.82em;color:var(--muted);margin-left:3px}.reflink[data-astro-cid-mcoftoid]{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);font-weight:500;font-size:16.5px;line-height:1.2;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;vertical-align:middle;transition:background .12s,border-color .12s,transform .12s}.reflink[data-astro-cid-mcoftoid] b[data-astro-cid-mcoftoid]{color:var(--faint);font-weight:700;font-size:.95em;margin-right:5px}.reflink[data-astro-cid-mcoftoid]:hover{background:#f6f6fa;border-color:var(--muted)}.reflink[data-astro-cid-mcoftoid]:active{transform:translateY(1px)}.colors-explainer[data-astro-cid-lm5q2qmu]{max-width:600px;margin:66px auto 0;text-align:center}.ce-wheel[data-astro-cid-lm5q2qmu]{width:84px;height:84px;border-radius:50%;margin:0 auto 18px;-webkit-mask:radial-gradient(circle,transparent 33%,#000 34%);mask:radial-gradient(circle,transparent 33%,#000 34%)}.colors-explainer[data-astro-cid-lm5q2qmu] h2[data-astro-cid-lm5q2qmu],.app-invite[data-astro-cid-lm5q2qmu] h2[data-astro-cid-lm5q2qmu]{font-size:20px;font-weight:700;margin-bottom:12px}.colors-explainer[data-astro-cid-lm5q2qmu] p[data-astro-cid-lm5q2qmu],.app-invite[data-astro-cid-lm5q2qmu] p[data-astro-cid-lm5q2qmu]{font-weight:300;color:var(--muted);max-width:520px;margin:0 auto}.app-invite[data-astro-cid-lm5q2qmu]{max-width:600px;margin:48px auto 0;text-align:center}.app-invite[data-astro-cid-lm5q2qmu] p[data-astro-cid-lm5q2qmu]{margin-bottom:24px}.ce-btn[data-astro-cid-lm5q2qmu]{display:inline-block;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;padding:13px 28px;border-radius:999px;border:2.5px solid transparent;background-image:linear-gradient(#fff,#fff),var(--ring);background-origin:border-box;background-clip:padding-box,border-box;transition:transform .14s ease,box-shadow .14s ease}.ce-btn[data-astro-cid-lm5q2qmu]:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0000001f}