@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_1a5742fe-module__G9ItDa__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_1a5742fe-module__G9ItDa__variable{--font-ui:"Manrope", "Manrope Fallback"}
@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../media/d8cddd76dbfeaef0-s.2dbc-et3k6kfe.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../media/591574edbe85c69b-s.0slbgzy4000md.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../media/acf349172f10b359-s.0d4lnz92g9ol4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../media/0926c12c4384550f-s.253cfg7mpxmwg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../media/8bd76523131fa0fc-s.p.273-hd1b-0-z9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(../media/d8cddd76dbfeaef0-s.2dbc-et3k6kfe.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(../media/591574edbe85c69b-s.0slbgzy4000md.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(../media/acf349172f10b359-s.0d4lnz92g9ol4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(../media/0926c12c4384550f-s.253cfg7mpxmwg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(../media/8bd76523131fa0fc-s.p.273-hd1b-0-z9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9cc5c0547f229dea-s.26a4qkxezf9-r.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b0947914c9718a1e-s.1hzlq6xrrxf6u.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d0b60be57f16ee32-s.33on4mq75bz97.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1f9e983605289f29-s.2xsoqmjk136f4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/01e4147cff8141ee-s.p.0v7knm2wof07y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9cc5c0547f229dea-s.26a4qkxezf9-r.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b0947914c9718a1e-s.1hzlq6xrrxf6u.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d0b60be57f16ee32-s.33on4mq75bz97.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1f9e983605289f29-s.2xsoqmjk136f4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/01e4147cff8141ee-s.p.0v7knm2wof07y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond Fallback;src:local(Times New Roman);ascent-override:95.27%;descent-override:29.59%;line-gap-override:0.0%;size-adjust:96.98%}.cormorant_garamond_904a8ed5-module__Yk0DMa__className{font-family:Cormorant Garamond,Cormorant Garamond Fallback}.cormorant_garamond_904a8ed5-module__Yk0DMa__variable{--font-display:"Cormorant Garamond", "Cormorant Garamond Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui),"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.4}button,select,input{font-family:inherit}button{cursor:pointer}a{color:inherit}:root{--content-max:1240px;--prose-max:720px;--fw:50px;--lw:44px;--fret-h:34px;--dot:26px;--ghost-dot:18px;--scale-dot:20px;--inlay:15px;--font-serif:var(--font-display),"Cormorant Garamond",Georgia,serif}@media (min-width:1480px){:root{--content-max:1418px;--fw:58px;--lw:46px;--fret-h:38px;--dot:29px;--ghost-dot:20px;--scale-dot:22px;--inlay:17px}}@media (min-width:1700px){:root{--content-max:1554px;--fw:64px;--lw:50px;--fret-h:42px;--dot:32px;--ghost-dot:22px;--scale-dot:24px;--inlay:18px}}.app{min-height:100vh;max-width:var(--content-max);background:var(--bg);color:var(--text);margin:0 auto;padding:36px 48px 56px}.app.dragging{-webkit-user-select:none;user-select:none}html.no-transitions *{transition:none!important}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand-logo{flex:none;width:40px;height:40px;display:block}.brand-logo.logo-light,html[data-theme=light] .brand-logo.logo-dark{display:none}html[data-theme=light] .brand-logo.logo-light{display:block}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-text h1{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);font-size:26px;font-weight:600;line-height:1}.brand-text h2{color:var(--dim);font-size:12px;font-weight:500;line-height:1.2}.nav{align-items:center;gap:6px;display:flex}.nav-divider{background:var(--line);flex:none;width:1px;height:20px;margin:0 10px}.seg-pill{color:var(--dim);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.2;transition:color .15s,background .15s}.seg-pill:hover{color:var(--text)}.seg-pill.active{background:var(--text);color:var(--bg)}.nav-pill{color:var(--dim);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.2;transition:color .15s}.nav-pill:hover,.nav-pill.set{color:var(--text)}.theme-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--dim);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:color .15s,border-color .15s;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--text)}.theme-toggle .g-light,html[data-theme=light] .theme-toggle .g-dark{display:none}html[data-theme=light] .theme-toggle .g-light{display:inline}.pill-select{display:inline-flex;position:relative}.pill-select select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pill-select .caret{opacity:.7;margin-left:6px}.capo-menu{position:relative}.capo-popover{z-index:40;background:var(--pill);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:4px;width:224px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px -12px #00000073}.capo-opt{width:32px;height:32px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:border-color .15s;display:flex}.capo-opt.none{width:auto;color:var(--dim);padding:0 12px}.capo-opt:hover{border-color:var(--text)}.capo-opt.active{background:var(--text);color:var(--bg)}.chord-row{grid-template-columns:1fr auto;align-items:end;gap:32px;padding:36px 0 28px;display:grid}.chord{flex-direction:column;justify-content:flex-end;min-width:0;min-height:124px;display:flex}.chord-head{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.chord-name{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);font-size:96px;font-weight:500;line-height:.9}.chord-name.unrec{color:var(--dim);font-size:56px}.chord-type{font-family:var(--font-serif);text-transform:lowercase;color:var(--dim);font-size:30px;font-style:italic;font-weight:500;line-height:1}.chord-note{color:var(--dim);font-size:15px}.chord-info{color:var(--dim);flex-wrap:wrap;align-items:center;gap:22px;margin-top:16px;font-size:15px;display:flex}.chord-notes{white-space:nowrap}.chord-notes .is-root{color:var(--root);font-weight:600}.chord-iv{letter-spacing:.14em;font-variant-numeric:tabular-nums}.chord-also{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:500;line-height:1.3;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--text)}.chord-empty{color:var(--dim);font-size:15px;line-height:1.5}.chord-link{color:var(--text);border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .15s}.chord-link:hover{border-color:var(--accent)}.actions{align-items:center;gap:10px;display:flex}.btn-play{background:var(--accent);height:48px;color:var(--accent-ink);white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:15px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-play .glyph{font-size:12px}.btn-play .key{opacity:.6;font-weight:500}.btn-play:disabled{opacity:.4;cursor:not-allowed}.btn-play.playing{animation:1.2s ease-in-out infinite ring}@keyframes ring{0%,to{box-shadow:inset 0 0 0 1px #fff0}50%{box-shadow:inset 0 0 0 1px #ffffff80}}.btn-ghost{border:1px solid var(--line);height:48px;color:var(--dim);background:0 0;border-radius:999px;padding:0 18px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:var(--text)}.seg{border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg-opt{color:var(--dim);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2;transition:color .15s,background .15s}.seg-opt:hover{color:var(--text)}.seg-opt.active{background:var(--pill);color:var(--text);box-shadow:0 1px 2px #0000001f}.seg-sm{flex-wrap:wrap;gap:4px;display:inline-flex}.seg-sm .seg-opt{padding:5px 12px}.fbc{-webkit-overflow-scrolling:touch;max-width:100%;padding:4px 0 36px;overflow:auto hidden}.fb{width:max-content;margin:0 auto;position:relative}.fns{margin-left:var(--lw);padding-bottom:6px;display:flex}.fn{width:var(--fw);text-align:center;color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.fn.capo{color:var(--accent);font-weight:700}.neck{position:relative}.neck-bg,.neck-hw{left:var(--lw);pointer-events:none;position:absolute;top:0;bottom:0;right:0}.neck-bg{background:var(--neck);clip-path:inset(-32px -32px -40px 0);border-radius:0 6px 6px 0;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000040,0 8px 24px -12px #00000073}.wire{background:var(--wire);width:2px;position:absolute;top:0;bottom:0;box-shadow:1px 0 1px #00000040}.nut{background:var(--nut);border-radius:1px 0 0 1px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:1px 0 2px #0000004d}.inlay{width:var(--inlay);height:var(--inlay);opacity:var(--inlay-op);background:linear-gradient(135deg,#f7f3ea 0%,#d9d3c4 40%,#efe9dc 60%,#c9c2b1 100%);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff80,inset 0 -1px 2px #0000002e,0 0 0 1px #00000059}.fb.lefty .fns{margin-left:0;margin-right:var(--lw);flex-direction:row-reverse}.fb.lefty .fr{flex-direction:row-reverse}.fb.lefty .neck-bg,.fb.lefty .neck-hw{left:0;right:var(--lw)}.fb.lefty .neck-bg{clip-path:inset(-32px 0 -40px -32px);border-radius:6px 0 0 6px}.fb.lefty .wire{box-shadow:-1px 0 1px #00000040}.fb.lefty .nut{border-radius:0 1px 1px 0;left:auto;right:0;box-shadow:-1px 0 2px #0000004d}.fb.lefty .inlay{transform:translate(50%,-50%)}.fb.lefty .capo-bar{transform:translate(50%)}.sa{padding:12px 0;position:relative}.fr{height:var(--fret-h);align-items:center;display:flex}.sl{width:var(--lw);height:var(--fret-h);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:color .15s;display:flex}.sl:hover{color:var(--accent)}.sl.muted{color:var(--dim);text-decoration:line-through}.sl.open{color:var(--accent)}.sl.open.root{color:var(--root)}.sl-scale{color:var(--accent);font-weight:700}.sl-scale-root{color:var(--root);font-weight:700;text-decoration:underline}.fc{width:var(--fw);height:var(--fret-h);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.fc.cz{cursor:default}.fc:hover .fg{opacity:.35}.sln{pointer-events:none;background:var(--string);z-index:2;border-radius:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px 1px #00000059}.fr .fd,.fr .sl.open{animation:var(--pluck-anim,none) .5s ease-out}@keyframes pluckA{0%{transform:translate(0)rotate(0)scale(1)}15%{transform:translate(-1.5px,-1px)rotate(-6deg)scale(1.18)}30%{transform:translate(1.5px,1px)rotate(5deg)scale(1.12)}45%{transform:translate(-1px)rotate(-3deg)scale(1.08)}60%{transform:translate(1px)rotate(2deg)scale(1.04)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes pluckB{0%{transform:translate(0)rotate(0)scale(1)}15%{transform:translate(-1.5px,-1px)rotate(-6deg)scale(1.18)}30%{transform:translate(1.5px,1px)rotate(5deg)scale(1.12)}45%{transform:translate(-1px)rotate(-3deg)scale(1.08)}60%{transform:translate(1px)rotate(2deg)scale(1.04)}to{transform:translate(0)rotate(0)scale(1)}}.fd{width:var(--dot);height:var(--dot);z-index:4;background:var(--accent);color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;transition:transform .1s;display:flex;position:relative;box-shadow:0 2px 6px #0006,inset 0 1px #ffffff40}.fd.root{background:var(--root);color:#fff}.fd:hover{transform:scale(1.1)}.fg{width:var(--ghost-dot);height:var(--ghost-dot);border:1.5px dashed var(--dim);opacity:0;z-index:3;border-radius:50%;transition:opacity .15s;position:relative}.no{z-index:3;pointer-events:none;color:var(--dim);background:var(--neck-edge);border:1px solid var(--line);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600;line-height:1.2;position:relative}.sn{z-index:4;pointer-events:none;width:var(--scale-dot);height:var(--scale-dot);background:var(--accent);color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:relative;box-shadow:0 1px 3px #00000040}.sn-d2{opacity:.8}.sn-d4{opacity:.76}.sn-d6{opacity:.78}.sn-d7{opacity:.84}.sn-root,.sn-d1{background:var(--root);color:#fff;opacity:1}.capo-bar{z-index:5;cursor:grab;background:linear-gradient(90deg,#2a2a2a,#5a5a5a 25%,#8e8e8e 50%,#5a5a5a 75%,#2a2a2a);border-radius:8px;width:16px;transition:left 80ms,right 80ms;position:absolute;top:-9px;bottom:-9px;transform:translate(-50%);box-shadow:0 3px 10px #00000080,inset 0 1px 1px #ffffff40}.capo-bar:active,.capo-bar.dragging{cursor:grabbing}.capo-label{white-space:nowrap;color:var(--text);font-size:11px;font-weight:600;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.fb3d{aspect-ratio:3.7;touch-action:pan-x;width:100%;min-width:900px;margin:0 auto;position:relative}.fb3d canvas{display:block}.fb3d-overlay{pointer-events:none;position:absolute;inset:0}.fb3d-overlay>*{position:absolute;top:0;left:0}.fb3d>div:first-child,.fb3d-overlay{opacity:0;transition:opacity .45s}.fb3d.ready>div:first-child,.fb3d.ready .fb3d-overlay{opacity:1}@media (prefers-reduced-motion:reduce){.fb3d>div:first-child,.fb3d-overlay{transition:none}}.fb3d-overlay button{pointer-events:auto}.fb3d-loading{color:var(--dim);white-space:nowrap;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl3{border:1px solid var(--line);background:var(--pill);min-width:26px;height:24px;color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;padding:0 7px;font-size:12px;font-weight:600;line-height:1;transition:color .15s,border-color .15s;box-shadow:0 2px 6px -2px #00000059}.sl3:hover{border-color:var(--accent);color:var(--accent)}.sl3.muted{color:var(--dim)}.sl3.open{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sl3.open.root{background:var(--root);border-color:var(--root);color:#fff}.sl3.scale{color:var(--accent);font-weight:700}.sl3.scale-root{color:var(--root);font-weight:700;text-decoration:underline}.fn3{color:var(--dim);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px}.fn3.capo{color:var(--accent);font-weight:700}.capo3-label{color:var(--text);white-space:nowrap;pointer-events:none;font-size:11px;font-weight:600}.seg-view{margin-right:4px}.seg-view .seg-opt{padding:6px 11px;font-size:12px}.controls{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;gap:48px;margin-top:44px;padding-top:28px;display:grid}.controls>div{min-width:0}.sec-label{color:var(--dim);letter-spacing:.04em;margin-bottom:14px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-q{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;line-height:1.2;transition:border-color .15s,background .15s,color .15s}.chip-q:hover{border-color:var(--text)}.chip-q.active{background:var(--text);color:var(--bg);border-color:var(--text)}.chip-q .shape{opacity:.55;margin-left:4px;font-weight:400}.chips-note{color:var(--dim);font-size:12px;font-style:italic}.av-label{margin:26px 0 12px}.av-row{flex-wrap:wrap;gap:10px;display:flex}.av-card{border:1px solid var(--line);color:var(--text);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:border-color .15s;display:flex}.av-card:hover{border-color:var(--text)}.av-svg{width:42px;height:48px;color:var(--text);display:block}.av-meta{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.1;display:flex}.av-pos{font-size:13px;font-weight:600}.av-name{color:var(--dim);font-size:12px}.rows{flex-direction:column;gap:14px;font-size:14px;display:flex}.row{grid-template-columns:70px 1fr 50px;align-items:center;gap:12px;display:grid}.row-2{grid-template-columns:70px 1fr;align-items:center;gap:12px;display:grid}.row-label{color:var(--dim)}.row-val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}input[type=range]{width:100%;height:2px;accent-color:var(--accent);min-width:0;margin:0;display:block}.switch{background:var(--line);border:none;border-radius:999px;flex:none;width:36px;height:20px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--bg);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(16px)}.pedal-rows{flex-direction:column;gap:10px;display:flex}.pedal{grid-template-columns:20px 64px 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.stomp{border:2px solid var(--line);background:0 0;border-radius:50%;width:18px;height:18px;padding:0;transition:border-color .15s,background .15s}.stomp:hover{border-color:var(--dim)}.stomp.on{border-color:var(--accent);background:var(--accent)}.pedal-name{color:var(--dim);font-weight:500;transition:color .15s}.pedal.on .pedal-name{color:var(--text)}.pedal input[type=range]{opacity:.45;transition:opacity .15s}.pedal.on input[type=range]{opacity:1}.pedal-sub{color:var(--dim);grid-template-columns:64px 1fr 44px;align-items:center;gap:12px;margin-top:-2px;padding-left:32px;font-size:12px;display:grid}.pedal-sub .row-val{font-size:12px}.overlays{flex-wrap:wrap;gap:16px;margin-top:26px;display:flex}.tlink{color:var(--dim);border:none;border-bottom:1px solid var(--line);background:0 0;padding:0 0 2px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.tlink:hover{color:var(--text)}.tlink.active{color:var(--text);border-color:var(--accent)}.scale-rows{margin-top:14px;font-size:14px}.scale-rows .row-2{margin-bottom:12px}.hint{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.hint .sn{width:16px;height:16px;font-size:10px}.hiw{max-width:var(--prose-max);margin:72px auto 0}.hiw-head{margin-bottom:28px}.hiw-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);scroll-margin-top:24px;font-size:40px;font-weight:500;line-height:1.05}.hiw-intro{color:var(--dim);max-width:560px;margin-top:12px;font-size:15px;line-height:1.6}.hiw-list{list-style:none}.hiw-item{border-top:1px solid var(--line);grid-template-columns:32px 1fr;align-items:baseline;gap:16px;padding:20px 0;display:grid}.hiw-num{font-family:var(--font-serif);color:var(--accent);font-size:22px;font-weight:500;line-height:1}.hiw-body{min-width:0}.hiw-label{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.3}.hiw-body p{color:var(--dim);font-size:15px;line-height:1.6}.site-footer{max-width:var(--prose-max);text-align:center;padding:24px 16px calc(44px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin:0 auto}.site-footer p{color:var(--dim);font-size:13px;line-height:1.7}.footer-sub{margin-top:6px}.footer-heart{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.footer-heart-dark,.footer-heart-light{display:none}html[data-theme=dark] .footer-heart-dark,html[data-theme=light] .footer-heart-light{display:inline}.footer-bio{font-style:italic}.footer-link{color:var(--text);border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .15s}.footer-link:hover{border-bottom-color:var(--accent)}.changelog-page{max-width:calc(var(--prose-max) + 96px);padding-bottom:64px}.changelog-head{margin-bottom:32px}.changelog-back{color:var(--dim);margin-bottom:24px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-block}.changelog-back:hover{color:var(--text)}.changelog-title{font-family:var(--font-serif);letter-spacing:-.01em;margin-bottom:12px;font-size:48px;font-weight:500;line-height:1}.changelog-intro{color:var(--dim);max-width:520px;font-size:15px;line-height:1.6}.cl-list{flex-direction:column;gap:8px;list-style:none;display:flex}.cl-entry{border-top:1px solid var(--line);padding:22px 0 16px}.cl-entry-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cl-date{color:var(--dim);font-size:12px;font-weight:500}.cl-tags{gap:5px;display:flex}.cl-tag{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.cl-tag-new{color:var(--accent);border-color:var(--accent)}.cl-tag-launch{color:var(--root);border-color:var(--root)}.cl-entry-title{font-family:var(--font-serif);margin-bottom:12px;font-size:26px;font-weight:500;line-height:1.15}.cl-items{flex-direction:column;gap:8px;padding-left:18px;list-style:outside;display:flex}.cl-items li{color:var(--dim);font-size:15px;line-height:1.6}.fc,.sl,.seg-pill,.seg-opt,.nav-pill,.chip,.chip-q,.btn-play,.btn-ghost,.av-card,.stomp,.switch,.tlink,.theme-toggle,.capo-opt{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:900px){.app{flex-direction:column;padding:24px 20px 0;display:flex}.header{flex-wrap:wrap;gap:12px 16px;padding-bottom:16px}.nav{flex-wrap:wrap;gap:4px;width:100%}.nav-divider{margin:0 6px}.theme-toggle{margin-left:auto}.chord-row{display:contents}.chord{min-height:0;padding:28px 0 22px}.chord-name{font-size:64px}.chord-name.unrec{font-size:36px}.chord-type{font-size:24px}.chord-info{gap:14px 20px;margin-top:12px}.actions{z-index:20;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);flex-wrap:wrap;order:100;margin-top:32px;position:sticky;bottom:0}.btn-play{flex:auto;justify-content:center}.fbc{max-width:none;margin:0 -20px;padding:4px 20px 32px}.fb{margin:0}.controls{grid-template-columns:1fr;gap:36px;margin-top:16px;padding-top:24px}.hiw{margin-top:56px}.hiw-title{font-size:32px}.site-footer{margin:0 20px;padding-left:0;padding-right:0}}@media (max-width:600px){.app{padding:18px 16px 0}.brand-logo{width:36px;height:36px}.brand-text h1{font-size:24px}.seg-pill{padding:7px 12px}.nav-pill{padding:7px 10px}.chord{padding:24px 0 18px}.chord-name{font-size:56px}.chord-type{font-size:22px}.actions{flex-wrap:nowrap;gap:8px}.btn-play{min-width:0;padding:0 18px}.btn-play .key{display:none}.btn-ghost{padding:0 14px}.seg-opt{padding:8px 12px}.fbc{margin:0 -16px;padding:4px 16px 36px}.row{grid-template-columns:64px 1fr 50px}.row-2{grid-template-columns:64px 1fr}input[type=range]{height:24px}.pedal-sub{grid-template-columns:64px 1fr 44px;padding-left:0}.capo-popover{left:0;right:auto}.site-footer{margin:0 16px}.changelog-title{font-size:36px}.cl-entry-title{font-size:22px}}