div.stage{max-width:620px;max-height:460px;min-height:var(--hero-h);flex-direction:column;justify-content:center;margin:0 auto;padding:0 20px;display:flex;overflow:hidden}div.stage.stage-wide{max-width:none}div.fretwrap{scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-x:auto}div.fretwrap::-webkit-scrollbar{background:0 0;height:8px}div.fretwrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}div.kb-single{display:block}div.stage .pkey{touch-action:none!important}main.body{--sec-w:1080px;user-select:none;max-width:none;padding:26px 24px 40px}main.body h2{text-align:center}section.about-sec{max-width:var(--sec-w);margin:2px auto 34px}section.about-sec>h2{margin:0 0 14px;font-size:20px;font-weight:700}p.sa-use,p.sa-answer,p.sa-also{font-size:var(--about-prose);color:var(--ink);margin:0;font-weight:400;line-height:1.55}p.sa-answer,p.sa-also{margin-top:14px}.tool-sub{color:var(--muted);font-size:16px;font-weight:300}p.prose{user-select:text}.diagrams{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.diagrams .gc-card{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex:calc(25% - 13.5px);width:auto;min-width:150px;padding:8px 8px 7px}p.nodia{text-align:center;color:var(--faint);font-weight:300}div.acc-piano{margin:4px auto 0}div.learn{max-width:var(--sec-w)}div.learn>*+*{margin-top:52px}div.learn-top{display:flex}div.learn h2{margin-bottom:14px;font-size:20px;font-weight:700}div.learn p{color:var(--muted)}h3.subhead{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:22px 0 10px;font-size:12.5px;font-weight:600}p.relnote{font-size:16px;font-weight:400}p.relnote a{color:var(--ink);font-weight:600}div.links{flex-wrap:wrap;gap:7px;display:flex}@media (width<=600px){main.body{padding:22px 16px 40px}div.stage{max-width:100%;padding:0 10px}}table.notes.svelte-10pzggk{border-collapse:collapse;width:100%;font-size:15.5px}table.notes.svelte-10pzggk td:where(.svelte-10pzggk),table.notes.svelte-10pzggk th:where(.svelte-10pzggk){border-bottom:1px solid var(--line);text-align:left;padding:10px 0}tr.play-note.svelte-10pzggk{cursor:pointer}tr.play-note.svelte-10pzggk:hover{background:var(--row-hover)}tr.play-note.lit.svelte-10pzggk{background:var(--row-lit)}.c-deg.svelte-10pzggk{color:var(--faint);width:60px;font-weight:600;padding-left:6px!important}.c-note.svelte-10pzggk{font-weight:600}.c-note-in.svelte-10pzggk{align-items:center;display:inline-flex}.ilink.svelte-10pzggk{color:inherit;text-decoration:none}.ilink.svelte-10pzggk:hover{color:var(--ink);text-decoration:underline}.c-int.svelte-10pzggk{color:var(--muted);font-weight:300}.ndot.svelte-10pzggk{border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:15px;display:inline-flex}.ndot.is-root.svelte-10pzggk{border:var(--ndot-ring-w,1.68px) solid var(--ring)}.sr-only.svelte-10pzggk{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.neck.svelte-1p9oe2b{width:100%;height:auto;filter:drop-shadow(0 12px 26px var(--shadow-med));touch-action:manipulation;display:block}.neck.interactive.svelte-1p9oe2b{touch-action:none;user-select:none}.board.svelte-1p9oe2b{fill:var(--neck-board)}.marker.svelte-1p9oe2b{fill:var(--neck-marker)}.string.svelte-1p9oe2b{stroke:var(--neck-string)}.wire.svelte-1p9oe2b{stroke:var(--neck-wire);stroke-width:2px}.wire.nut.svelte-1p9oe2b{stroke:var(--neck-nut);stroke-width:5px}.fnum.svelte-1p9oe2b{fill:var(--neck-num);font:12px Poppins,sans-serif}.backing.svelte-1p9oe2b{fill:var(--neck-board);pointer-events:none}.backing.open-backing.svelte-1p9oe2b{fill:var(--neck-open-backing)}.dot.svelte-1p9oe2b{cursor:pointer;transition:transform .1s}.dot.svelte-1p9oe2b circle{stroke:var(--neck-dot-stroke);transition:opacity .1s}.is-playing.dim-unplayed.svelte-1p9oe2b .dot:where(.svelte-1p9oe2b) circle{opacity:.46}.is-playing.dim-unplayed.svelte-1p9oe2b .dot.active:where(.svelte-1p9oe2b) circle{opacity:1}.dot.active.svelte-1p9oe2b{transform:translateY(1px)scale(1.1)}.dot.is-root.svelte-1p9oe2b circle{stroke:var(--root-ring);stroke-width:2.24px}.dot.svelte-1p9oe2b path{pointer-events:none}.reflink[data-astro-cid-cxm522zl]{color:var(--ink);border:1.5px solid var(--bd,var(--line));background:var(--bg,#fff);vertical-align:middle;border-radius:999px;align-items:center;padding:5px 14px;font-size:16.5px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.reflink[data-astro-cid-cxm522zl] .csym-wrap{white-space:normal}.reflink[data-astro-cid-cxm522zl] b[data-astro-cid-cxm522zl]{color:var(--faint);margin-right:5px;font-size:.95em;font-weight:700}.reflink[data-astro-cid-cxm522zl]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.reflink[data-astro-cid-cxm522zl]:active{transform:translateY(1px)}.notewheels.svelte-d2ldgc{margin-top:4px}.nw-toggle-row.svelte-d2ldgc{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:22px;display:flex}.nw-rings.svelte-d2ldgc{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;display:flex}.nw-ring.svelte-d2ldgc{text-align:center;width:100%;max-width:280px}.nw-label.svelte-d2ldgc{text-transform:uppercase;letter-spacing:.07em;color:var(--faint);margin-bottom:12px;font-size:12.5px;font-weight:600}.nw-ring.svelte-d2ldgc svg:where(.svelte-d2ldgc){width:100%;max-width:280px;height:auto;margin:auto;display:block}.nw-shape.svelte-d2ldgc,.nw-rays.svelte-d2ldgc line:where(.svelte-d2ldgc){fill:none;stroke:var(--wheel-line);stroke-width:2.5px;stroke-linecap:round}.notewheels[data-wheel=graph].svelte-d2ldgc .nw-rays:where(.svelte-d2ldgc),.notewheels[data-wheel=constellation].svelte-d2ldgc .nw-shape:where(.svelte-d2ldgc){display:none}.nw-dot.svelte-d2ldgc{cursor:pointer}.nw-dot.svelte-d2ldgc circle:where(.svelte-d2ldgc){stroke-width:2.5px;transform-box:fill-box;transform-origin:50%;transition:transform .12s}.nw-dot.unlit.svelte-d2ldgc circle:where(.svelte-d2ldgc){stroke:none}.nw-dot.pressed.svelte-d2ldgc circle:where(.svelte-d2ldgc){stroke:var(--nw-vivid);transform:scale(1.12)}@media (hover:hover){.nw-dot.svelte-d2ldgc:hover circle:where(.svelte-d2ldgc){filter:brightness(1.06)}}.nw-label-text.svelte-d2ldgc{text-anchor:middle;dominant-baseline:central;fill:var(--on-tint);pointer-events:none;font-family:ChordGlyph,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:20px;font-weight:400}.notewheels[data-mode=flat].svelte-d2ldgc .w-sharp:where(.svelte-d2ldgc),.notewheels[data-mode=sharp].svelte-d2ldgc .w-flat:where(.svelte-d2ldgc){display:none}@media (width<=560px){.nw-rings.svelte-d2ldgc{flex-direction:column;align-items:center;gap:28px}}.embed-sec.svelte-5haspq{max-width:var(--sec-w);text-align:center;margin:40px auto 0}.embed-sec.svelte-5haspq>h2:where(.svelte-5haspq){margin:0 0 14px;font-size:20px;font-weight:700}.embed-sub.svelte-5haspq{color:var(--muted);margin:-4px 0 14px;font-size:14px}.embed-preview.svelte-5haspq{border:1px solid var(--line);border-radius:12px;width:100%;max-width:480px;height:auto}.embed-bar.svelte-5haspq{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:640px;margin:12px auto 0;display:flex}@media (width<=360px){.embed-bar.svelte-5haspq{justify-content:center}}.embed-fmts.svelte-5haspq{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.embed-fmt.svelte-5haspq{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.embed-fmt[aria-pressed=true].svelte-5haspq{background:var(--ink);color:var(--bg)}.embed-copy.svelte-5haspq{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600}.embed-copy.is-copied.svelte-5haspq{background:var(--ink);color:var(--bg);border-color:#0000}.embed-code.svelte-5haspq{width:100%;max-width:640px;color:var(--ink);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:10px;margin:10px auto 0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;display:block}