@layer reset,tokens,base,layout,components,utilities;@property --strip-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --strip-end{syntax: "<length>"; inherits: false; initial-value: 0px;}@font-face{font-family:Onest;src:url(/assets/fonts/onest.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Martian Mono;src:url(/assets/fonts/martian-mono.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Onest Fallback;src:local("Arial"),local("Liberation Sans");size-adjust:103.4%;ascent-override:93.8%;descent-override:29.5%;line-gap-override:0%}@font-face{font-family:Mono Fallback;src:local("Menlo"),local("Monaco"),local("DejaVu Sans Mono"),local("Liberation Mono"),local("Courier New");size-adjust:124.6%}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg{display:block;max-inline-size:100%;block-size:auto}button,input{font:inherit;color:inherit}ul[class],ol[class],nav ul,nav ol{list-style:none;padding:0}a{color:inherit}search,hgroup,output{display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer tokens{:root{color-scheme:light dark;--black: #000000;--white: #ffffff;--paper-light: #f4f4f0;--paper-dark: #121212;--card-dark: #1a1a1a;--raised-dark: #242424;--ink-dark: #e8e8e8;--pink: #ff90e8;--pink-deep: #ff6fe0;--pink-wash: #fff5fd;--amber: #ffd23f;--gray-1: #333333;--gray-2: #555555;--gray-3: #666666;--hair: #e6e4df;--footer-ink: #f4f4f0;--footer-dim: #c9c7c2;--footer-faint: #8b8985;--ink: var(--black);--ink: light-dark(var(--black), var(--ink-dark));--paper: var(--paper-light);--paper: light-dark(var(--paper-light), var(--paper-dark));--filled: var(--white);--filled: light-dark(var(--white), var(--card-dark));--raised: var(--white);--raised: light-dark(var(--white), var(--raised-dark));--line: var(--ink);--line-hair: light-dark(var(--hair), rgb(232 232 232 / .16));--nav: light-dark(var(--gray-1), rgb(232 232 232 / .84));--muted: light-dark(var(--gray-2), rgb(232 232 232 / .68));--caption: light-dark(var(--gray-3), rgb(232 232 232 / .58));--disabled: light-dark(rgb(0 0 0 / .45), rgb(232 232 232 / .45));--shadow-3: 3px;--shadow-4: 4px;--shadow-5: 5px;--shadow-6: 6px;--shadow-8: 8px;--on-color: var(--black);--accent: var(--pink);--chord-size: .85;--accent-hover: var(--pink-deep);--accent-wash: light-dark(var(--pink-wash), color-mix(in srgb, var(--pink) 13%, var(--card-dark)));--font-ui: "Onest", "Onest Fallback", "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Martian Mono", "Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-eyebrow: .625rem;--text-micro: .6875rem;--text-mono: .75rem;--text-xs: .8125rem;--text-nav: .875rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-input: 1.1875rem;--text-xl: 1.25rem;--text-2xl: 1.3125rem;--text-h2: clamp(1.5rem, 1rem + 1.07vw, 1.875rem);--text-h1: clamp(2.125rem, 4.6vw, 3.75rem);--text-h1-tail: clamp(1.375rem, 2.6vw, 2.125rem);--text-hero: clamp(3.5rem, 8vw, 7.5rem);--text-number: 2.75rem;--text-focus: 1.75rem;--leading: 1.45;--leading-read: 1.55;--leading-tight: 1.15;--leading-display: .92;--tracking-caps: .06em;--bw: 1px;--control: 2.25rem;--control-hero: 4.25rem;--icon-sm: 1rem;--icon: 1.25rem;--radius: .5rem;--radius-sm: .375rem;--radius-round: 50%;--rate-star: var(--boy);--rate-star-pad: var(--space-1);--rate-pull: calc((var(--rate-star) - var(--control)) / 2);--t: .12s ease-out;--press: 1px;--ring: 2px;--space-0: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--stack: var(--space-5);--measure: 40rem;--search-go: 7rem;--wide: 72.5rem;--gutter: max(clamp(1.25rem, 4vw, 2.5rem), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--step: var(--space-6);--step-section: var(--space-8);--step-head: var(--space-7);--step-foot: var(--space-9);--header: 4rem;--num-col: 2.375rem;--row-gap: var(--space-4);--sheet-pad: var(--space-5) var(--space-6);--grip: 4.5rem;--boy: 1.75rem;--hint-sign: var(--boy);--rail: 18.75rem;--panel: 4rem;--z-tools: 40;--z-menu: 70;--z-skip: 100;--search-icon: var(--icon-sm);--search-icon-x: var(--space-4);--brand-mark: 1.25rem;--abc-cell: var(--control);--abc-gap: var(--space-1);--abc-glyph: .75rem;--abc-divider: .375rem}@media(pointer:coarse){:root{--control: 2.75rem;--abc-gap: var(--space-2)}}@media(max-width:40em){:root{--step: var(--space-5);--step-section: var(--space-7);--step-head: var(--space-6);--step-foot: var(--space-8);--header: 3.5rem;--control-hero: 3.5rem;--text-input: var(--text-md);--search-go: 5rem;--row-gap: var(--space-1);--sheet-pad: var(--space-4);--rate-star: var(--icon)}}:root{--hint-area: none;--hint-inset: 0;--hint-margin: auto}@supports (position-area: block-start){:root{--hint-area: block-end span-inline-start;--hint-inset: auto;--hint-margin: var(--space-2) 0}@media(max-width:40em){:root{--hint-area: none;--hint-inset: 0;--hint-margin: auto}}}.site-footer{--ink: var(--footer-ink);--paper: var(--black);--filled: var(--black);--raised: var(--black);--line: var(--footer-ink);--line-hair: rgb(244 244 240 / .16);--nav: var(--footer-ink);--muted: var(--footer-dim);--caption: var(--footer-faint)}.search--hero{--search-icon: var(--icon);--search-icon-x: var(--space-5)}}@layer base{:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html{scroll-padding-block-start:var(--space-4)}body{min-block-size:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-wrap:break-word}main{flex:1 0 auto;margin-block-start:var(--step-head)}:root[data-searching] main{min-block-size:100vh}h1,h2,h3{font-weight:800;line-height:var(--leading-tight);letter-spacing:-.03em;text-wrap:balance}h1{font-size:var(--text-h1);line-height:.98;letter-spacing:-.04em}h2{font-size:var(--text-h2)}h3{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}p{text-wrap:pretty}a{text-decoration:underline;text-decoration-thickness:var(--bw);text-underline-offset:.18em}a:hover{text-decoration-thickness:calc(var(--bw) * 2)}:focus-visible{outline:var(--ring) solid var(--ink);outline-offset:var(--ring)}::selection{background:var(--pink);color:var(--on-color)}pre,code,kbd{font-family:var(--font-mono)}hr{border:0;border-block-start:var(--bw) solid var(--line-hair)}}@layer layout{.wrap,.wrap--text{margin-inline:auto}.wrap{inline-size:min(100% - var(--gutter) * 2,var(--wide))}.wrap--text{inline-size:min(100% - var(--gutter) * 2,var(--measure))}.page{display:flex;flex-direction:column;gap:var(--step)}.page--airy{gap:var(--step-section)}.skip-link{position:absolute;inset-block-start:-100%;inset-inline-start:var(--gutter);background:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-3);z-index:var(--z-skip)}.skip-link:focus{inset-block-start:var(--space-2)}.site-header{background:var(--paper);border-block-end:var(--bw) solid var(--line)}.site-header .wrap{display:flex;align-items:center;gap:var(--space-5);block-size:var(--header)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;min-block-size:var(--space-5);text-decoration:none;font-size:var(--text-lg);font-weight:800;letter-spacing:.04em;line-height:1}.brand__mark{inline-size:var(--brand-mark);block-size:var(--brand-mark);flex:none;background:url(/assets/images/mark.svg) center / contain no-repeat}.brand:hover{text-decoration:none}.site-nav{flex:1 1 auto;min-inline-size:0}.site-nav ul{display:flex;align-items:center;gap:var(--space-5)}.site-nav a{display:inline-block;padding-block:var(--space-1);border-block-end:var(--bw) solid transparent;color:var(--nav);font-size:var(--text-nav);font-weight:500;text-decoration:none;transition:border-color var(--t),color var(--t)}@media(hover:hover){.site-nav a:hover{border-block-end-color:var(--ink);color:var(--ink)}}.site-nav a[aria-current]{border-block-end-color:var(--ink);color:var(--ink)}[data-fav-link]{display:none}:root[data-has-fav] [data-fav-link]{display:revert}:root[data-has-fav] [data-fav-empty]{display:none}@media(scripting:none){[data-fav-empty]{display:none}}.theme-toggle{--sh: var(--shadow-3);inline-size:var(--control);block-size:var(--control);flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--bw) solid var(--line);border-radius:var(--radius);background:transparent;color:var(--ink);cursor:pointer;transition:background var(--t)}@media(hover:hover){.theme-toggle:hover{background:var(--filled)}}.theme-toggle__icon{inline-size:var(--icon);block-size:var(--icon)}.theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--sun{display:block}:root[data-theme=dark] .theme-toggle__icon--moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__icon--sun{display:block}:root:not([data-theme=light]) .theme-toggle__icon--moon{display:none}}@media(max-width:48em){.site-nav{display:none}.site-header .brand{margin-inline-end:auto}}.site-footer{background:var(--paper);color:var(--ink);margin-block-start:var(--step-foot);padding-block:var(--space-7) calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.site-footer .wrap{display:grid;gap:var(--space-6)}.site-footer__top{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--space-6) var(--space-7)}.site-footer__about{display:grid;justify-items:start;gap:var(--space-3);max-inline-size:44ch}.site-footer__about p{margin-block-start:var(--space-2);font-size:var(--text-nav);line-height:var(--leading-read);color:var(--muted)}.site-footer__nav{display:flex;gap:var(--space-7)}.site-footer__nav ul{display:grid;gap:var(--space-2);font-size:var(--text-nav)}.site-footer__nav a{color:var(--ink);text-decoration:none}@media(hover:hover){.site-footer__nav a:hover{text-decoration:underline}}.site-footer__copy{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-caps);color:var(--caption)}@media(max-width:40em){.site-footer__nav{flex-direction:column;gap:var(--space-5)}}}@layer components{.btn,.chip,.card,.top,.collection,.theme-toggle,.search__box,.transpose,.shape,.hint,.search__results{box-shadow:var(--sh) var(--sh) 0 var(--line);margin-inline-end:var(--sh);margin-block-end:var(--sh);transition:translate var(--t),box-shadow var(--t),background var(--t),color var(--t)}@media(hover:hover){:is(.btn,.chip,.card,.top,.collection,.theme-toggle,.transpose):hover{translate:var(--press) var(--press);box-shadow:calc(var(--sh) - var(--press)) calc(var(--sh) - var(--press)) 0 var(--line)}}:is(.btn,.chip,.theme-toggle):active,:is(.card,.top,.collection):has(a:active),.transpose:has(button:active){translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--line)}:is(.btn,.chip):disabled{border-color:var(--line-hair);background:none;color:var(--disabled);box-shadow:none;cursor:default}:is(.btn,.chip):disabled:hover{translate:none;box-shadow:none}.top__title a:after,.card__title a:after,.collection__title a:after{content:"";position:absolute;inset:0}:is(.top,.card,.collection,.search__box):has(:focus-visible){outline:var(--ring) solid var(--ink);outline-offset:var(--ring)}.picker__reset{display:inline-flex;align-items:center;min-block-size:var(--control);padding:0;border:0;background:none;font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:var(--caption);text-decoration-thickness:var(--bw);text-underline-offset:.3em}.search__results li+li,.roster li+li,.meta div+div,.index__list li+li,.rail-list li+li{border-block-start:var(--bw) solid var(--line-hair)}.shape__name,.grip__name{font-family:var(--font-mono);font-size:var(--text-mono);font-weight:700;letter-spacing:-.02em}.btn{--sh: var(--shadow-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--control);padding-inline:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink);font-size:var(--text-xs);font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;touch-action:manipulation}.btn--amber{background:var(--amber);color:var(--on-color);font-size:var(--text-nav)}.btn--lg{padding-inline:var(--space-5);font-size:var(--text-nav)}.btn__short{display:none}@media(max-width:30em){.site-header .btn--amber{inline-size:var(--control);padding-inline:0}.site-header .btn--amber .btn__long{position:absolute;inline-size:var(--bw);block-size:var(--bw);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header .btn--amber .btn__short{display:block}}.btn[data-on]{background:var(--accent);color:var(--on-color)}.search{position:relative;--field-sh: var(--shadow-3)}.search__box{--sh: var(--field-sh);display:flex;align-items:center;min-block-size:var(--control);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);overflow:hidden}.search__icon{flex:none;margin-inline-start:var(--search-icon-x);inline-size:var(--search-icon);block-size:var(--search-icon);color:var(--caption)}.search__input{flex:1 1 auto;min-inline-size:0;align-self:stretch;padding-inline:var(--space-3);border:0;background:none;color:var(--ink);caret-color:var(--ink);font-size:var(--text-nav)}.search__input:focus{outline:none}.search__input::placeholder{color:var(--caption)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.site-header .search{flex:none;inline-size:16rem}.search--hero{--field-sh: var(--shadow-6)}.search--hero .search__box{min-block-size:var(--control-hero)}.search--hero .search__input{font-size:var(--text-input);font-weight:500;padding-inline:var(--space-4)}.search__go{flex:none;align-self:stretch;inline-size:var(--search-go);border:0;border-inline-start:var(--bw) solid var(--line);background:var(--pink);color:var(--on-color);font:inherit;font-size:var(--text-base);font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--t)}.search__go:focus-visible{outline-offset:calc(var(--ring) * -1)}.search__go:active{background:var(--accent-hover)}@media(hover:hover){.search__go:hover{background:var(--accent-hover)}}.search__results{--sh: var(--shadow-8);position:absolute;inset-inline:0 var(--field-sh);inset-block-start:calc(100% + var(--space-2));z-index:var(--z-menu);margin-inline-end:0;margin-block-end:0;background:var(--raised);color:var(--ink);border:var(--bw) solid var(--line);border-radius:var(--radius);overflow:hidden;max-block-size:60dvh;overflow-y:auto;transition:none}.search--hero .search__results{inset-block-start:calc(100% + var(--space-1))}.search__results[hidden]{display:none}.search__results a{display:flex;flex-direction:column;gap:var(--space-0);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background var(--t)}.search__results a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600}.search__results a>small{font-size:var(--text-xs);color:var(--caption)}.search__results a:is(:hover,:focus){background:var(--accent-wash)}.search__results a:focus-visible{outline-offset:calc(var(--ring) * -1)}.search__results .search__more{border-block-start:var(--bw) solid var(--line);background:var(--paper)}.search__results .search__more>span{font-weight:700}.search__results .search__more:is(:hover,:focus){background:var(--accent-wash)}@media(max-width:48em){.site-header .search{display:none}}@supports (animation-timeline: scroll(self inline)){.crumbs ol,.picker__list,.alphabet__row,.panel__strip{mask-image:linear-gradient(to right,transparent 0,var(--black) var(--strip-start, 0px),var(--black) calc(100% - var(--strip-end, 0px)),transparent 100%);animation-name:strip;animation-duration:auto;animation-timing-function:linear;animation-timeline:scroll(self inline)}}@keyframes strip{0%{--strip-start: 0;--strip-end: var(--space-5)}10%{--strip-start: var(--space-5);--strip-end: var(--space-5)}90%{--strip-start: var(--space-5);--strip-end: var(--space-5)}to{--strip-start: var(--space-5);--strip-end: 0}}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--stack)}.hero h1{font-size:var(--text-hero);line-height:var(--leading-display);letter-spacing:-.045em;max-inline-size:14ch;text-wrap:balance}.hero h1 br{display:none}@media(max-width:30em){.hero h1{max-inline-size:none;text-wrap:nowrap}.hero h1 br{display:inline}}.picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5)}.picker__label{flex-basis:100%;font-size:var(--text-xs);font-weight:600;color:var(--muted)}.picker__list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block-end:var(--shadow-3);margin-block-end:calc(var(--shadow-3) * -1)}@media(max-width:40em){.picker__list{flex-basis:100%;min-inline-size:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.picker__list::-webkit-scrollbar{display:none}.picker__list>li{flex:none}}.picker__found{flex-basis:100%;display:grid;gap:var(--space-3)}.picker__add{padding:0;border:0;border-block-end:var(--bw) solid var(--line);background:none;font-family:var(--font-mono);font-size:var(--text-mono);font-weight:700;color:var(--ink);cursor:pointer}@media(hover:hover){.picker__add:hover{background:var(--accent)}}.picker__found[hidden]{display:none}.picker__found p{font-size:var(--text-nav);font-weight:600}.picker__songs{display:flex;flex-wrap:wrap;gap:var(--space-3)}.picker__songs .btn{gap:var(--space-3);font-size:var(--text-nav);white-space:normal;text-align:start}.picker__more{justify-self:start;padding:0;border:0;border-block-end:var(--bw) solid var(--line);background:none;font:inherit;font-size:var(--text-xs);font-weight:700;color:var(--ink);cursor:pointer}.picker__more[hidden]{display:none}.picker__songs .btn small{font-size:var(--text-mono);font-weight:400;color:var(--caption)}.chip{--sh: var(--shadow-3);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--control);min-inline-size:var(--control);padding-inline:var(--space-3);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-mono);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;touch-action:manipulation}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-color);translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--stack);flex-wrap:wrap}.section-head p{margin-block-start:var(--space-0);font-size:var(--text-sm);color:var(--caption)}@media(max-width:40em){.section-head>hgroup{flex:1 1 100%}}.eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--caption)}.section-head .eyebrow{padding-block-end:var(--space-1)}.block-head{display:flex;align-items:center;justify-content:start;gap:var(--space-2);min-block-size:var(--icon-sm);margin-block-end:var(--space-3)}.more{display:inline-flex;align-items:center;min-block-size:var(--space-5);font-size:var(--text-xs);font-weight:700;text-decoration:none}@media(hover:hover){.more:hover{text-decoration:underline}}.top-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16.25rem,1fr));margin-block-end:var(--space-4)}.top{--sh: var(--shadow-5);position:relative;display:flex;flex-direction:column;gap:var(--space-3);min-block-size:11.25rem;padding:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink)}.top__num{font-family:var(--font-mono);font-size:var(--text-number);font-weight:700;letter-spacing:-.06em;line-height:.8}.top__title{display:block;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-tight);text-wrap:balance}.top__title a{text-decoration:none}.top__name{display:grid;gap:var(--space-1)}.top__artist{font-size:var(--text-xs);color:var(--caption)}.top__chords{margin-block-start:auto;padding-block-start:var(--space-3);border-block-start:var(--bw) solid var(--line-hair);font-family:var(--font-mono);font-size:var(--text-mono);font-weight:500}.roster{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);overflow:hidden}.roster__row{display:grid;grid-template-columns:var(--num-col) minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:auto;align-items:center;gap:var(--row-gap);padding:var(--space-3) var(--space-5);text-decoration:none;transition:background var(--t)}.roster__row:hover{background:var(--accent-wash)}[data-fav-list] li{display:flex;align-items:center;gap:var(--space-2);padding-inline-end:var(--space-5)}[data-fav-list] .roster__row{flex:1 1 auto;min-inline-size:0}.roster__row:focus-visible{outline-offset:calc(var(--ring) * -1)}.roster__num{font-family:var(--font-mono);font-size:var(--text-mono);font-weight:500;color:var(--caption)}.roster__text{display:grid;gap:var(--space-0);min-inline-size:0}.roster__title{font-size:var(--text-base);font-weight:600;letter-spacing:-.01em}.roster__sub{font-size:var(--text-xs);color:var(--caption)}.roster__meta{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:500;color:var(--nav);white-space:nowrap}.roster__move{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:600;white-space:nowrap;color:var(--caption)}.roster__move[data-dir=up]{color:var(--ink)}.roster__move[data-dir=new]{padding-inline:var(--space-1);border-radius:var(--radius-sm);background:var(--amber);color:var(--on-color)}.roster__heat{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;white-space:nowrap}.rest>summary{display:flex;align-items:center;justify-content:center;min-block-size:var(--control);margin-block-start:calc(var(--bw) * -1);border:var(--bw) solid var(--line);border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--radius);border-end-end-radius:var(--radius);background:var(--paper);font-size:var(--text-xs);font-weight:700;cursor:pointer;list-style:none;transition:background var(--t)}.rest>summary::-webkit-details-marker{display:none}.rest:not([open]) [data-rest-less],.rest[open] [data-rest-more]{display:none}.rest>summary:hover{background:var(--accent-wash)}.rest[open]>summary{border-end-start-radius:0;border-end-end-radius:0}.rest>.roster{border-start-start-radius:0;border-start-end-radius:0;border-block-start:0}.roster:has(+.rest){border-end-start-radius:0;border-end-end-radius:0}@media(max-width:40em){.roster__row{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;padding-inline:var(--space-4)}.roster__num{display:none}.roster__meta{justify-self:start}}.grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14.375rem,1fr))}.card{--sh: var(--shadow-4);position:relative;display:grid;gap:var(--space-3);align-content:space-between;min-block-size:5.5rem;padding:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.card__title{display:block;font-size:var(--text-lg);font-weight:700;letter-spacing:-.015em;line-height:var(--leading-tight);text-wrap:balance}.card__title a{text-decoration:none}.card__count{flex:none;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:600;color:var(--caption)}.bar{display:block;block-size:.375rem;border:var(--bw) solid var(--line);overflow:hidden}.bar:after{content:"";display:block;block-size:100%;inline-size:var(--w, 0%);background:var(--accent)}.collections{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.collection{--sh: var(--shadow-5);position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-7);min-block-size:9.375rem;padding:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--amber);color:var(--on-color)}.collection__count{font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.collection__title{display:block;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-tight);text-wrap:balance}.collection__title a{text-decoration:none}.collection ::selection{background:var(--black);color:var(--white)}.alphabet{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);padding:var(--space-3)}.alphabet__row{--abc-cols: 31;display:grid;grid-template-columns:repeat(var(--abc-cols),minmax(0,1fr));gap:var(--abc-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity}.alphabet__row:lang(en){--abc-cols: 28}.alphabet__row{scroll-padding-inline:var(--space-3)}.alphabet__row>li{scroll-snap-align:start}.alphabet__row>li.alphabet__apart{grid-column:span 2;margin-inline-start:var(--abc-divider);border-inline-start:var(--bw) solid var(--line-hair)}.alphabet__row>li.alphabet__apart :is(a,span){inline-size:max-content;max-inline-size:100%;min-inline-size:0;padding-inline:calc((var(--abc-cell) - var(--abc-glyph)) / 2)}.alphabet__row+.alphabet__row{margin-block-start:var(--space-3);padding-block-start:var(--space-3);border-block-start:var(--bw) solid var(--line-hair)}.alphabet__row :is(a,span){display:flex;align-items:center;justify-content:center;inline-size:min(100%,var(--abc-cell));block-size:var(--abc-cell);margin-inline:auto;border:var(--bw) solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-mono);font-weight:600;line-height:1;text-decoration:none;transition:background var(--t)}.alphabet__row a:hover,.alphabet__row a[aria-current]{background:var(--accent);color:var(--on-color)}.alphabet__row span{border-color:var(--line-hair);color:var(--disabled)}@media(max-width:64em){.alphabet{padding-inline:0}.alphabet__row{display:flex;overflow:auto;padding-inline:var(--space-3)}.alphabet__row>li{flex:0 0 var(--abc-cell)}.alphabet__row>li.alphabet__apart{flex-basis:calc(2 * var(--abc-cell) + var(--abc-gap) - var(--abc-divider))}}.prose>.page-header{margin-block-end:var(--step)}.page-header__sub{margin-block-start:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--muted)}.heading-tail{display:block;margin-block-start:var(--space-1);font-size:var(--text-h1-tail);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.02em}.song{column-gap:var(--space-6)}@media(min-width:64em){.song{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);align-items:start;grid-template-areas:"head head" "panel panel" "main side" "rate side" "meta side"}.song__head{grid-area:head}.panel{grid-area:panel}.song__main{grid-area:main}.rate{grid-area:rate}.song__meta{grid-area:meta}.rail{grid-area:side}}.shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-5) var(--space-4)}.shape{margin:0;--sh: var(--shadow-8);display:grid;justify-items:center;align-content:start;gap:var(--space-1);inline-size:8.5rem;padding-block:var(--space-3) var(--space-2);padding-inline:var(--space-2);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink);margin-inline-end:0;margin-block-end:0}.shape:not(:popover-open){display:none}.shape::backdrop{background:transparent}.shape:popover-open{block-size:auto;max-block-size:90dvh}@supports (position-area: block-start){.shape:popover-open{inset:auto;margin:0;margin-block:var(--space-2);position-area:block-start;position-try-fallbacks:flip-block,--pin-start,--pin-end,--pin-start flip-block,--pin-end flip-block}@position-try --pin-start{position-area:block-start span-inline-end}@position-try --pin-end{position-area:block-start span-inline-start}}.shape__svg{inline-size:100%;block-size:auto;display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shape__pick{display:flex;align-items:center;justify-content:space-between;inline-size:100%;margin-block-start:var(--space-1)}.shape__step{display:flex;align-items:center;justify-content:center;inline-size:var(--control);block-size:var(--control);padding:0;border:0;border-radius:var(--radius);background:none;color:inherit;font:inherit;font-size:var(--text-lg);font-weight:700;line-height:1;cursor:pointer;transition:background var(--t)}@media(hover:hover){.shape__step:hover{background:var(--accent)}}.shape__count{flex:1;text-align:center;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-mono);font-variant-numeric:tabular-nums;color:var(--caption)}.grip__open{display:block;inline-size:100%;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:inherit;cursor:pointer;transition:background var(--t)}@media(hover:hover){.grip__open:hover{background:var(--accent)}}.shape__none{color:var(--caption);font-size:var(--text-xs)}.sheet{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);overflow:hidden}.sheet__body{padding:var(--sheet-pad);font-size:var(--song-size, var(--text-md));line-height:var(--leading);font-variant-numeric:tabular-nums}.st+.st{margin-block-start:1.6em}.l{padding-inline-start:calc(var(--g, 0) * 1em)}.l--lbl,.l--p{padding-inline-start:0}.l--lbl{margin-block-end:.4em;font-family:var(--font-mono);font-size:.62em;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--caption)}.l--c{line-height:2.4;white-space:pre-wrap}.w{white-space:nowrap}.a{position:relative;display:inline-block;inline-size:0;block-size:1em;vertical-align:baseline;inset-inline-start:calc(var(--x, 0) * 1em);margin-inline-start:calc(var(--p, 0) * 1em)}.a--tail{inline-size:calc(var(--w, 0) * 1em)}.a .chord{position:absolute;inset-inline-start:0;inset-block-end:calc(.86em / var(--chord-size));font-size:calc(var(--chord-size) * 1em);line-height:1;white-space:nowrap}.sheet__body .chord{font-family:var(--font-mono);font-weight:700;color:var(--ink);padding:0 .12em;margin-inline-start:-.12em;border:0;border-radius:var(--radius-sm);background:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t)}.l--p .chord{position:relative}.sheet__body .chord:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:max(100%,var(--control));block-size:max(100%,var(--control));translate:-50% -50%}@media(hover:hover){.sheet__body .chord:hover{background:var(--accent)}}.l--p .chord{margin-inline-end:.7em;font-size:.86em}.rate__box{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled)}.rate__stars{display:inline-flex;margin-inline-start:calc(var(--rate-star-pad) * -1);margin-block:var(--rate-pull)}.rate__star{display:inline-grid;place-items:center;padding-inline:var(--rate-star-pad);min-block-size:var(--control);color:var(--ink);cursor:pointer;touch-action:manipulation}.rate__icon{inline-size:var(--rate-star);block-size:var(--rate-star);fill:transparent;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;transition:fill var(--t),stroke var(--t)}.rate__stars:not(:hover) :is(.rate__star:has(:checked),.rate__star:has(~.rate__star :checked)) .rate__icon,.rate__stars:hover :is(.rate__star:hover,.rate__star:has(~.rate__star:hover)) .rate__icon{fill:var(--amber);stroke:var(--amber)}.rate__star:has(:focus-visible){outline:var(--ring) solid var(--ink);outline-offset:calc(var(--ring) * -1);border-radius:var(--radius-sm)}.rate__out{font-family:var(--font-mono);font-size:var(--text-mono);font-weight:500;color:var(--caption);font-variant-numeric:tabular-nums;white-space:nowrap}.rate__avg{color:var(--ink)}.meta{display:grid;border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);overflow:hidden;font-size:var(--text-nav)}.meta div{display:grid;grid-template-columns:6.5rem 1fr;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-5)}@media(max-width:40em){.meta div{padding-inline:var(--space-4)}}.index{columns:18rem;column-gap:var(--space-5)}.index__group{break-inside:avoid;margin-block-end:var(--space-5);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);overflow:hidden}.index__letter{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5);border-block-end:var(--bw) solid var(--line);background:var(--paper);font-size:var(--text-base);font-weight:800;letter-spacing:-.02em}.index__letter small{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:500;color:var(--caption)}.index__list a{display:grid;gap:var(--space-0);padding:var(--space-2) var(--space-5);font-size:var(--text-nav);text-decoration:none;transition:background var(--t)}.index__list a:hover{background:var(--accent-wash)}.index__list small{font-size:var(--text-xs);color:var(--caption)}.index__list span small{display:block;margin-block-start:var(--space-0)}.index__list a:has(small[translate=no]){grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-3)}.index__list small[translate=no]{justify-self:end;font-family:var(--font-mono);font-size:var(--text-micro)}.crumbs{margin-block-start:var(--space-4);font-size:var(--text-xs);color:var(--caption)}.crumbs ol{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.crumbs ol::-webkit-scrollbar{display:none}.crumbs li{flex:none;white-space:nowrap}.crumbs li+li:before{content:"/";margin-inline-end:var(--space-2);color:var(--caption)}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs [aria-current]{color:var(--ink)}.fav[data-on]{background:var(--amber);color:var(--on-color)}.panel[data-past]{position:static}.panel{position:sticky;inset-block-start:0;z-index:var(--z-tools);display:flex;align-items:center;gap:var(--space-3) var(--space-5);min-block-size:var(--panel);padding-block:var(--space-3);border-block:var(--bw) solid var(--line);background:var(--paper)}.panel__strip{position:relative;flex:1 1 auto;min-inline-size:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.panel__group{display:inline-flex;align-items:center;gap:var(--space-3);flex:none}.panel__speed{inline-size:6.5rem;block-size:var(--control);align-self:start;accent-color:var(--accent);touch-action:pan-y}.panel__icon{font-size:.8em}.panel__swap{display:grid}.panel__swap>*{grid-area:1 / 1}.panel__swap>*+*{visibility:hidden}@media(max-width:64em){.panel .fav [data-fav-text]{position:absolute;inline-size:var(--bw);block-size:var(--bw);overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.transpose{--sh: var(--shadow-3);display:inline-flex;align-items:stretch;block-size:var(--control);outline:var(--bw) solid var(--line);outline-offset:calc(-1 * var(--bw));border-radius:var(--radius);background:var(--filled);overflow:hidden}.transpose__step,.transpose__value{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;line-height:1;cursor:pointer;transition:background var(--t)}.transpose__step{min-inline-size:var(--control);font-size:var(--text-lg)}.transpose__value{min-inline-size:4rem;padding-inline:var(--space-2);border-inline:var(--bw) solid var(--line-hair);font-family:var(--font-mono);font-size:var(--text-mono)}.transpose__value:disabled{cursor:default}.transpose--size :is(.transpose__step,.transpose__value){font-family:inherit;font-size:var(--text-xs)}.transpose--size .transpose__value{min-inline-size:var(--control);padding-inline:0}@media(hover:hover){:is(.transpose__step,.transpose__value:enabled):hover{background:var(--accent)}}:is(.transpose__step,.transpose__value):focus-visible{outline-offset:calc(var(--ring) * -1)}.rail{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--step);align-content:start}.rail-card,.rail-list a,.rail-list li{min-inline-size:0}@media(min-width:64em){.rail{position:sticky;inset-block-start:calc(var(--panel) + var(--space-4))}}.rail-card__box{padding:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled)}.grips{display:grid;grid-template-columns:repeat(auto-fill,var(--grip));gap:var(--space-4) var(--space-3);justify-content:space-between}.grip{display:grid;justify-items:center;gap:var(--space-1);inline-size:var(--grip);margin:0}.grip__none{font-size:var(--text-xs);color:var(--caption)}.boy{display:grid;gap:var(--space-4)}.boy__row{margin:0;display:grid;gap:var(--space-1);min-inline-size:0}.boy__part{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--caption)}.boy__line{display:flex;flex-wrap:nowrap;align-items:center;gap:calc(var(--boy) * .45);min-inline-size:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.hint__open{display:grid;place-items:center;inline-size:var(--icon-sm);block-size:var(--icon-sm);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:700;line-height:1;color:var(--on-color);background:var(--accent);border:var(--bw) solid var(--line);border-radius:var(--radius-round);padding:0;cursor:pointer;position:relative}.hint__open:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--control);block-size:var(--control);translate:-50% -50%}@media(hover:hover){.hint__open:hover{background:var(--accent-hover)}}.hint{--sh: var(--shadow-8);inset:0;margin:auto;inline-size:min(20rem,calc(100vw - var(--space-6)));block-size:fit-content;max-block-size:calc(100% - var(--space-6));overflow-y:auto;display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink)}.hint:not(:popover-open){display:none}.hint::backdrop{background:transparent}.hint:popover-open{inset:var(--hint-inset);margin:var(--hint-margin);position-area:var(--hint-area);position-try-fallbacks:--hint-right,flip-block,--hint-right flip-block}@position-try --hint-right{position-area:block-end span-inline-end}.hint__list{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3) var(--space-4);margin:0}.hint__list div{display:contents}.hint__list dt{display:flex;justify-content:center;min-inline-size:var(--hint-sign)}.hint__sign{display:block;block-size:var(--hint-sign);inline-size:auto}.hint__mark{display:flex;align-items:center;block-size:var(--hint-sign);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;line-height:1}.hint__list dd{margin:0;font-size:var(--text-sm)}.boy__svg{display:block;block-size:var(--boy);inline-size:auto;max-inline-size:none;flex:none}.rail-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;align-content:center;gap:var(--space-0) var(--space-3);min-block-size:var(--control);padding-block:var(--space-2);text-decoration:none}.rail-list__title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-nav);font-weight:600}.rail-list__chords{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--caption);white-space:nowrap}@media(min-width:64em){.rail-list a{grid-template-columns:minmax(0,1fr)}}.rail-list__more{font-size:var(--text-nav);font-weight:600}@media(hover:hover){.rail-list a:hover .rail-list__title,.rail-list__more:hover{text-decoration:underline}}:root[data-focus] :is(.rail,.block-head,.rate,.song__meta,.song__head,.crumbs){display:none}:root[data-focus] .sheet__body{font-size:max(var(--text-focus),var(--song-size, var(--text-focus)))}.prose{font-size:var(--text-md);line-height:var(--leading-read)}.prose>p+p{margin-block-start:var(--space-4)}}@layer utilities{.muted{color:var(--muted)}.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media print{:root{color-scheme:light}@page{margin:14mm}.site-header,.site-footer,.panel,.rail,.crumbs,.search,.fav,.rate{display:none!important}.btn,.chip,.card,.top,.collection,.theme-toggle,.search__box,.transpose,.shape,.hint,.search__results{box-shadow:none;margin-inline-end:0;margin-block-end:0}body{background:var(--white);color:var(--black)}.st,.shape,.meta div{break-inside:avoid}.song__head{break-after:avoid}.sheet{border:0}.sheet__body{padding:0;font-size:11pt}.sheet__body .chord{color:var(--black)}.shape,.shape:not(:popover-open){display:grid;position:static;inline-size:auto;box-shadow:none;border:0;padding:0}.shape__name{background:none;color:var(--black)}}