:root{--background:#f6f3ec;--surface:#fffefa;--foreground:#202b29;--primary:#176b60;--primary-foreground:#fffefa;--border:#dcded3;--fretboard-surface:#f1e8d5;--fret-line:#b2afa1;--string-line:#879087;--playing-fill:#a9d5ee;--playing-stroke:#236488;--panel-radius:14px;--gap-xs:6px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:20px;--page-padding:20px;--muted:#61706a;--muted-2:#46564e;--accent-root-fill:#e8b65a;--accent-root-stroke:#916716;--accent-highlight-fill:#b7d8cd;--accent-highlight-stroke:#176b60;--note-fill:#fffefa;--font-xs:12px;--font-sm:12px;--font-md:13px}.Fretboard-module__FFrKlW__link{color:var(--color-blue-600,#155dfc);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link{color:var(--color-blue-600,lab(44.0605% 29.0279 -86.0352))}}@media (hover:hover){.Fretboard-module__FFrKlW__link:hover{color:var(--color-blue-800,#193cb8)}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link:hover{color:var(--color-blue-800,lab(30.2514% 27.7853 -70.2699))}}}.Fretboard-module__FFrKlW__link-subtle{color:var(--color-slate-600,#536259);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.Fretboard-module__FFrKlW__link-subtle:hover{color:var(--color-slate-900,#202b29)}}.Fretboard-module__FFrKlW__link-clean{color:var(--color-blue-600,#155dfc);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link-clean{color:var(--color-blue-600,lab(44.0605% 29.0279 -86.0352))}}@media (hover:hover){.Fretboard-module__FFrKlW__link-clean:hover{color:var(--color-blue-800,#193cb8)}@supports (color:lab(0% 0 0)){.Fretboard-module__FFrKlW__link-clean:hover{color:var(--color-blue-800,lab(30.2514% 27.7853 -70.2699))}}}.Fretboard-module__FFrKlW__svgRoot{width:100%;height:100%;display:block}.Fretboard-module__FFrKlW__noteGroup{cursor:pointer}.Fretboard-module__FFrKlW__noteCircle{transform-box:fill-box;transform-origin:50%;transition:transform .12s,fill .12s,stroke .12s}.Fretboard-module__FFrKlW__playingRing{fill:#0ea5e93d;stroke:var(--playing-stroke);stroke-width:2px}.Fretboard-module__FFrKlW__playingNote{fill:var(--playing-fill);stroke:var(--playing-stroke);stroke-width:2px;transition:none}.Fretboard-module__FFrKlW__noteGroup:hover .Fretboard-module__FFrKlW__noteCircle{transform:scale(1.12)}.Fretboard-module__FFrKlW__noteText{font-size:var(--font-xs);text-anchor:middle;fill:var(--foreground);font-weight:650}.Fretboard-module__FFrKlW__svgRoot.Fretboard-module__FFrKlW__compact{width:100%;height:100%}.Fretboard-module__FFrKlW__svgRoot.Fretboard-module__FFrKlW__compact .Fretboard-module__FFrKlW__noteText{font-size:10px}.Fretboard-module__FFrKlW__svgRoot.Fretboard-module__FFrKlW__compact .Fretboard-module__FFrKlW__noteGroup:hover .Fretboard-module__FFrKlW__noteCircle{transform:scale(1.06)}.Fretboard-module__FFrKlW__viewport{width:100%;min-width:0;overflow-x:auto}.Fretboard-module__FFrKlW__viewport .Fretboard-module__FFrKlW__svgRoot{min-width:900px;height:auto}.Fretboard-module__FFrKlW__compactViewport{width:100%;min-width:0;height:100%}.Fretboard-module__FFrKlW__noteGroup:focus-visible{outline:none}.Fretboard-module__FFrKlW__noteGroup:focus-visible .Fretboard-module__FFrKlW__noteCircle{stroke:var(--primary);stroke-width:3px}.Fretboard-module__FFrKlW__noteGroup:focus-visible>circle:first-child{stroke:var(--primary);stroke-width:2px}@media (pointer:coarse){.Fretboard-module__FFrKlW__viewport .Fretboard-module__FFrKlW__svgRoot{min-width:1100px}}@media print{.Fretboard-module__FFrKlW__viewport{overflow:visible}.Fretboard-module__FFrKlW__viewport .Fretboard-module__FFrKlW__svgRoot{min-width:0}}@property --tw-duration{syntax:"*";inherits:false}