:root{--ink:#141414;--paper:#fff;--spot:#ff5c1a;--text:"Bitter", Georgia, serif}.nut{stroke:var(--ink);stroke-width:8px}.fret{stroke:var(--ink);stroke-width:3px}.string{stroke:var(--ink);stroke-width:1px}.string[y1="39"]{stroke-width:1.3px}.string[y1="63"]{stroke-width:1.7px}.string[y1="87"]{stroke-width:2.1px}.string[y1="111"]{stroke-width:2.6px}.string[y1="135"]{stroke-width:3.1px}.inlay{fill:var(--ink);opacity:.25}.box{fill:none;stroke:var(--ink);stroke-width:2px;stroke-dasharray:7 5}.dot text{fill:var(--ink);font-family:var(--text);pointer-events:none;font-size:11px;font-weight:700}.dot--root circle{fill:var(--ink)}.dot--root text{fill:var(--paper)}.dot--box circle{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.dot--shared .dot-ring{fill:none;stroke:var(--ink);stroke-width:2.5px}.dot--ghost{opacity:.5}.dot--ghost circle{fill:none;stroke:var(--ink);stroke-width:1.5px}.chord-tones{opacity:0;transition:opacity .12s}.chord-tones.is-on{opacity:1}.chord-tone text{fill:var(--ink);font-family:var(--text);pointer-events:none;font-size:11px;font-weight:700}.chord-tone--root circle{fill:var(--ink)}.chord-tone--root text{fill:var(--paper)}.chord-tone--guide circle{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.chord-tone--fifth circle{fill:var(--paper);stroke:var(--ink);stroke-width:2px;stroke-dasharray:4 2.5}.chord-tone--colour circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.25px}.fret-number{fill:var(--ink);font-family:var(--text);font-weight:700}#finder .dot--shared .dot-ring{stroke:var(--spot);stroke-width:3px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--on-spot:#141414;--title-size:clamp(2rem, 1rem + 3.5vw, 3.25rem);--panel:var(--ink);--on-panel:var(--paper);--display:"Anton", Impact, sans-serif;--rule:3px;--rule-heavy:6px;--gutter:28px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--paper:#141414;--panel:#3a3a3a;--on-panel:#fff}:root[data-theme=dark] .finder__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23fff'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--text);margin:0}a{color:inherit}button{font-family:var(--text);border-radius:0}[hidden]{display:none!important}:focus-visible{outline:var(--rule) solid var(--ink);outline-offset:3px}.page{max-width:1280px;margin:0 auto}.top{padding:10px var(--gutter) 0;align-items:center;gap:20px;display:flex}.wordmark{font:22px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;padding:8px 0;text-decoration:none;position:relative}.wordmark:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.top__nav{gap:20px;margin-left:auto;font-size:14px;display:flex}.top__nav a{justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.theme-toggle{min-width:44px;min-height:30px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;padding:0;font-size:13px;font-weight:700;position:relative}.theme-toggle:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.theme-toggle svg{width:22px;height:22px;margin-left:auto;display:block}.theme-toggle__to-dark{display:block}.theme-toggle__to-light,:root[data-theme=dark] .theme-toggle__to-dark{display:none}:root[data-theme=dark] .theme-toggle__to-light{display:block}:root:not([data-theme]) .theme-toggle{display:none}.top__nav a[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--spot);text-decoration-color:var(--spot);text-decoration-thickness:var(--rule);text-underline-offset:6px}.prose p,.prose ul{margin:0 0 16px}.prose h3,.prose h4,.prose h5{margin:0 0 6px;font-size:15px}.missing{padding:12px var(--gutter) 48px;border-top:var(--rule-heavy) solid var(--ink)}.missing__title{font:400 var(--title-size)/.95 var(--display);text-transform:uppercase;margin:18px 0 12px}.prose-page{padding:12px var(--gutter) 24px;border-top:var(--rule-heavy) solid var(--ink)}.prose-page__title{font:400 var(--title-size)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:18px 0 12px}.prose-page__body{max-width:62ch}.prose-page__body h2{font:400 22px/1.2 var(--display);letter-spacing:.02em;text-transform:uppercase;margin:28px 0 6px}.prose-page__body p,.prose-page__body ul{font-size:17px;line-height:1.55}.prose-page__body ul{padding-left:1.25em}.prose-page__body li{margin-bottom:6px}.prose-page__body a{overflow-wrap:anywhere}.footer{margin:64px var(--gutter) 0;border-top:1px solid var(--ink);font:13px/1.5 var(--text);padding:16px 0 28px}.footer p{margin:0 0 8px}.footer nav{flex-wrap:wrap;gap:0 20px;display:flex}.footer nav a{align-items:center;min-height:44px;display:inline-flex}.footer a{color:var(--ink);text-decoration:none}.footer a:hover{text-decoration:underline}.button{background:var(--spot);min-height:44px;color:var(--on-spot);white-space:nowrap;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{text-decoration:underline}.finder{padding:14px var(--gutter) 48px}.finder__title{font:400 var(--title-size)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 8px}.finder__lede{max-width:56ch;margin:0 0 18px;font-size:18px}.finder__controls{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:14px;font-size:15px;display:flex}.finder__field{align-items:center;gap:8px;display:flex}.finder__label{font-weight:700}.seg{border:var(--rule) solid var(--ink);display:flex}.seg__button{border:0;border-right:2px solid var(--ink);background:var(--paper);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;padding:0 13px;font-size:15px;font-weight:700}.seg__button:last-child{border-right:0}.dot[role=button]{cursor:pointer}.dot[role=button]:focus{outline:none}.dot[role=button]:focus-visible>circle:first-child{stroke:var(--ink);stroke-width:7px;paint-order:stroke}.seg__button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg__button:focus-visible{outline-offset:-6px}.seg__button[aria-pressed=true]:focus-visible{outline-color:var(--paper)}.finder__select{appearance:none;border:var(--rule) solid var(--ink);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23141414'/%3E%3C/svg%3E") no-repeat right 13px center;min-height:46px;color:var(--ink);font:700 15px var(--text);cursor:pointer;border-radius:0;padding:0 36px 0 13px}.finder__toggle{border:var(--rule) solid var(--ink);cursor:pointer;align-items:center;gap:8px;min-height:46px;padding:0 13px;font-weight:700;display:inline-flex}.finder__toggle input{appearance:none;border:2.5px solid var(--ink);background:var(--paper);cursor:pointer;flex:none;width:18px;height:18px;margin:0}.finder__toggle input:checked{background:var(--ink)}.finder__toggle:has(input:checked){background:var(--ink);color:var(--paper)}.finder__toggle:has(input:checked) input{border-color:var(--paper);background:var(--paper)}.finder__toggle input:focus-visible{outline:none}.finder__toggle:has(input:focus-visible){outline:var(--rule) solid var(--ink);outline-offset:3px}.board{border:var(--rule) solid var(--ink)}.board svg{touch-action:manipulation;width:100%;height:auto;display:block}#finder .dot{cursor:pointer}#finder .dot circle{pointer-events:all}.finder__under{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding-top:10px;display:flex}.finder__caption{margin:0;font-size:14px;font-style:italic}.finder__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.finder__action{border:var(--rule) solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;padding:0 14px;font-size:14px;font-weight:700}a.finder__action{align-items:center;text-decoration:none;display:inline-flex}.finder__link{border:var(--rule) solid var(--ink);background:var(--paper);width:26ch;max-width:100%;min-height:44px;color:var(--ink);font:14px var(--text);border-radius:0;padding:0 10px}.explainer{border-top:var(--rule-heavy) solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:28px;padding-top:18px;display:grid}.explainer h2{font:400 26px/1.1 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 10px}.explainer p{max-width:62ch;margin:0 0 14px;line-height:1.6}.explainer h3{font:700 16px/1.3 var(--text);margin:22px 0 8px}.cta{background:var(--panel);color:var(--on-panel);justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:22px 24px;display:flex}.cta h2{font:400 24px/1.1 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px}.cta p{max-width:64ch;margin:0;font-size:15px}.cta p+p{margin-top:6px}.cta :focus-visible{outline-color:var(--on-panel)}.page--print{padding:24px var(--gutter) 40px}.seams__title{font:400 clamp(2rem, 1rem + 3vw, 3.25rem)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 18px}.seam{border-top:var(--rule-heavy) solid var(--ink);padding:14px 0 24px}.seam__title{font:400 28px/1.1 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 10px}.seam__board{border:var(--rule) solid var(--ink)}.seam__board svg{width:100%;height:auto;display:block}.seam__board .dot--shared .dot-ring{stroke:var(--spot);stroke-width:3px}.seam__shared{margin:12px 0 0;padding:0;font-size:15px;line-height:1.6;list-style:none}.seams__footer{margin:18px 0 0;font-size:13px}.pdfs{padding:14px var(--gutter) 48px}.pdfs__title{font:400 var(--title-size)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 8px}.pdfs__lede{max-width:56ch;margin:0 0 18px;font-size:18px}.pdfs__keys{border-top:var(--rule) solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:0 0 24px;padding:0;list-style:none;display:grid}.pdfs__keys li{border-bottom:2px solid var(--ink)}.pdfs__keys a{align-items:center;min-height:48px;font-weight:700;display:flex}@media (width<=640px){:root{--title-size:30px}}@media (width<=960px){.explainer{grid-template-columns:minmax(0,1fr);gap:8px}}.room{padding:14px var(--gutter) 48px}.room__title{font:400 var(--title-size)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 8px}.room__lede{font:700 16px/1.3 var(--text);margin:0 0 14px}.room-chart{grid-template-columns:repeat(var(--bars,4), minmax(0, 1fr));border-top:var(--rule) solid var(--ink);border-left:var(--rule) solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.room-bar{border-right:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:84px;display:flex}.room-bar__name{font:400 clamp(1.75rem, 1rem + 3vw, 3rem)/1 var(--display);letter-spacing:.02em}.room-bar__beats{gap:6px;display:flex}.room-beat{border:2px solid;width:9px;height:9px}.room-bar.is-now{background:var(--ink);color:var(--paper)}.room-beat.is-now{background:var(--spot);border-color:var(--spot)}.room__strip{align-items:center;gap:14px;margin:12px 0 8px;display:flex}.room__where{min-width:0;margin:0;font-size:16px}.room__tuning{margin:12px 0 0;font-weight:700}.room__view{flex:none}.room__neck{border:var(--rule) solid var(--ink)}.room__neck[data-view=notes] .chord-shape,.room__neck[data-view=shape] .chord-tones:not(.chord-shape){display:none}.room__neck svg{width:100%;height:auto;display:block}.room__controls{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:16px;font-size:15px;display:flex}.room__steps{align-items:center;gap:6px;display:flex}.room__step{border:var(--rule) solid var(--ink);background:var(--paper);min-width:44px;min-height:46px;color:var(--ink);cursor:pointer;touch-action:manipulation;padding:0 6px;font-size:16px;font-weight:700}.room__bpm{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em}.room__bpm output{font-weight:700}.room__play{background:var(--spot);min-width:160px;min-height:52px;color:var(--on-spot);font:400 24px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;padding:0 24px}.room__play:disabled{opacity:.4;cursor:default}.room__status{flex:1 0 100%;min-height:1.5em;margin:0;font-size:14px}.room__band{margin-top:14px}.room__toggles{flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.room__toggle{border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;padding:0 14px;font-size:14px;font-weight:700}.room__toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.room__engine{width:600px;position:absolute;top:0;left:-10000px}@media (width<=640px){.room{padding-top:6px}.room__title{margin-top:4px}.room__lede{margin-bottom:8px;font-size:14px}.room-bar{gap:5px;min-height:50px}.room-bar__name{font-size:clamp(1.25rem,.5rem + 5vw,1.75rem)}.room__strip{margin:10px 0 8px}.room__where{font-size:14px;line-height:1.25}.room__controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.room__key,.room__feel,.room__tempo{flex-direction:column;align-items:stretch;gap:2px}.room__key .finder__select,.room__feel .finder__select{width:100%}.room__tempo,.room__play,.room__status{grid-column:1/-1}.room__steps{justify-content:space-between}.room__play{width:100%}}.metro{padding:14px var(--gutter) 48px}.metro__title{font:400 var(--title-size)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 14px}.metro__marks{border-top:var(--rule) solid var(--ink);border-left:var(--rule) solid var(--ink);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.metro__mark{border-right:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);min-height:104px;font:400 clamp(2rem, 1rem + 4vw, 3.5rem)/1 var(--display);justify-content:center;align-items:center;display:flex}.metro__mark--one{box-shadow:inset 0 0 0 4px var(--ink)}.metro__mark.is-now{background:var(--ink);color:var(--spot)}.metro__tempo{font:400 clamp(4rem, 2.5rem + 6vw, 7rem)/.9 var(--display);font-variant-numeric:tabular-nums;margin:18px 0 4px}.metro__tempo output{font-weight:400}.metro__tempo span{letter-spacing:.04em;font-size:.32em}.metro__controls{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:14px;font-size:15px;display:flex}.metro__tap{border:var(--rule) solid var(--panel);background:var(--panel);min-width:88px;min-height:46px;color:var(--on-panel);font:700 16px var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 14px}.metro__tap:active{background:var(--paper);color:var(--ink)}.metro__tap:focus-visible{outline-offset:3px}.metro__start{background:var(--spot);min-width:160px;min-height:52px;color:var(--on-spot);font:400 24px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;padding:0 24px}@media (width<=640px){.metro{padding-top:6px}.metro__title{margin-top:4px}.metro__mark{min-height:72px}.metro__controls{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.metro__steps{justify-content:space-between}.metro__tap{flex:1;min-width:0}.metro__beats{justify-content:space-between}.metro__start{width:100%}.top{gap:8px}.top__nav{gap:10px;font-size:13px}.top__nav a{white-space:nowrap}}@media (width<=520px){.top{flex-wrap:wrap;row-gap:0}.theme-toggle{order:2;margin-left:auto}.theme-toggle:after{top:auto;bottom:0;transform:none}.top__nav{order:3;justify-content:space-between;gap:6px;width:100%;margin-left:0}.wordmark:after{top:auto;bottom:0;transform:none}}@media (width<=640px){:root{--gutter:16px}.top{padding-top:6px}.wordmark{font-size:16px}.finder__title{margin-top:4px}.finder__lede{font-size:15px;line-height:1.45}.finder__controls{gap:10px 14px}.board{overscroll-behavior-x:contain;overflow-x:auto}.board svg{min-width:720px}.explainer h2{font-size:22px}.cta{flex-direction:column;align-items:flex-start;padding:18px 16px}}@media (orientation:landscape) and (height<=520px){:root{--gutter:16px}.top{padding-top:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{:root[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#141414;--paper:#fff;--panel:#141414;--on-panel:#fff}@page{size:A4 landscape;margin:12mm 14mm 16mm}.top,.footer{display:none}.page--print{max-width:none;padding:0}.seams__title{margin-bottom:8mm;font-size:30pt}.seam{break-inside:avoid;break-after:page;border-top:0;padding:0}.seam:last-of-type{break-after:auto}.seam__title{margin-bottom:4mm;font-size:22pt}.seam__shared{margin-top:5mm;font-size:12pt}.seams__footer{margin-top:10mm;font-size:9pt}}