.kbd[data-astro-cid-7xwumd3r]{width:100%;height:auto;display:block;margin:0 auto}.pkey[data-astro-cid-7xwumd3r]{cursor:pointer;touch-action:manipulation}.wkey[data-astro-cid-7xwumd3r] .body[data-astro-cid-7xwumd3r]{fill:var(--key-white);stroke:var(--key-white-stroke);stroke-width:1}.bkey[data-astro-cid-7xwumd3r] .body[data-astro-cid-7xwumd3r]{fill:var(--key-black);stroke:var(--key-black-stroke);stroke-width:1}.wkey[data-astro-cid-7xwumd3r].lit .body[data-astro-cid-7xwumd3r]{fill:var(--key-white-lit);stroke:var(--key-white-lit-stroke)}.bkey[data-astro-cid-7xwumd3r].lit .body[data-astro-cid-7xwumd3r]{fill:var(--key-black-lit);stroke:var(--key-black-lit-stroke)}.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:var(--key-white-hover)}.bkey[data-astro-cid-7xwumd3r]:has(.dot):hover .body[data-astro-cid-7xwumd3r]{fill:var(--key-black-hover)}.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 var(--shadow-med))}.board[data-astro-cid-4am7pjk3]{fill:var(--neck-board)}.fmarker[data-astro-cid-4am7pjk3]{fill:var(--neck-marker)}.gstr[data-astro-cid-4am7pjk3]{stroke:var(--neck-string)}.fwire[data-astro-cid-4am7pjk3]{stroke:var(--neck-wire)}.fwire-nut[data-astro-cid-4am7pjk3]{stroke:var(--neck-nut)}.fnum[data-astro-cid-4am7pjk3]{fill:var(--neck-num)}.fbacking[data-astro-cid-4am7pjk3]{fill:var(--neck-board)}.fbacking[data-astro-cid-4am7pjk3].is-open{fill:var(--neck-open-backing)}.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;stroke:var(--neck-dot-stroke)}.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:var(--neck-lit-stroke);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:var(--neck-lit-stroke);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;fill:var(--gc-ink)}.nut[data-astro-cid-pytkjtww]{stroke:var(--gc-nut);stroke-width:2.4;stroke-linecap:round}.fl[data-astro-cid-pytkjtww],.sl[data-astro-cid-pytkjtww]{stroke:var(--gc-line);stroke-width:.9;stroke-linecap:square}.bf[data-astro-cid-pytkjtww]{font:600 7px Poppins,sans-serif;fill:var(--gc-bf)}.dot[data-astro-cid-pytkjtww],.odot[data-astro-cid-pytkjtww]{stroke:var(--gc-dot-stroke);stroke-width:.7}.mx[data-astro-cid-pytkjtww] line[data-astro-cid-pytkjtww]{stroke:var(--gc-x);stroke-width:1;stroke-linecap:round}.barreband[data-astro-cid-pytkjtww]{fill:var(--gc-barre)}.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;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:var(--surface);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:var(--surface-hover)}.invnav[data-astro-cid-4ngzaqe3] .ic[data-astro-cid-4ngzaqe3]{display:block}.wkey[data-astro-cid-4ngzaqe3] .body[data-astro-cid-4ngzaqe3]{fill:var(--key-white);stroke:var(--key-white-stroke);stroke-width:1}.bkey[data-astro-cid-4ngzaqe3] .body[data-astro-cid-4ngzaqe3]{fill:var(--key-black);stroke:var(--key-black-stroke);stroke-width:1}.pkey[data-astro-cid-4ngzaqe3]{cursor:default;touch-action:manipulation}.pkey[data-astro-cid-4ngzaqe3].playable{cursor:pointer}.wkey[data-astro-cid-4ngzaqe3].playable:hover .body[data-astro-cid-4ngzaqe3]{fill:var(--key-white-hover)}.bkey[data-astro-cid-4ngzaqe3].playable:hover .body[data-astro-cid-4ngzaqe3]{fill:var(--key-black-hover)}.wkey[data-astro-cid-4ngzaqe3].lit .body[data-astro-cid-4ngzaqe3]{fill:var(--key-white-lit);stroke:var(--key-white-lit-stroke)}.bkey[data-astro-cid-4ngzaqe3].lit .body[data-astro-cid-4ngzaqe3]{fill:var(--key-black-lit);stroke:var(--key-black-lit-stroke)}.dot[data-astro-cid-4ngzaqe3]{transition:opacity .12s ease,transform .1s ease;transform-box:fill-box;transform-origin:center}.dot[data-astro-cid-4ngzaqe3] circle[data-astro-cid-4ngzaqe3]{filter:drop-shadow(0 1.5px 1.2px rgba(0,0,0,.18))}.pkey[data-astro-cid-4ngzaqe3]:not(.playable) .dot[data-astro-cid-4ngzaqe3]{display:none}.pkey[data-astro-cid-4ngzaqe3].lit .dot[data-astro-cid-4ngzaqe3]{opacity:.8;transform:translateY(2px)}.dot[data-astro-cid-4ngzaqe3]{pointer-events:none}text[data-astro-cid-4ngzaqe3]{pointer-events:none;user-select:none}.invlabel[data-astro-cid-4ngzaqe3]{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--ink);margin:5px 0 0;line-height:1.15}.invlabel[data-astro-cid-4ngzaqe3] .inv-word{font-size:.82em;color:var(--muted);margin-left:9px}.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:5px 14px;border:1.5px solid var(--bd, var(--line));border-radius:999px;background:var(--bg, #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{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.reflink[data-astro-cid-mcoftoid]:active{transform:translateY(1px)}.learn-more[data-astro-cid-hiusjgh3]{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:inherit;font-weight:600;font-size:14px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;transition:background .12s,border-color .12s,transform .12s}.learn-more[data-astro-cid-hiusjgh3]:hover{background:var(--surface-hover);border-color:var(--muted);transform:translateY(-1px)}.learn-more[data-astro-cid-hiusjgh3]:active{transform:translateY(0)}.lm-arrow[data-astro-cid-hiusjgh3]{display:block}.notewheels[data-astro-cid-jq37isun]{margin-top:4px}.nw-toggle-row[data-astro-cid-jq37isun]{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.sf-toggle[data-astro-cid-jq37isun]{position:relative;display:inline-flex;background:var(--track);border-radius:999px;padding:3px}.sf-slider[data-astro-cid-jq37isun]{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--thumb);box-shadow:0 2px 6px var(--thumb-shadow);transition:transform .22s cubic-bezier(.4,0,.2,1)}.sf-toggle[data-astro-cid-jq37isun][data-active=sharp] .sf-slider[data-astro-cid-jq37isun]{transform:translate(100%)}.sf-opt[data-astro-cid-jq37isun]{position:relative;z-index:1;flex:1 1 0;min-width:50px;text-align:center;font-family:inherit;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:16px;padding:8px 22px;border-radius:999px;color:var(--muted);transition:color .18s}.sf-opt[data-astro-cid-jq37isun].active{color:var(--ink)}.sf-glyph[data-astro-cid-jq37isun]{font-family:ChordGlyph,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:24px;font-weight:400}.gc-toggle[data-astro-cid-jq37isun]{position:relative;display:inline-flex;background:var(--track);border-radius:999px;padding:3px}.gc-slider[data-astro-cid-jq37isun]{position:absolute;top:3px;bottom:3px;left:0;width:0;border-radius:999px;background:var(--thumb);box-shadow:0 2px 6px var(--thumb-shadow);transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}.gc-opt[data-astro-cid-jq37isun]{position:relative;z-index:1;font-family:inherit;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:14px;padding:8px 20px;border-radius:999px;color:var(--muted);transition:color .18s}.gc-opt[data-astro-cid-jq37isun].active{color:var(--ink)}.nw-rings[data-astro-cid-jq37isun]{display:flex;justify-content:center;align-items:flex-start;gap:32px;flex-wrap:wrap}@media (max-width: 560px){.nw-rings[data-astro-cid-jq37isun]{flex-direction:column;align-items:center;gap:28px}}.nw-ring[data-astro-cid-jq37isun]{width:100%;max-width:280px;text-align:center}.nw-label[data-astro-cid-jq37isun]{text-transform:uppercase;letter-spacing:.07em;font-size:12.5px;font-weight:600;color:var(--faint);margin-bottom:12px}.nw-ring[data-astro-cid-jq37isun] svg[data-astro-cid-jq37isun]{display:block;width:100%;max-width:280px;height:auto;margin:0 auto}.nw-shape[data-astro-cid-jq37isun]{fill:none;stroke:var(--wheel-line);stroke-width:2.5}.nw-rays[data-astro-cid-jq37isun] line[data-astro-cid-jq37isun]{stroke:var(--wheel-line);stroke-width:2.5;stroke-linecap:round}.notewheels[data-astro-cid-jq37isun][data-wheel=graph] .nw-rays[data-astro-cid-jq37isun],.notewheels[data-astro-cid-jq37isun][data-wheel=constellation] .nw-shape[data-astro-cid-jq37isun]{display:none}.nw-dot[data-astro-cid-jq37isun] circle[data-astro-cid-jq37isun]{stroke-width:2.5;transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.nw-dot[data-astro-cid-jq37isun].unlit circle[data-astro-cid-jq37isun]{stroke:none}.nw-dot[data-astro-cid-jq37isun]{cursor:pointer}.nw-dot[data-astro-cid-jq37isun].pressed circle[data-astro-cid-jq37isun]{transform:scale(1.12);stroke:var(--nw-vivid)}@media (hover: hover){.nw-dot[data-astro-cid-jq37isun]:hover circle[data-astro-cid-jq37isun]{filter:brightness(1.06)}}.nw-label-text[data-astro-cid-jq37isun]{text-anchor:middle;dominant-baseline:central;font-family:ChordGlyph,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-weight:400;fill:var(--on-tint);font-size:20px;pointer-events:none}.notewheels[data-astro-cid-jq37isun][data-mode=flat] .w-sharp[data-astro-cid-jq37isun],.notewheels[data-astro-cid-jq37isun][data-mode=sharp] .w-flat[data-astro-cid-jq37isun]{display:none}