@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-opsz-normal.Czevyj-6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-opsz-normal.CJcjJNj7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-opsz-normal.DihXLNYH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-opsz-italic.DxWqP7Ku.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-opsz-italic.CGbN9UgK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-opsz-italic.lSdLDfvT.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #FAF8F5;--bg-raised: #FFFFFF;--bg-sunken: #F2EEE8;--ink: #1F1B18;--ink-2: #5C554E;--ink-3: #8A817A;--line: #E6E0D8;--line-strong: #CFC7BC;--accent: #B04E1E;--accent-ink: #94400F;--accent-hover: #8F3E12;--accent-wash: #F7E8DE;--brass: #8A6D1B;--brass-wash: #F5ECD3;--focus: #B04E1E;--font-display: "Fraunces Variable", "Iowan Old Style", "Georgia", serif;--font-body: "Inter Variable", -apple-system, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: clamp(2.25rem, 5vw, 3rem);--text-hero: clamp(2.75rem, 7vw, 4.25rem);--leading-tight: 1.15;--leading-body: 1.6;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--touch: 44px;--container: 1080px;--prose: 65ch;--shadow-card: 0 1px 2px rgba(31, 27, 24, .05), 0 4px 16px rgba(31, 27, 24, .06);color-scheme:light}[data-theme=dark]{--bg: #16130F;--bg-raised: #211D18;--bg-sunken: #100E0B;--ink: #ECE6DE;--ink-2: #B0A79C;--ink-3: #857C72;--line: #322C25;--line-strong: #4A423A;--accent: #E58B52;--accent-ink: #E58B52;--accent-hover: #EFA274;--accent-wash: #3A2417;--brass: #D4AF4F;--brass-wash: #33290F;--focus: #E58B52;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16130F;--bg-raised: #211D18;--bg-sunken: #100E0B;--ink: #ECE6DE;--ink-2: #B0A79C;--ink-3: #857C72;--line: #322C25;--line-strong: #4A423A;--accent: #E58B52;--accent-ink: #E58B52;--accent-hover: #EFA274;--accent-wash: #3A2417;--brass: #D4AF4F;--brass-wash: #33290F;--focus: #E58B52;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .35);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);margin:0 0 var(--sp-4);letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--sp-4)}a{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-wash)}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}.prose{max-width:var(--prose)}.prose p{margin-bottom:var(--sp-5)}.lead{font-size:var(--text-md);color:var(--ink-2)}.meta{font-size:var(--text-xs);color:var(--ink-3)}hr.rule{border:0;border-top:1px solid var(--line);margin:var(--sp-7) 0}.wordmark{font-family:var(--font-display);color:var(--ink);text-decoration:none;font-size:1.375rem;letter-spacing:-.015em;white-space:nowrap}.wordmark .the{font-style:italic;font-weight:400;color:var(--ink-2);margin-right:.15em}.wordmark .name{font-weight:600}.wordmark:hover{color:var(--ink)}.wordmark--hero{font-size:var(--text-hero)}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:64px}.site-nav{display:flex;align-items:center;gap:var(--sp-2)}.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--sp-3);font-size:var(--text-sm);font-weight:500;color:var(--ink-2);text-decoration:none;border-radius:var(--radius-sm)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:8px;border-bottom:2px solid var(--accent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;font-size:1rem}.theme-toggle:hover{border-color:var(--line-strong);color:var(--ink)}.site-footer{border-top:1px solid var(--line);margin-top:var(--sp-9);padding:var(--sp-7) 0 var(--sp-8);font-size:var(--text-sm);color:var(--ink-3)}.site-footer .container{display:flex;flex-wrap:wrap;gap:var(--sp-5) var(--sp-7);justify-content:space-between;align-items:flex-start}.site-footer a{color:var(--ink-2)}.site-footer p{margin:0 0 var(--sp-2);max-width:44ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-5);border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn--primary{background:var(--accent);color:#fff6ef}.btn--primary:hover{background:var(--accent-hover);color:#fff6ef}.btn--secondary{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn--secondary:hover{border-color:var(--ink-3)}.btn--ghost{background:transparent;color:var(--accent-ink)}.btn--ghost:hover{background:var(--accent-wash)}.btn--lg{min-height:56px;padding:0 var(--sp-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn .icon{flex:none}.btn--compact{min-height:var(--touch);padding:0 var(--sp-3);gap:6px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;border-radius:var(--radius)}.btn--compact:hover{border-color:var(--line-strong);color:var(--accent-ink)}.btn--icon{width:var(--touch);min-width:var(--touch);padding:0;border-radius:var(--radius);background:transparent;border-color:var(--line);color:var(--ink-2)}.btn--icon:hover{border-color:var(--line-strong);color:var(--accent-ink)}.field{position:relative}.input{width:100%;min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base)}.input::placeholder{color:var(--ink-3)}.input:focus{outline:2px solid var(--focus);outline-offset:-1px}.input--search{padding-left:2.75rem}.field .icon--search{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.select{appearance:none;-webkit-appearance:none;min-height:var(--touch);padding:0 2.5rem 0 var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius);background-color:var(--bg-raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238A817A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-4) center;color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer}.label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-raised);color:var(--ink-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip[aria-pressed=true],.chip--on{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-3);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.badge-original{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:var(--brass-wash);color:var(--brass);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-original:before{content:"★";font-size:.9em}.tag-band{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--bg-sunken);color:var(--ink-2);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.tag-band:before{content:"♪ ";color:var(--accent-ink);margin-right:2px}.badge-capo{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--accent-wash);color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.pill--gp{font-family:var(--font-mono);font-weight:600;letter-spacing:.04em}.tuning{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);letter-spacing:.02em}.difficulty{font-size:var(--text-xs);letter-spacing:2px;color:var(--ink-2);white-space:nowrap}.difficulty .off{color:var(--line-strong)}.tab-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.tab-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-2);border-bottom:1px solid var(--line)}.tab-row__main{flex:1;min-width:0;display:block;color:inherit;text-decoration:none;padding:var(--sp-1) 0}.tab-row__main:hover .tab-row__title{color:var(--accent-ink)}.tab-row__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;line-height:1.3;color:var(--ink)}.tab-row__artist{font-size:var(--text-sm);color:var(--ink-2)}.tab-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.tab-row__actions{display:flex;align-items:center;gap:var(--sp-2);flex:none}.artist-header{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:var(--sp-7) 0 var(--sp-3)}.artist-header .count{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--ink-3);margin-left:var(--sp-2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.card{display:block;padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);color:inherit;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card)}.card:hover .card__title{color:var(--accent-ink)}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.25;margin-bottom:var(--sp-1)}.card__artist{font-size:var(--text-sm);color:var(--ink-2);margin-bottom:var(--sp-3)}.card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.breadcrumb{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);font-size:var(--text-sm);color:var(--ink-2);text-decoration:none}.breadcrumb:hover{color:var(--accent-ink)}.detail-header{margin:var(--sp-5) 0 var(--sp-6)}.detail-header .artist{font-size:var(--text-md);color:var(--ink-2);margin-top:var(--sp-2)}.spec-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,max-content));gap:var(--sp-4) var(--sp-7);margin:var(--sp-5) 0;padding:0}.spec-list div{min-width:0}.spec-list dt{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:2px}.spec-list dd{margin:0;font-size:var(--text-base);color:var(--ink)}.pdf-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-sunken);padding:var(--sp-7) var(--sp-5);text-align:center}.pdf-panel .thumb{width:min(320px,70%);aspect-ratio:3 / 4;margin:0 auto var(--sp-5);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:var(--text-sm)}.pdf-panel .actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.note-block{border-left:3px solid var(--brass);padding:var(--sp-1) 0 var(--sp-1) var(--sp-4);margin:var(--sp-5) 0;color:var(--ink-2);font-style:italic}.filter-bar{display:flex;flex-direction:column;gap:var(--sp-4);margin:var(--sp-5) 0 var(--sp-6)}.filter-sticky{position:sticky;top:0;z-index:20;background:var(--bg);padding:var(--sp-3) 0}.filter-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.chip-scroll{display:flex;gap:var(--sp-2);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-1);scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.result-count{font-size:var(--text-sm);color:var(--ink-3)}.hero{padding:var(--sp-8) 0 var(--sp-7)}.hero h1{font-size:var(--text-hero);font-weight:600;letter-spacing:-.02em;max-width:18ch;margin-bottom:var(--sp-4)}.hero .lead{max-width:52ch;margin-bottom:var(--sp-6)}.hero .actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin:var(--sp-8) 0 var(--sp-5)}.section-title-row h2{margin:0}.section-title-row a{font-size:var(--text-sm);white-space:nowrap}.tipjar{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:var(--text-sm);font-weight:500;text-decoration:none;white-space:nowrap}.tipjar:hover{border-color:var(--line-strong);color:var(--ink)}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon--sm{width:16px;height:16px}@media(max-width:600px){.container{padding-inline:var(--sp-4)}.site-header .container{gap:var(--sp-2)}.wordmark{font-size:1.15rem}.site-nav{gap:0}.site-nav a{padding:0 var(--sp-2)}.chip-scroll:not(.chip-scroll--locked){flex-wrap:wrap;overflow-x:visible}.tipjar{white-space:normal;max-width:100%;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg)}.tab-row{flex-wrap:wrap}.tab-row__actions{margin-left:auto}.spec-list{grid-template-columns:repeat(2,minmax(120px,1fr))}.hero{padding-top:var(--sp-7)}}@media(min-width:1200px){.container{padding-inline:var(--sp-6)}}
