@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg{block-size:auto;max-inline-size:100%;display:block}button,input{font:inherit;color:inherit}ul[class],ol[class],nav ul,nav ol{padding:0;list-style:none}a{color:inherit}search,hgroup,output{display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer tokens{:root{color-scheme:light dark;--black:#000;--white:#fff;--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:#333;--gray-2:#555;--gray-3:#666;--hair:#e6e4df;--footer-ink:#f4f4f0;--footer-dim:#c9c7c2;--footer-faint:#8b8985;--ink:light-dark(var(--black),var(--ink-dark));--paper:light-dark(var(--paper-light),var(--paper-dark));--filled:light-dark(var(--white),var(--card-dark));--raised:light-dark(var(--white),var(--raised-dark));--line:var(--ink);--line-hair:light-dark(var(--hair),#e8e8e829);--nav:light-dark(var(--gray-1),#e8e8e8d6);--muted:light-dark(var(--gray-2),#e8e8e8ad);--caption:light-dark(var(--gray-3),#e8e8e894);--disabled:light-dark(#00000073,#e8e8e873);--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:var(--text-lg);--heading-gap:.8em;--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;--row:calc(var(--control) + 2 * var(--space-2));--icon-sm:1rem;--icon:1.25rem;--radius:.5rem;--radius-sm:.375rem;--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;--ring-room:calc(var(--ring) * 2);--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-pad:var(--space-4);--header:calc(var(--control) + 2 * var(--header-pad));--num-col:2.375rem;--row-gap:var(--space-4);--sheet-pad:var(--space-5) var(--space-6);--grip:4.5rem;--boy:1.75rem;--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 (width<=40em){:root{--step:var(--space-5);--step-section:var(--space-7);--step-head:var(--space-6);--step-foot:var(--space-8);--header-pad:var(--space-3);--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)}}.site-footer{--ink:var(--footer-ink);--paper:var(--black);--filled:var(--black);--raised:var(--black);--line:var(--footer-ink);--line-hair:#f4f4f029;--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{background:var(--paper);min-block-size:100dvh;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;flex-direction:column;display:flex}main{flex:1 0 auto;margin-block-start:var(--step-head)}main:focus{outline:none}: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);letter-spacing:-.04em;line-height:.98}h2{font-size:var(--text-h2)}h3{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700}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{gap:var(--step);flex-direction:column;display:flex}.page--airy{gap:var(--step-section)}.skip-link{z-index:var(--z-skip);block-size:var(--control);padding-inline:var(--space-4);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-size:var(--text-nav);align-items:center;font-weight:600;text-decoration:none;display:flex;position:absolute;inset-block-start:-100%;inset-inline-start:max(var(--gutter), (100% - var(--wide)) / 2)}.skip-link:focus{inset-block-start:var(--header-pad)}.skip-link:focus-visible{outline-color:var(--paper);outline-offset:calc(var(--ring) * -2)}.site-header{background:var(--paper);border-block-end:var(--bw) solid var(--line)}.site-header .wrap{align-items:center;gap:var(--space-5);block-size:var(--header);display:flex}.brand{align-items:center;gap:var(--space-2);min-block-size:var(--space-5);font-size:var(--text-lg);letter-spacing:.04em;flex:none;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand__mark{inline-size:var(--brand-mark);block-size:var(--brand-mark);background:url(/assets/images/mark.svg) 50%/contain no-repeat;flex:none}.brand:hover{text-decoration:none}.site-nav{flex:auto;min-inline-size:0}.site-nav ul{align-items:center;gap:var(--space-5);display:flex}.site-nav a{padding-block:var(--space-1);border-block-end:var(--bw) solid transparent;color:var(--nav);font-size:var(--text-nav);transition:border-color var(--t), color var(--t);font-weight:500;text-decoration:none;display:inline-block}@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)}: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);border:var(--bw) solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;transition:background var(--t);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@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 (width<=48em){.site-nav{display:none}.site-header .brand{margin-inline-end:auto}}.site-footer{background:var(--paper);color:var(--ink);padding-block:var(--space-7) calc(var(--space-6) + env(safe-area-inset-bottom,0px));margin-block-start:var(--step-foot)}.site-footer .wrap{gap:var(--space-6);display:grid}.site-footer__top{justify-content:space-between;align-items:start;gap:var(--space-6) var(--space-7);flex-wrap:wrap;display:flex}.site-footer__about{justify-items:start;gap:var(--space-3);max-inline-size:44ch;display:grid}.site-footer__nav{gap:var(--space-7);display:flex}.site-footer__nav nav{gap:var(--space-2);display:grid}.site-footer__nav ul{gap:var(--space-2);font-size:var(--text-nav);display:grid}.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 (width<=40em){.site-footer__nav{gap:var(--space-5);flex-direction:column}}}@layer components{.btn,.chip,.card,.top,.collection,.theme-toggle,.search__box,.transpose,.shape,.search__results{box-shadow:var(--sh) var(--sh) 0 var(--line);transition:translate var(--t), box-shadow var(--t), background var(--t), color var(--t);margin-block-end:var(--sh);margin-inline-end:var(--sh)}@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:not([aria-disabled=true])){translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--line)}:is(.btn,.chip):is(:disabled,[aria-disabled=true]){border-color:var(--line-hair);color:var(--disabled);box-shadow:none;cursor:default;background:0 0}:is(.btn,.chip):is(:disabled,[aria-disabled=true]):is(:hover,:active){box-shadow:none;translate: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)}:is(.top,.card,.collection):has(:focus-visible) :focus-visible{outline:none}.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);letter-spacing:-.02em;font-weight:700}.btn{--sh:var(--shadow-3);justify-content:center;align-items: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);white-space:nowrap;cursor:pointer;touch-action:manipulation;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn[data-on]{background:var(--accent);color:var(--on-color)}.search{--field-sh:var(--shadow-3);position:relative}.search__box{--sh:var(--field-sh);min-block-size:var(--control);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);align-items:center;display:flex;overflow:hidden}.search__icon{inline-size:var(--search-icon);block-size:var(--search-icon);color:var(--caption);flex:none;margin-inline-start:var(--search-icon-x)}.search__input{min-inline-size:0;padding-inline:var(--space-3);color:var(--ink);caret-color:var(--ink);font-size:var(--text-nav);background:0 0;border:0;flex:auto;align-self:stretch}.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);padding-inline:var(--space-4);font-weight:500}.search__go{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);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--t);flex:none;align-self:stretch;font-weight:700;line-height:1}.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);inset-inline:0 var(--field-sh);z-index:var(--z-menu);background:var(--raised);color:var(--ink);border:var(--bw) solid var(--line);border-radius:var(--radius);max-block-size:60dvh;margin-block-end:0;margin-inline-end:0;transition:none;position:absolute;inset-block-start:calc(100% + var(--space-2));overflow:hidden auto}.search--hero .search__results{inset-block-start:calc(100% + var(--space-1))}.search__results[hidden]{display:none}.search__results a{gap:var(--space-0);padding:var(--space-3) var(--space-4);transition:background var(--t);flex-direction:column;text-decoration:none;display:flex}.search__results a>span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600;overflow:hidden}.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 (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}}.crumbs ol,.picker__list,.alphabet__row,.panel__strip{padding:var(--ring-room);margin:calc(var(--ring-room) * -1);scroll-padding-inline:var(--ring-room)}.hero{gap:var(--stack);grid-template-columns:minmax(0,1fr);display:grid}.hero h1{font-size:var(--text-hero);line-height:var(--leading-display);letter-spacing:-.045em;text-wrap:balance;max-inline-size:14ch}.hero h1 br{display:none}@media (width<=30em){.hero h1{text-wrap:nowrap;max-inline-size:none}.hero h1 br{display:inline}}.picker{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.picker__label{font-size:var(--text-xs);color:var(--muted);flex-basis:100%;font-weight:600}.picker__list{gap:var(--space-2);flex-wrap:wrap;margin-block-end:calc(max(var(--ring-room), var(--shadow-3)) * -1);padding-block-end:max(var(--ring-room), var(--shadow-3));display:flex}@media (width<=48em){.picker__list{flex-basis:calc(100% + 2 * var(--ring-room));scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;min-inline-size:0;overflow-x:auto}.picker__list::-webkit-scrollbar{display:none}.picker__list>li{flex:none}}.picker__found{gap:var(--space-3);flex-basis:100%;display:grid}.picker__add{border:0;border-block-end:var(--bw) solid var(--line);font-family:var(--font-mono);font-size:var(--text-mono);color:var(--ink);cursor:pointer;background:0 0;padding:0;font-weight:700}@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{gap:var(--space-3);flex-wrap:wrap;display:flex}.picker__songs .btn{gap:var(--space-3);font-size:var(--text-nav);white-space:normal;text-align:start}.picker__more{font:inherit;font-size:var(--text-xs);color:var(--ink);text-decoration:none;text-decoration-thickness:var(--bw);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700}@media (hover:hover){.picker__more:hover{text-decoration-line:underline}}.picker__more[hidden]{display:none}.picker__songs .btn small{font-size:var(--text-mono);color:var(--caption);font-weight:400}.chip{--sh:var(--shadow-3);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);white-space:nowrap;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.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{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--stack);display:flex}.section-head p{font-size:var(--text-sm);color:var(--caption);margin-block-start:var(--space-0)}@media (width<=40em){.section-head>hgroup{flex:100%}}.eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--caption);font-weight:600}.section-head .eyebrow{padding-block-end:var(--space-1)}.block-head{justify-content:start;align-items:center;gap:var(--space-2);min-block-size:var(--icon-sm);margin-block-end:var(--space-3);display:flex}.more{min-block-size:var(--space-5);font-size:var(--text-xs);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.more:hover{text-decoration:underline}}.top-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;margin-block-end:var(--space-4);display:grid}@media (width<=40em){.top-grid{grid-template-columns:minmax(0,1fr)}}.top{--sh:var(--shadow-5);gap:var(--space-3);min-block-size:8rem;padding:var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);color:var(--ink);flex-direction:column;display:flex;position:relative}.top__num{font-family:var(--font-mono);font-size:var(--text-number);letter-spacing:-.06em;font-weight:700;line-height:.8}.top__title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-tight);text-wrap:balance;display:block}.top__title a{text-decoration:none}.top__name{gap:var(--space-1);display:grid}.top__artist{font-size:var(--text-xs);color:var(--caption)}.roster{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);margin:0;padding:0;list-style:none;overflow:hidden}.roster li{grid-template-columns:var(--num-col) minmax(0, 1fr);align-items:center;padding-inline-start:var(--space-5);display:grid}.roster li:has(.roster__row:hover){background:var(--accent-wash)}.roster__num{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--caption);font-weight:500}.roster__row{align-items:center;gap:var(--row-gap);padding-block:var(--space-3);padding-inline:0 var(--space-5);transition:background var(--t);grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;text-decoration:none;display:grid}[data-fav-list] li{grid-template-columns:var(--num-col) minmax(0, 1fr) auto;padding-inline-end:var(--space-5)}.roster__drop{min-block-size:var(--control);padding:0 var(--ring-room);margin-inline:calc(var(--ring-room) * -1);color:var(--caption);font:inherit;font-size:var(--text-xs);cursor:pointer;text-decoration:none;text-decoration-thickness:var(--bw);text-underline-offset:.3em;transition:color var(--t);background:0 0;border:0;align-items:center;font-weight:600;display:inline-flex}@media (hover:hover){.roster__drop:hover{color:var(--ink);text-decoration-line:underline}}.roster__row:focus-visible{outline-offset:calc(var(--ring) * -1)}.roster li:has(>.roster__row:focus-visible){outline:var(--ring) solid var(--ink);outline-offset:calc(var(--ring) * -1)}.roster li:has(>.roster__row:focus-visible)>.roster__row{outline:none}.roster__text{gap:var(--space-0);min-inline-size:0;display:grid}.roster__title{font-size:var(--text-base);letter-spacing:-.01em;font-weight:600}.roster__sub{font-size:var(--text-xs);color:var(--caption)}.roster__move{font-family:var(--font-mono);font-size:var(--text-micro);white-space:nowrap;color:var(--caption);font-weight:600}.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)}.rest>summary{min-block-size:var(--control);border:var(--bw) solid var(--line);background:var(--paper);font-size:var(--text-xs);cursor:pointer;transition:background var(--t);border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--radius);border-end-start-radius:var(--radius);justify-content:center;align-items:center;margin-block-start:calc(var(--bw) * -1);font-weight:700;list-style:none;display:flex}.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-end-radius:0;border-end-start-radius:0}.rest>.roster{border-block-start:0;border-start-start-radius:0;border-start-end-radius:0}.roster:has(+.rest){border-end-end-radius:0;border-end-start-radius:0}@media (width<=40em){.roster li{padding-inline:var(--space-4) 0;grid-template-columns:minmax(0,1fr)}[data-fav-list] li{padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.roster__num{display:none}.roster__row{padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr);grid-auto-flow:row}}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14.375rem,1fr));grid-auto-rows:1fr;display:grid}.card{--sh:var(--shadow-4);gap:var(--space-3);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);align-content:space-between;display:grid;position:relative}.card__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.card__title{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:700;line-height:var(--leading-tight);text-wrap:balance;display:block}.card__title a{text-decoration:none}.bar{border:var(--bw) solid var(--line);block-size:.375rem;display:block;overflow:hidden}.bar:after{content:"";block-size:100%;inline-size:var(--w,0%);background:var(--accent);display:block}.collections{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-auto-rows:1fr;display:grid}.collection{--sh:var(--shadow-5);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);flex-direction:column;display:flex;position:relative}.collection__count{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.collection__title{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-tight);text-wrap:balance;display:block}.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;grid-template-columns:repeat(var(--abc-cols), minmax(0, 1fr));gap:var(--abc-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;display:grid}.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{border-inline-start:var(--bw) solid var(--line-hair);grid-column:span 2;margin-inline-start:var(--abc-divider)}.alphabet__row>li.alphabet__apart :is(a,span){inline-size:max-content;min-inline-size:0;max-inline-size:100%;padding-inline:calc((var(--abc-cell) - var(--abc-glyph)) / 2)}.alphabet__row+.alphabet__row{border-block-start:var(--bw) solid var(--line-hair);margin-block-start:var(--space-3);padding-block-start:var(--space-3)}.alphabet__row :is(a,span){inline-size:min(100%, var(--abc-cell));block-size:var(--abc-cell);border:var(--bw) solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-mono);transition:background var(--t);justify-content:center;align-items:center;margin-inline:auto;font-weight:600;line-height:1;text-decoration:none;display:flex}.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 (width<=64em){.alphabet{padding-inline:var(--ring-room)}.alphabet__row{padding-inline:var(--space-3);display:flex;overflow:auto}.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{font-size:var(--text-sm);color:var(--muted);margin-block-start:var(--space-2);font-weight:600}.heading-tail{clip-path:inset(-100vmax -100vmax -100vmax var(--heading-gap));font-size:var(--text-h1-tail);font-weight:500;line-height:var(--leading-tight);letter-spacing:0;margin-block-start:var(--space-2);margin-inline-start:calc(var(--heading-gap) * -1);display:block}.heading-tail__part{white-space:nowrap;margin-inline-start:var(--heading-gap);display:inline-block}.heading-tail__sep{inline-size:var(--heading-gap);text-align:center;margin-inline-start:calc(var(--heading-gap) * -1);display:inline-block}.heading-tail__nb{font-size:0}.song{column-gap:var(--space-6)}@media (width>=64em){.song{grid-template-columns:minmax(0, 1fr) var(--rail);grid-template-areas:"head head""panel panel""main side""rate side""meta side""similar side";align-items:start;display:grid}.song__head{grid-area:head}.panel{grid-area:panel}.song__main{grid-area:main}.rate{grid-area:rate}.song__meta{grid-area:meta}.similar{grid-area:similar}.rail{grid-area:side}}.shapes{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.shape{--sh:var(--shadow-8);align-content:start;justify-items:center;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:0;margin-block-end:0;margin-inline-end:0;display:grid;overflow-x:clip}.shape:not(:popover-open){display:none}.shape::backdrop{background:0 0}.shape:popover-open{block-size:auto;max-block-size:90dvh}@supports (position-area:block-start){.shape:popover-open{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;inset:auto}@position-try --pin-start{position-area:block-start span-inline-end}@position-try --pin-end{position-area:block-start span-inline-start}}.shape__svg{block-size:auto;inline-size:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:block}.shape__pick{inline-size:100%;justify-content:space-between;align-items:center;margin-block-start:var(--space-1);display:flex}.shape__pick[hidden]{display:none}.shape__step{inline-size:var(--icon);block-size:var(--control);border-radius:var(--radius);color:inherit;font:inherit;font-size:var(--text-lg);cursor:pointer;touch-action:manipulation;transition:background var(--t);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:flex;position:relative}.shape__step:after{content:"";inline-size:var(--control);position:absolute;inset-block:0}.shape__step:first-child:after{inset-inline-start:calc(var(--space-2) * -1)}.shape__step:last-child:after{inset-inline-end:calc(var(--space-2) * -1)}@media (hover:hover){.shape__step:hover{background:var(--accent)}}.shape__count{text-align:center;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-mono);font-variant-numeric:tabular-nums;color:var(--caption);flex:1}.grip__open{border-radius:var(--radius-sm);inline-size:100%;color:inherit;cursor:pointer;transition:background var(--t);background:0 0;border:0;padding:0;display:block}@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)}.st+.st{margin-block-start:1.25em}.l{--gutter:calc(var(--g,0) * var(--chord-size) * .75em);text-indent:calc(-1 * var(--gutter));tab-size:calc(var(--chord-size) * .75em);white-space:pre-wrap;padding-inline-start:var(--gutter);position:relative}.l--lbl,.l--p{--gutter:0px}.l--lbl{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--caption);margin-block-end:.4em;font-size:.62em;font-weight:600}.rep{font-family:var(--font-mono);color:var(--caption);white-space:nowrap;margin-inline-start:.73em;font-size:.82em;font-weight:600}.w{white-space:nowrap}.cs{text-indent:0;white-space:normal;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;inset-block-start:0;inset-inline-start:var(--gutter)}.cs .chord{-webkit-user-select:text;user-select:text}.a{-webkit-user-select:none;user-select:none;vertical-align:baseline;block-size:2em;inline-size:0;display:inline-block}.l--r:before{content:"";vertical-align:baseline;block-size:2em;inline-size:0;display:inline-block}.a--tail{inline-size:calc(var(--w,0) * 1em)}.chord--dup{display:none}.cs .chord{font-size:calc(var(--chord-size) * 1em);white-space:nowrap;line-height:1;position:absolute;inset-block-start:calc((var(--y,0) * 1em + 2em - .86em - .85em) / var(--chord-size));inset-inline-start:calc(var(--x,0) * 1em / var(--chord-size))}.sheet__body .chord{font-family:var(--font-mono);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t);background:0 0;border:0;margin-inline-start:-.12em;padding:0 .12em;font-weight:700}.l--p .chord{position:relative}.sheet__body .chord:after{content:"";inline-size:max(100%, var(--control));block-size:max(100%, var(--control));position:absolute;inset-block-start:50%;inset-inline-start:50%;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{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:var(--row);padding:var(--space-2) var(--space-4);border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);display:flex}.rate__stars{margin-inline-start:calc(var(--rate-star-pad) * -1);margin-block:var(--rate-pull);display:inline-flex}.rate__star{padding-inline:var(--rate-star-pad);min-block-size:var(--control);color:var(--ink);cursor:pointer;touch-action:manipulation;place-items:center;display:inline-grid}.rate__icon{inline-size:var(--rate-star);block-size:var(--rate-star);fill:#0000;stroke:currentColor;stroke-width:1.5px;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);color:var(--caption);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.rate__avg{color:var(--ink)}.meta{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);font-size:var(--text-nav);display:grid;overflow:hidden}.meta div{align-content:center;align-items:baseline;gap:var(--space-4);min-block-size:var(--row);padding:var(--space-2) var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.meta dd{text-align:end}.index{columns:18rem;column-gap:var(--space-5)}.index__group{break-inside:avoid;border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--filled);margin-block-end:var(--space-5);overflow:hidden}.index__letter{padding:var(--space-2) var(--space-5);border-block-end:var(--bw) solid var(--line);background:var(--paper);font-size:var(--text-base);letter-spacing:-.02em;justify-content:space-between;align-items:center;font-weight:800;display:flex}.index__letter small{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--caption);font-weight:500}.index__list a{gap:var(--space-0);padding:var(--space-2) var(--space-5);font-size:var(--text-nav);transition:background var(--t);text-decoration:none;display:grid}.index__list a:hover{background:var(--accent-wash)}.index__list a:focus-visible{outline-offset:calc(var(--ring) * -1)}.index__list small{font-size:var(--text-xs);color:var(--caption)}.index__list span small{margin-block-start:var(--space-0);display:block}.index__list a:has(small[translate=no]){align-items:baseline;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.index__list small[translate=no]{font-family:var(--font-mono);font-size:var(--text-micro);justify-self:end}.crumbs{font-size:var(--text-xs);color:var(--caption);margin-block-start:var(--space-4)}.crumbs ol{align-items:center;gap:var(--space-2);scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;display:flex;overflow-x:auto}.crumbs ol::-webkit-scrollbar{display:none}.crumbs li{white-space:nowrap;flex:none}.crumbs li+li:before{content:"/";color:var(--caption);margin-inline-end:var(--space-2)}.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{z-index:var(--z-tools);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);display:flex;position:sticky;inset-block-start:0}.panel__strip{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;flex:auto;min-inline-size:0;display:flex;position:relative;overflow-x:auto}.panel__group{align-items:center;gap:var(--space-3);flex:none;display:inline-flex}.panel__speed{inline-size:6.5rem;block-size:var(--control);accent-color:var(--accent);touch-action:pan-y;align-self:start}.panel__icon{font-size:.8em}.panel__swap{display:grid}.panel__swap>*,.panel__swap:after{grid-area:1/1}.panel__swap:after{content:attr(data-wide);visibility:hidden}@media (width<=64em){.panel .fav [data-fav-text]{inline-size:var(--bw);block-size:var(--bw);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}}.transpose{--sh:var(--shadow-3);block-size:var(--control);outline:var(--bw) solid var(--line);outline-offset:calc(-1 * var(--bw));border-radius:var(--radius);background:var(--filled);align-items:stretch;display:inline-flex;overflow:hidden}.transpose__step,.transpose__value{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;transition:background var(--t);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:flex}.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[aria-disabled=true]{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:not([aria-disabled=true])):hover{background:var(--accent)}}:is(.transpose__step,.transpose__value):focus-visible{outline-offset:calc(var(--ring) * -1)}.rail{gap:var(--step);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.rail-card,.rail-list a,.rail-list li{min-inline-size:0}@media (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{grid-template-columns:repeat(auto-fill, var(--grip));gap:var(--space-4) var(--space-3);justify-content:space-between;display:grid}.grip{justify-items:center;gap:var(--space-1);inline-size:var(--grip);margin:0;display:grid}.grip__none{font-size:var(--text-xs);color:var(--caption)}.boy{gap:var(--space-4);display:grid}.rail-card__box:has(>.boy>li:only-child){min-block-size:var(--row);padding-block:var(--space-2);align-content:center;display:grid}.boy__row{gap:var(--space-1);min-inline-size:0;margin:0;display:grid}.boy__part{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--caption)}.boy__line{align-items:center;gap:calc(var(--boy) * .45);scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;min-inline-size:0;display:flex;overflow-x:auto}.boy__svg{block-size:var(--boy);flex:none;inline-size:auto;max-inline-size:none;display:block}.rail-list{margin-block:calc(-1 * (var(--space-2) + (var(--control) - var(--text-nav) * var(--leading)) / 2))}.rail-list a{align-content:center;align-items:baseline;gap:var(--space-0) var(--space-3);min-block-size:var(--row);padding-block:var(--space-2);grid-template-columns:minmax(0,1fr);text-decoration:none;display:grid}.rail-list__title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--text-nav);font-weight:600;overflow:hidden}.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}}.similar .card{min-block-size:6.75rem}.similar__foot{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.similar__artist{min-inline-size:0;font-size:var(--text-xs);color:var(--caption)}.similar__chords{text-overflow:ellipsis;white-space:nowrap;max-inline-size:60%;font-family:var(--font-mono);font-size:var(--text-mono);color:var(--muted);flex:none;font-weight:600;overflow:hidden}:root[data-focus] :is(.rail,.block-head,.rate,.song__meta,.song__head,.crumbs,.similar){display:none}:root[data-focus] .song__main{grid-column:1/-1}: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{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}}@property --strip-start{syntax:"<length>";inherits:false;initial-value:0}@property --strip-end{syntax:"<length>";inherits:false;initial-value:0}@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%}@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,.search__results{box-shadow:none;margin-block-end:0;margin-inline-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){inline-size:auto;box-shadow:none;border:0;padding:0;display:grid;position:static}.shape__name{color:var(--black);background:0 0}}