:root{--background:#f3f5fb;--foreground:#171a23;--primary:#2f6bff;--primary-foreground:#fff;--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--border:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--staff-ink:#1c1c1c;--staff-correct:#15803d;--staff-wrong:#dc2626;--chart-1:#2a78d6;--field-1:#9fb2ff;--field-2:#d9b4ff;--field-3:#9fd8ff;--field-4:#ffc4a8;--radius:.75rem;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--measure:40rem;--wide:62rem;--gutter:1rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:#0b0d14;--foreground:#eef0f7;--primary:#4c8dff;--primary-foreground:#fff;--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--border:oklch(100% 0 0/.1);--ring:oklch(55.6% 0 0);--staff-ink:#ececec;--staff-correct:#4ade80;--staff-wrong:#f87171;--chart-1:#3987e5;--field-1:#2e3496;--field-2:#5b2f8f;--field-3:#135d6b;--field-4:#3a2a6e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38vmax 30vmax at 12% 8%, var(--field-1), transparent 70%), radial-gradient(34vmax 30vmax at 92% 14%, var(--field-2), transparent 70%), radial-gradient(40vmax 34vmax at 78% 92%, var(--field-3), transparent 70%), radial-gradient(30vmax 26vmax at 8% 86%, var(--field-4), transparent 70%);filter:blur(40px)saturate(120%);opacity:.5;position:fixed;inset:-10vmax}body{background:var(--background);color:var(--foreground);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.6}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;-webkit-text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:650;line-height:1.15}h1{letter-spacing:-.035em;font-size:clamp(2.25rem,1.5rem + 3.6vw,3.75rem)}h2{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.25rem)}h3{letter-spacing:-.01em;font-size:1.1875rem}p,ul,ol,dl,table{margin:0}p+p{margin-top:.85em}strong{font-weight:620}.muted{color:var(--muted-foreground)}.small{font-size:.9375rem}.wrap{width:min(100% - 2 * var(--gutter), var(--wide));margin-inline:auto}.wrap>*,.features>*{max-width:var(--measure)}.wrap>.full,.features>.full{max-width:none}section{padding-block:clamp(3.5rem,2.5rem + 5vw,6.5rem)}section+section{border-top:1px solid var(--border)}.section-head{margin-bottom:2rem}.section-head p{color:var(--muted-foreground);margin-top:.75rem}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.site-header .wrap>*{max-width:none}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.5rem;font-weight:620;text-decoration:none;display:inline-flex}@media (width<=24rem){.brand{font-size:.9375rem}}.site-nav{gap:1.25rem;margin-left:auto;margin-right:.5rem;font-size:.9375rem;display:flex}.site-nav a{color:var(--muted-foreground);white-space:nowrap;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--foreground)}.site-nav a[aria-current=page]{font-weight:560}@media (width<=48rem){.site-header .wrap{flex-wrap:wrap;row-gap:0}.site-nav{flex-basis:100%;order:3;gap:1rem;margin:0;padding-bottom:.6rem;font-size:.875rem}.site-nav a[href=\/]{display:none}}.brand svg{width:1.25rem;height:1.25rem}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);padding-block:2.5rem 3rem;font-size:.9375rem}.site-footer nav ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1.25rem;padding:0;list-style:none;display:flex}.site-footer a{color:var(--foreground)}.button{border-radius:calc(var(--radius) * .8);background:var(--primary);min-height:3rem;color:var(--primary-foreground);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:0 1.4rem;font-size:1.0625rem;font-weight:560;text-decoration:none;transition:opacity .12s;display:inline-flex}.button:hover{opacity:.88}.button svg{width:1.1em;height:1.1em}.button-small{min-height:2.25rem;padding:0 .9rem;font-size:.9375rem}.hero{padding-block:clamp(3rem,2rem + 5vw,6rem) clamp(3rem,2rem + 4vw,5rem)}.hero .lead{color:var(--muted-foreground);max-width:36rem;margin-top:1.25rem;font-size:clamp(1.125rem,1rem + .5vw,1.3125rem);line-height:1.5}.hero .lead strong{color:var(--foreground)}.free{margin-top:1.5rem;font-size:1.125rem;font-weight:600}.free .dot{background:var(--staff-correct);vertical-align:.1em;border-radius:50%;width:.55rem;height:.55rem;margin-right:.5rem;display:inline-block}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.75rem;display:flex}.actions .note{color:var(--muted-foreground);font-size:.9375rem}.shot{margin:0}.shot img{border-radius:calc(var(--radius) * 1.4);width:100%;box-shadow:0 10px 30px -12px #28325a40,0 2px 6px -2px #28325a14}.shot figcaption{color:var(--muted-foreground);margin-top:.75rem;font-size:.9375rem}.hero .shot{margin-top:clamp(2.5rem,2rem + 3vw,4rem)}.staff-diagram{color:var(--staff-ink);margin-bottom:2rem}.staff-diagram .lines line{stroke:currentColor;stroke-width:1.5px}.staff-diagram .correct{fill:var(--staff-correct);stroke:var(--staff-correct)}.staff-diagram .wrong{fill:var(--staff-wrong);stroke:var(--staff-wrong);opacity:.85}.staff-diagram .slot{fill:none;stroke:var(--muted-foreground);stroke-dasharray:3 3;stroke-width:1.5px}.staff-diagram text{fill:var(--staff-correct);font:600 20px var(--font);text-anchor:middle;stroke:none}.steps{gap:1.75rem;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:2rem 1fr;align-content:start;align-items:start;column-gap:.75rem;display:grid}.steps .n{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:span 2;place-items:center;width:2rem;height:2rem;font-size:.9375rem;font-weight:600;display:grid}.steps h3{margin-bottom:.15rem;line-height:2rem}.steps p{color:var(--muted-foreground)}@media (width>=46rem){.steps{grid-template-columns:repeat(3,1fr);gap:2rem}}.features{gap:2.25rem;display:grid}.feature h3{margin-bottom:.5rem}.feature p{color:color-mix(in oklch, var(--foreground) 82%, var(--background))}.features .shot{margin-block:.5rem}.tune-list{color:var(--muted-foreground);margin-top:.75rem;font-size:.9375rem}.method{counter-reset:step;gap:1.75rem;padding:0;list-style:none;display:grid}.method li{counter-increment:step;padding-left:2.75rem;position:relative}.method li:before{content:counter(step);border:1px solid var(--border);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.9375rem;font-weight:600;display:grid;position:absolute;top:-.05rem;left:0}.method h3{margin-bottom:.15rem;line-height:2rem}.method p,.after-table{color:color-mix(in oklch, var(--foreground) 82%, var(--background))}.after-table{margin-top:1.5rem}.wrap>.shot.full{margin-top:2rem}.wrap>p+p{margin-top:.85em}.group-head{flex-wrap:wrap;align-items:baseline;gap:0 .75rem;margin-top:3rem;margin-bottom:.5rem;display:flex}.group-head:first-child{margin-top:0}.songs-list .group-head+p{color:var(--muted-foreground);margin-bottom:1rem}.count{color:var(--muted-foreground);white-space:nowrap;font-size:.9375rem}.table-scroll{max-width:54rem;overflow-x:auto}.songs{border-collapse:collapse;width:100%;font-size:.9375rem}.songs th,.songs td{text-align:left;border-top:1px solid var(--border);vertical-align:top;padding:.55rem .75rem .55rem 0}.songs thead th{color:var(--muted-foreground);border-top:0;font-size:.8125rem;font-weight:500}.songs tbody th{font-weight:560}.songs td{color:color-mix(in oklch, var(--foreground) 78%, var(--background))}.songs .num{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}@media (width<=34rem){.songs td:nth-child(2),.songs th:nth-child(2),.songs td:nth-child(3),.songs th:nth-child(3){display:none}}.setups{border-collapse:collapse;width:100%;max-width:48rem;font-size:1rem}.setups th,.setups td{text-align:left;vertical-align:top;border-top:1px solid var(--border);padding:.9rem 0}.setups th{width:45%;padding-right:1.5rem;font-weight:600}.setups td{color:color-mix(in oklch, var(--foreground) 82%, var(--background))}@media (width<=34rem){.setups,.setups tbody,.setups tr,.setups th,.setups td{width:auto;display:block}.setups td{border-top:0;padding-top:.25rem}}.faq{gap:1.75rem;display:grid}.faq h3{margin-bottom:.4rem}.faq p{color:color-mix(in oklch, var(--foreground) 82%, var(--background))}.prose{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) clamp(3.5rem,3rem + 3vw,5.5rem)}.prose h1{font-size:clamp(2rem,1.5rem + 2.4vw,3rem)}.prose h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:1.375rem}.prose h3{margin-top:1.75rem;margin-bottom:.5rem}.prose ul,.prose ol{margin-top:.75rem;padding-left:1.25rem}.prose li+li{margin-top:.4rem}.prose ul+p,.prose ol+p,.prose p+ul,.prose p+ol{margin-top:.85em}.prose .updated{color:var(--muted-foreground);margin-top:.75rem;font-size:.9375rem}.prose .lead{color:var(--muted-foreground);margin-top:1rem;font-size:1.1875rem}.callout{border:1px solid var(--border);border-left:3px solid var(--staff-correct);border-radius:calc(var(--radius) * .8);margin-top:1.75rem;padding:1rem 1.25rem;font-size:1.125rem;font-weight:600}code{background:var(--muted);border-radius:4px;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.cta p{color:var(--muted-foreground);margin-top:.75rem}@media (prefers-reduced-motion:reduce){.button{transition:none}}