:root{color-scheme:dark;--gtr-bg: #05070c;--gtr-fg: #f4f2ee;--gtr-muted: rgba(244, 242, 238, .65);--gtr-line: rgba(244, 242, 238, .14);--gtr-accent: #5eead4;--gtr-accent-soft: rgba(94, 234, 212, .16);--gtr-warm: #fbbf24}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100vh;background:var(--gtr-bg);color:var(--gtr-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.gtr{width:min(100%,64rem);margin:0 auto;padding:3.5rem 1.2rem 3rem}.gtr__back{position:fixed;top:.9rem;left:1rem;z-index:5;padding:.35rem .7rem;border-radius:.5rem;border:1px solid var(--gtr-line);background:#05070cd9;color:var(--gtr-fg);font-size:.85rem;text-decoration:none}.gtr__title{margin:.4rem 0 .3rem;font-size:clamp(1.6rem,4vw,2.3rem)}.gtr__tagline{margin:0 0 1.2rem;max-width:44rem;color:var(--gtr-muted)}.gtr__roots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.35rem}.gtr__root,.gtr__quality{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--gtr-line);background:#ffffff0a;color:var(--gtr-fg);font:inherit;cursor:pointer}.gtr__root{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.45rem .1rem;border-radius:.6rem;font-weight:700;font-size:1rem}.gtr__root small{font-weight:400;font-size:.65rem;color:var(--gtr-muted)}.gtr__qualities{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.gtr__quality{padding:.4rem .8rem;border-radius:999px;font-size:.9rem}.gtr__root.is-on,.gtr__quality.is-on{border-color:var(--gtr-accent);background:var(--gtr-accent-soft)}.gtr__chord{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1.5rem;margin:1.4rem 0 .4rem;padding:.9rem 1.1rem;border:1px solid rgba(94,234,212,.35);border-radius:1rem;background:var(--gtr-accent-soft)}.gtr__name{margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.05}.gtr__notes{margin:.25rem 0 0;color:var(--gtr-muted)}.gtr__play{display:flex;gap:.5rem}.gtr__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--gtr-line);background:#ffffff0f;color:var(--gtr-fg);font:inherit;font-weight:600;cursor:pointer}.gtr__btn--main{border-color:var(--gtr-accent);background:#5eead438}.gtr__h2{margin:1.8rem 0 .7rem;font-size:1.15rem}.gtr__hint{color:var(--gtr-muted);font-weight:400;font-size:.9rem}.gtr__voicings{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr));gap:.6rem}.gtr__card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem .5rem;border-radius:.8rem;border:1px solid var(--gtr-line);background:#ffffff08;color:var(--gtr-fg);font:inherit;cursor:pointer}.gtr__card:hover{border-color:#5eead480}.gtr__card.is-on{border-color:var(--gtr-accent);background:var(--gtr-accent-soft)}.gtr__cap{font-size:.75rem;color:var(--gtr-muted)}.gtr__diagram{width:100%;max-width:8rem;height:auto}.gtr__nut{stroke:var(--gtr-fg);stroke-width:4}.gtr__fretLine{stroke:#f4f2ee61;stroke-width:1}.gtr__stringLine{stroke:#f4f2ee99;stroke-width:1.2}.gtr__fretNum{fill:var(--gtr-muted);font-size:10px;text-anchor:middle}.gtr__mark{fill:var(--gtr-muted);font-size:13px;text-anchor:middle;dominant-baseline:central}.gtr__open{fill:none;stroke:var(--gtr-fg);stroke-width:1.5}.gtr__barre{fill:#f4f2eed9}.gtr__dot{fill:var(--gtr-fg)}.gtr__dot.is-root,.gtr__nDot.is-root{fill:var(--gtr-warm)}.gtr__dotLabel{fill:#05070c;font-size:8.5px;font-weight:700;text-anchor:middle}.gtr__stringName{fill:var(--gtr-muted);font-size:11px}.gtr__inlay{fill:#f4f2ee1f}.gtr__nDot{fill:#5eead44d}.gtr__nDot.is-root{fill:#fbbf2466}.gtr__nDot.is-strong{fill:var(--gtr-accent);stroke:#05070c;stroke-width:1.5}.gtr__nDot.is-strong.is-root{fill:var(--gtr-warm)}.gtr__nLabel{fill:var(--gtr-fg);font-size:8.5px;text-anchor:middle;pointer-events:none}.gtr__nLabel.is-strong{fill:#05070c;font-size:11px;font-weight:700}.gtr__options{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-bottom:.7rem;font-size:.9rem}.gtr__check{display:inline-flex;align-items:center;gap:.4rem;color:var(--gtr-muted)}.gtr__check select{padding:.25rem .4rem;border-radius:.4rem;border:1px solid var(--gtr-line);background:#0b0d14;color:var(--gtr-fg);font:inherit}.gtr__neckWrap{overflow-x:auto;border:1px solid var(--gtr-line);border-radius:.8rem;background:#ffffff05}.gtr__neck{min-width:46rem}.gtr__neckSvg{display:block;width:100%;height:auto}@media (max-width: 640px){.gtr__roots{grid-template-columns:repeat(6,minmax(0,1fr))}}