:root{--paper:#f3edde;--paper-2:#ebe2cd;--surface:#faf6ea;--ink:#221d14;--ink-2:#51493c;--ink-3:#6f6858;--line:color-mix(in srgb, var(--ink) 16%, transparent);--line-strong:color-mix(in srgb, var(--ink) 32%, transparent);--accent:#b8451b;--accent-deep:#8f3313;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--on-accent:#fdf8ec;--fret:var(--ink);--dot:var(--accent);--open:#4c6b50;--font-display:var(--font-fraunces);--font-display-italic:var(--font-fraunces-italic);--font-sans:var(--font-outfit);--font-mono:var(--font-jetbrains-mono);--radius-lg:1.75rem;--radius-md:1rem;--radius-sm:.625rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-soft:0 1px 2px #221d140d, 0 14px 34px -20px #221d1438;--shadow-lift:0 2px 4px #221d140f, 0 24px 48px -24px #221d1447;--container:76rem;--header-h:4.25rem}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.65}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}body:after{content:"";z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.05}h1{font-size:clamp(2.4rem,5.2vw,4.2rem)}h2{margin-bottom:1.25rem;font-size:clamp(1.7rem,3.2vw,2.5rem)}h3{margin-bottom:.75rem;font-size:1.3rem}p{max-width:68ch}.lede{color:var(--ink-2);max-width:62ch;font-size:1.2rem}.answer-lead{max-width:68ch;color:var(--ink-2);margin:clamp(1.4rem,3vw,2rem) 0 0;font-size:1.06rem;line-height:1.65}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:500}.muted{color:var(--ink-3)}.mono{font-family:var(--font-mono)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.split{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.split-flip{grid-template-columns:7fr 5fr}.split .split-media{min-width:0}.grid-frac{gap:1rem;display:grid}.grid-frac-211{grid-template-columns:2fr 1fr 1fr}.grid-frac-121{grid-template-columns:1fr 2fr 1fr}.grid-2{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}@media (width<=767px){.split,.split-flip,.grid-frac,.grid-frac-211,.grid-frac-121,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}.site-header{z-index:50;background:color-mix(in srgb, var(--paper) 96%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header-inner{height:var(--header-h);align-items:center;gap:2rem;padding-inline:clamp(1rem,3vw,2.5rem);display:flex;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:baseline;gap:.6rem;font-size:1.35rem;font-weight:620;display:inline-flex}.brand .brand-mark{flex-shrink:0;align-self:center}.brand em{font-family:var(--font-display-italic);color:var(--ink-2);font-style:italic;font-weight:500}.site-nav{gap:1.6rem;font-size:.95rem;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-nav a{color:var(--ink-2);transition:color .25s var(--ease-out), border-color .25s var(--ease-out);border-bottom:2px solid #0000;padding-block:.35rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.header-search{margin-left:auto}.skip-link{z-index:100;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--ink);color:var(--paper);transition:transform .18s var(--ease-out);padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;position:fixed;top:0;left:50%;transform:translate(-50%,-120%)}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;transform:translate(-50%)}.search-input--compact{transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);padding-block:.38rem;font-size:.88rem}@media (width<=860px){.site-nav{gap:1.1rem;font-size:.9rem;position:static;transform:none}.site-nav a{white-space:nowrap;flex:none;padding-block:.5rem}}@media (width<=767px){:root{--header-h:7.2rem}.site-header-inner{flex-wrap:wrap;gap:.7rem 1rem;height:auto;padding-block:.7rem}.brand{font-size:1.15rem}.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1 0 100%;order:3;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}}@media (width<=340px){.brand span{display:none}}.site-footer{border-top:1px solid var(--line-strong);background:var(--paper-2);margin-top:clamp(4rem,9vw,7rem)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding-block:4rem 3rem;display:grid}.footer-col h3{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1rem;font-size:.8rem;font-weight:600}.footer-col ul{gap:.55rem;padding:0;font-size:.95rem;list-style:none;display:grid}.footer-col a{color:var(--ink-2);transition:color .2s var(--ease-out)}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:1.4rem;font-size:.85rem;display:flex}@media (width<=767px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem;padding-block:3rem 2rem}}.btn{cursor:pointer;transition:transform .25s var(--spring), background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out);border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1.5rem;font-size:.98rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--accent-deep);box-shadow:var(--shadow-lift)}.btn-ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--ink);background:var(--surface)}.btn-sm{padding:.5rem 1rem;font-size:.88rem}.chord-play-circle{border:1px solid var(--line-strong);background:var(--accent);width:2.6rem;height:2.6rem;color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .25s var(--spring), background-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.chord-play-circle:hover{background:var(--accent-deep);box-shadow:var(--shadow-lift)}.chord-play-circle:active{transform:scale(.94)}.chord-play-circle.is-playing{animation:chord-play-pulse .7s var(--ease-out) infinite alternate}@keyframes chord-play-pulse{0%{box-shadow:var(--shadow-soft);transform:scale(1)}to{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent), var(--shadow-lift);transform:scale(1.1)}}.chip{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);transition:transform .25s var(--spring), border-color .25s var(--ease-out), color .25s var(--ease-out);border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .95rem;font-size:.85rem;font-weight:500;display:inline-flex}a.chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.chip-accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.text-link{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);transition:border-color .2s var(--ease-out)}.text-link:hover{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .35s var(--ease-out);padding:clamp(1.5rem,3vw,2.25rem)}a.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:var(--shadow-lift);transform:translateY(-4px)}.card-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4rem;font-size:.72rem}.row-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.row-list>li{list-style:none}.row-item{border-bottom:1px solid var(--line);transition:padding-left .3s var(--ease-out), background .3s var(--ease-out);align-items:center;gap:1.25rem;padding-block:1.1rem;display:flex}a.row-item:hover{background:color-mix(in srgb, var(--surface) 70%, transparent);padding-left:.75rem}.row-index{font-family:var(--font-mono);color:var(--ink-3);min-width:2rem;font-size:.82rem}.row-main{flex:1;min-width:0}.row-sub{color:var(--ink-3);font-size:.88rem}.row-meta{flex-wrap:wrap;gap:.5rem;display:flex}.chord-diagram{vertical-align:middle;display:inline-block}.chord-frame{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-align:center;transition:transform .35s var(--spring), box-shadow .35s var(--ease-out);padding:.9rem .7rem .6rem}a:hover>.chord-frame,.chord-frame:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)rotate(-1deg)}.chord-name{font-family:var(--font-mono);margin-top:.35rem;font-size:.92rem;font-weight:600;display:block}.chord-frame .chord-diagram svg{width:100%;height:auto}.chord-frame img{width:100%;height:auto;margin:0 auto;display:block}.guide-figure img{border-radius:var(--radius-md);max-width:100%;height:auto;display:block}.chord-lyrics{margin:.6rem 0 0}.cl-line{margin:0 0 .75rem;line-height:1.35}.cl-word{vertical-align:bottom;display:inline-block}.cl-chords{gap:.4rem;min-height:1.15em;line-height:1.15em;display:flex}.cl-chord{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:4px;padding:0 .1rem;font-size:.82rem;font-weight:700}.cl-chord:hover,.cl-chord:focus-visible,.cl-chord.is-playing{background:var(--accent);color:var(--on-accent)}.cl-chord.is-empty{cursor:default;min-width:.5rem;display:inline-block}.cl-text{white-space:pre;display:block}.cl-gutter{cursor:pointer;border-radius:3px;align-self:stretch;width:.55rem;margin-left:-.55rem;display:inline-block}.cl-gutter:hover{background:color-mix(in srgb, var(--accent) 30%, transparent)}.section-lyrics{border-left:2px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb, var(--surface) 60%, transparent);margin-top:.7rem;padding:.8rem .9rem .4rem}.section-lyrics-bar{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.chord-lyrics.is-cue{padding-left:.15rem}.chord-lyrics.is-cue .cl-text{color:var(--ink-3);font-size:.92rem;font-style:italic}.chord-lyrics.is-cue .cl-line{margin-bottom:.45rem}.lyrics-credit{color:var(--ink-3);margin:.2rem 0 .9rem;font-size:.74rem}.lyrics-policy{color:var(--ink-3);max-width:62ch;margin:1rem 0 0;font-size:.82rem}[data-singalong=on] .practice-card,[data-singalong=on] .fact-rail,[data-singalong=on] .song-form,[data-singalong=on] .sheet-sub,[data-singalong=on] .progression-bars,[data-singalong=on] .progression-text,[data-singalong=on] .section-tools,[data-singalong=on] .section-feel,[data-singalong=on] .chord-rack,[data-singalong=on] .chord-stats,[data-singalong=on] .capo-grid,[data-singalong=on] .same-chords,[data-singalong=on] .practice-plan,[data-singalong=on] .more-songs,[data-singalong=on] .prose,[data-singalong=on] .faq,[data-singalong=on] .answer-lead{display:none!important}[data-singalong=on] .cl-text{font-size:1.22rem}[data-singalong=on] .cl-chord{font-size:.95rem}[data-singalong=on] .cl-line{margin-bottom:1.15rem}.cl-line.is-current{background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:var(--radius-sm)}.table-wrap{margin-top:1.2rem;overflow-x:auto}.practice-where{flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.practice-where li{align-items:baseline;gap:.4rem;display:inline-flex}.same-chords{grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1.3rem;display:grid}.same-chord-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .3s var(--spring), box-shadow .3s var(--ease-out), border-color .3s var(--ease-out);flex-direction:column;gap:.3rem;padding:1rem 1.1rem;display:flex}.same-chord-card:hover{box-shadow:var(--shadow-lift);border-color:var(--accent);transform:translateY(-3px)}.same-chord-title{font-family:var(--font-display);font-size:1.05rem;font-weight:620}.same-chord-artist{color:var(--ink-3);font-size:.82rem}.same-chord-chips{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.same-chord-meta{color:var(--ink-3);margin-top:.2rem;font-size:.78rem}@media (width<=767px){.same-chords{grid-template-columns:1fr}}.chord-cluster{min-height:22rem;position:relative}.chord-cluster .float{width:clamp(7rem,12vw,9.5rem);position:absolute}.song-marquee{background:var(--paper-2);user-select:none;overflow:hidden}.song-marquee-track{gap:2.75rem;width:max-content;padding-block:.9rem;animation:46s linear infinite song-marquee;display:flex}.song-marquee-reverse .song-marquee-track{animation-direction:reverse}.song-marquee:hover .song-marquee-track{animation-play-state:paused}.song-marquee-track span{font-family:var(--font-display-italic);color:var(--ink-2);white-space:nowrap;align-items:center;gap:2.75rem;font-size:1.05rem;font-style:italic;display:inline-flex}.song-marquee-track a{transition:color .25s var(--ease-out)}.song-marquee-track a:hover{color:var(--accent)}.song-marquee-track .sep{font-family:var(--font-mono);color:var(--accent);font-size:.7rem;font-style:normal}@keyframes song-marquee{to{transform:translate(-50%)}}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(18px)}[data-reveal].is-in{opacity:1;transform:none}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.breathe{animation:5.5s ease-in-out infinite breathe}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(var(--r,0deg))}}.floaty{animation:7s ease-in-out infinite floaty}@keyframes pulse-dot{0%,to{opacity:.35}50%{opacity:1}}.pulse-dot{background:var(--accent);border-radius:999px;width:.5rem;height:.5rem;animation:2.4s ease-in-out infinite pulse-dot}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--paper-2) 40%, var(--surface) 50%, var(--paper-2) 60%);background-size:200% 100%;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none}}.search-wrap{position:relative}.search-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;box-shadow:var(--shadow-soft);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:999px;padding:.3rem 1.2rem .3rem 3rem;font-size:1.02rem}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.search-icon{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.search-results{z-index:40;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);max-height:24rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden auto}.search-result{border-bottom:1px solid var(--line);transition:background .2s var(--ease-out);align-items:center;gap:.9rem;padding:.85rem 1.1rem;display:flex}.search-result:last-child{border-bottom:none}.search-result .sr-kind{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);min-width:3.4rem;font-size:.7rem}.search-result .sr-name{font-weight:600}.search-result .sr-sub{color:var(--ink-3);font-size:.85rem}.search-empty{color:var(--ink-3);padding:1.2rem;font-size:.95rem}.song-meta{flex-wrap:wrap;gap:.6rem;margin-block:1.4rem;display:flex}.meta-pill{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.85rem;font-weight:500;display:inline-flex}.meta-pill b{font-family:var(--font-mono);color:var(--ink);font-weight:600}.song-page{--sticky-top:calc(var(--header-h) + .5rem);padding-top:clamp(1.75rem,4vw,3rem)}.song-head{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:clamp(1.75rem,4vw,3.5rem);display:grid}.song-head h1{margin:.4rem 0 0}.song-head h1 em{font-family:var(--font-display-italic);color:var(--ink-2);padding-bottom:.06em;font-style:italic;font-weight:500}.song-head .answer-lead{margin-top:1.15rem}.practice-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);gap:.85rem;padding:1.25rem 1.3rem 1.3rem;display:grid}.practice-card .progression-line{gap:.45rem}.chord-slot{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:3.2rem;font-family:var(--font-mono);cursor:pointer;transition:transform .25s var(--spring), border-color .25s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out);justify-content:center;align-items:center;padding:.5rem .75rem;font-size:1.02rem;font-weight:600;display:inline-flex}.progression-line{flex-wrap:wrap;gap:.7rem;display:flex}.chord-slot:hover,.chord-slot:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.chord-slot.is-playing{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transform:translateY(-2px)scale(.97)}.section-pattern-link{color:var(--ink-2);text-underline-offset:.2em;font-size:.8rem;text-decoration:underline}.section-pattern-link:hover{color:var(--accent)}.practice-card-note{color:var(--ink-3);margin:0;font-size:.84rem;line-height:1.5}.practice-card-note b{font-family:var(--font-mono);color:var(--ink-2);font-weight:600}.fact-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1.1rem 2.9rem;margin:clamp(1.6rem,3.5vw,2.4rem) 0 0;padding-block:1.05rem;display:flex}.fact dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.69rem}.fact dd{font-family:var(--font-display);letter-spacing:-.02em;flex-direction:column;margin-top:.2rem;font-size:1.5rem;font-weight:600;line-height:1.05;display:flex}.fact dd small{font-family:var(--font-sans);letter-spacing:0;color:var(--ink-3);margin-top:.32rem;font-size:.76rem;font-weight:400;line-height:1.35}.fact-wide dd{font-size:1.12rem;line-height:1.3}.practice-toolbar{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-soft);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.15rem;padding:.55rem .7rem;display:flex}.practice-toolbar .transpose-bar{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.tool-group{border-left:1px solid var(--line);align-items:center;gap:.25rem;padding-left:.6rem;display:flex}.tool-group-end{margin-left:auto}.tool-btn{color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .78rem;font-size:.85rem;font-weight:500;display:inline-flex}.tool-btn:hover{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.tool-btn:active{transform:translateY(1px)scale(.98)}.tool-btn.is-on,.tool-btn.is-playing,.tool-btn-stop{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tool-btn.is-on:hover,.tool-btn.is-playing:hover,.tool-btn-stop:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--on-accent)}@media (width>=768px){.practice-toolbar{top:var(--sticky-top);z-index:40;position:sticky}}@media (width<=767px){.practice-toolbar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.practice-toolbar::-webkit-scrollbar{display:none}.practice-toolbar .tool-group-end{margin-left:0}}.rack-section{padding-block:clamp(2.2rem,5vw,3.4rem) 0}.rack-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1.5rem;margin-bottom:1.3rem;display:flex}.rack-head h2{margin:0}.rack-note{color:var(--ink-3);margin:0;font-size:.83rem}.rack-note code{font-family:var(--font-mono);color:var(--ink-2)}.chord-rack{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:.9rem;display:grid}.song-chart-figure{justify-items:center;gap:.7rem;margin:2.2rem 0 0;display:grid}.song-chart-figure img{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;height:auto;display:block}.song-chart-figure figcaption{text-align:center;max-width:56ch;color:var(--ink-2);font-size:.84rem;line-height:1.5}.chord-card{flex-direction:column;gap:.55rem;display:flex}.chord-card .chord-frame{flex:1;justify-content:center;align-items:center;display:flex}.chord-card .chord-diagram{width:100%;max-width:9.5rem;height:auto}.chord-card-foot{justify-content:center;align-items:center;gap:.5rem;display:flex}.song-chord-frets{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.chord-card-foot .chord-play-circle{flex:none;width:1.9rem;height:1.9rem}.chord-card-tag{text-align:center;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.66rem}.chord-card.is-active .chord-frame{box-shadow:var(--shadow-lift);border-color:var(--accent);transform:translateY(-3px)rotate(-1deg)}.sheet-panel{padding-block:clamp(2.4rem,5vw,3.6rem) 0}.sheet-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;padding-bottom:1rem;display:flex}.sheet-head-main{max-width:58ch}.sheet-head h2{margin:0}.sheet-sub{color:var(--ink-2);margin-top:.6rem;font-size:.93rem}.song-form{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;display:flex}.song-form-arrow{color:var(--ink-3);font-size:.8rem}.song-form-step{border:1px solid var(--line);transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:999px;align-items:baseline;gap:.3rem;padding:.28rem .62rem;font-size:.82rem;font-weight:600;display:inline-flex}.song-form-step:hover{border-color:var(--accent);background:var(--surface)}.song-form-times{font-family:var(--font-mono);color:var(--ink-3);font-size:.7rem;font-weight:400}.progression{scroll-margin-top:calc(var(--sticky-top,var(--header-h)) + 6.2rem)}.sheet-body{padding-top:.6rem}.progression{border-bottom:1px solid var(--line);padding-block:1.6rem}.progression:last-of-type{border-bottom:0}.progression-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem 1.5rem;margin-bottom:.8rem;display:flex}.progression h3{align-items:baseline;gap:.7rem;margin:0;font-size:1.2rem;display:flex}.progression h3 .count{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);font-size:.74rem;font-weight:400}.section-tools{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.progression-head .section-tools{margin:0}.section-feel{color:var(--ink-2);margin:0 0 .85rem;font-size:.88rem;font-style:italic}.chord-play-btn.is-playing{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bar-row{flex-wrap:wrap;display:flex}.bar-row .chord-slot{min-width:calc(var(--sheet-fs,1.02rem) * 4.3);padding:calc(var(--sheet-fs,1.02rem) * .44) calc(var(--sheet-fs,1.02rem) * .6);border:0;border-left:1px solid var(--line-strong);font-size:calc(var(--sheet-fs,1.02rem) * 1.08);background:0 0;border-radius:0;justify-content:flex-start;gap:.55em}.bar-row .chord-slot:last-child{border-right:1px solid var(--line-strong)}.cs-beats{letter-spacing:.16em;color:var(--ink-3);transition:color .2s var(--ease-out);font-size:.7em;font-weight:400}.bar-row .chord-slot:hover,.bar-row .chord-slot:focus-visible{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep);transform:none}.bar-row .chord-slot:hover .cs-beats,.bar-row .chord-slot:focus-visible .cs-beats{color:color-mix(in srgb, var(--accent) 55%, transparent)}.bar-row .chord-slot.is-playing{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:none}.bar-row .chord-slot.is-playing .cs-beats{color:color-mix(in srgb, var(--on-accent) 65%, transparent)}.song-sheet{min-width:0}.progression-text{font-family:var(--font-mono);font-size:var(--sheet-fs,1.02rem);color:var(--ink);padding:.3rem 0 .5rem;line-height:1.95;display:none}.bar-line{display:block}.bar-cell{white-space:pre;display:inline-block}[data-sheet][data-view=text] .progression-bars{display:none}[data-sheet][data-view=text] .progression-text{display:block}[data-sheet][data-view=bars] .progression-text{display:none}.song-prose{border-top:1px solid var(--line);margin-top:clamp(2rem,4vw,3rem);padding-top:1.75rem}.section-lede{max-width:64ch;color:var(--ink-2)}.chord-stats{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1.6rem;display:grid}.chord-stat{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:.7rem;padding:1.15rem 1.25rem 1.25rem;display:flex}.chord-stat-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.chord-slot.chord-stat-sym{min-width:0;color:var(--ink);background:0 0;border:0;padding:0;font-size:1.65rem;font-weight:600;line-height:1}.chord-stat-link{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);white-space:nowrap;font-size:.76rem}.chord-stat-figure{color:var(--ink-2);align-items:baseline;gap:.55rem;margin:0;font-size:.85rem;display:flex}.chord-stat-figure b{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1}.chord-stat-next{border-top:1px solid var(--line);color:var(--ink-3);margin:auto 0 0;padding-top:.6rem;font-size:.83rem}.chord-stat-next b{font-family:var(--font-mono);color:var(--ink-2);font-weight:600}.practice-plan{counter-reset:practise;gap:clamp(1.4rem,3vw,2.1rem);margin:1.9rem 0 0;padding:0;list-style:none;display:grid}.practice-plan>li{counter-increment:practise;grid-template-columns:3.4rem minmax(0,1fr);align-items:start;gap:.35rem 1.1rem;display:grid}.practice-plan>li:before{content:counter(practise, decimal-leading-zero);font-family:var(--font-display);letter-spacing:-.03em;color:color-mix(in srgb, var(--ink) 24%, transparent);grid-area:1/1;font-size:2.1rem;font-weight:600;line-height:1}.practice-plan>li>*{grid-column:2}.practice-plan h3{margin:.25rem 0 .5rem;font-size:1.12rem}.practice-plan p{margin:0 0 .5rem;font-size:.94rem;line-height:1.62}.practice-plan p:last-child{margin-bottom:0}.change-list{flex-wrap:wrap;gap:.45rem .55rem;display:flex}.change{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:baseline;gap:.4rem;padding:.3rem .72rem;font-size:.84rem;display:inline-flex}.change-count{font-family:var(--font-mono);color:var(--ink-3);font-size:.74rem}@media (width<=560px){.practice-plan>li{grid-template-columns:2.4rem minmax(0,1fr);gap:.3rem .8rem}.practice-plan>li:before{font-size:1.6rem}}.capo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.6rem;display:grid}.capo-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1.1rem;display:flex}.capo-card.is-written{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.capo-fret{font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;font-size:1.15rem;font-weight:620;display:flex}.capo-fret span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.64rem;font-weight:500}.capo-shapes{color:var(--ink-2);margin:0;font-size:.86rem}.capo-open{color:var(--ink-3);margin:auto 0 0;padding-top:.5rem;font-size:.78rem}.capo-note,.capo-tool{margin-top:1rem;font-size:.85rem}.more-songs{max-width:68ch;margin-top:1.8rem;font-size:.92rem}.faq-section .faq{margin-top:1.5rem}.faq details{border-radius:var(--radius-md);transition:background-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border:0;margin-bottom:.3rem;padding:0}.faq details:last-child{border:0}.faq details[open]{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent)}.faq summary{padding:1.05rem 1.15rem}.faq details[open] summary{color:var(--accent-deep)}@media (width<=1023px){.capo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.song-head{grid-template-columns:1fr}.fact-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.4rem;display:grid}.fact dd{font-size:1.28rem}.chord-rack{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}}@media (width<=460px){.chord-rack{grid-template-columns:repeat(2,minmax(0,1fr))}.capo-grid{grid-template-columns:1fr}}@media print{.chord-card-foot .chord-play-circle,.chord-card-tag{display:none!important}.bar-row .chord-slot{border-color:#999}.bar-row .chord-slot.is-playing,.chord-slot.is-playing{color:var(--ink)!important;background:0 0!important;border-color:#999!important}.capo-card{background:0 0;border-color:#ccc}.chord-card .chord-frame{box-shadow:none}}.strum-svg{color:var(--ink-2)}.strum-grid{grid-template-columns:repeat(8,2rem);gap:3px;display:grid}.strum-cell{border:1px solid var(--line);color:var(--ink);border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem 0;font-size:1rem;font-weight:700;transition:background-color .1s linear,color .1s linear,border-color .1s linear;display:flex}.strum-cell.is-rest{opacity:.35}.strum-beat{font-family:var(--font-mono);color:var(--ink-3);font-size:.62rem;font-style:normal;font-weight:400}.strum-cell.is-now{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.strum-cell.is-now .strum-beat{color:var(--on-accent)}.strum-grid-sm{grid-template-columns:repeat(8,1.55rem);gap:2px}.strum-grid-sm .strum-cell{border-radius:6px;padding:.2rem 0;font-size:.82rem}.strum-grid-sm .strum-beat{font-size:.55rem}.transpose-bar{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:.9rem;width:max-content;max-width:100%;padding:.8rem 1rem;display:flex}.transpose-bar .tb-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.72rem}.transpose-bar .tb-step{border:1px solid var(--line-strong);background:var(--paper);width:2.2rem;height:2.2rem;font-family:var(--font-mono);cursor:pointer;transition:transform .2s var(--spring), border-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;place-items:center;font-weight:600;display:grid}.transpose-bar .tb-step:hover{border-color:var(--accent);color:var(--accent)}.transpose-bar .tb-step:active{transform:scale(.92)}.prose h2{margin-top:3rem}.prose h3{margin-top:2.25rem}.prose p,.prose ul,.prose ol{margin-bottom:1.1rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin-bottom:.45rem}.prose li::marker{color:var(--accent)}.prose strong{font-weight:650}.prose table{border-collapse:collapse;width:100%;margin-block:1.7rem;font-size:.94rem;line-height:1.5;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.62rem .95rem}.prose thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;border-bottom:1px solid var(--line-strong);font-size:.72rem}.prose tbody tr:last-child td{border-bottom:none}.prose tbody td:first-child{color:var(--ink);font-weight:600}.prose .callout{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-block:1.6rem;padding:1.1rem 1.3rem;font-size:.98rem}.prose .callout b{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem;font-size:.78rem;display:block}.faq details{border-top:1px solid var(--line);padding-block:.4rem}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:var(--font-display);transition:color .25s var(--ease-out);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.05rem;font-size:1.12rem;font-weight:540;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--accent)}.faq summary .faq-mark{font-family:var(--font-mono);color:var(--accent);transition:transform .3s var(--spring);flex-shrink:0;font-size:1.1rem}.faq details[open] summary .faq-mark{transform:rotate(45deg)}.faq .faq-body{color:var(--ink-2);max-width:70ch;padding-bottom:1.15rem}.breadcrumbs{color:var(--ink-3);flex-wrap:wrap;gap:.45rem;margin-bottom:1.6rem;font-size:.85rem;display:flex}.breadcrumbs a{transition:color .2s var(--ease-out)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .bc-sep{font-family:var(--font-mono);color:var(--ink-3);opacity:.7}.tool-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:clamp(1.5rem,3.5vw,2.5rem)}.seg-field{gap:.5rem;margin-bottom:1.2rem;display:grid}.seg-field label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:.74rem}.seg-field .seg{gap:.3rem}.seg-field .seg button{padding:.34rem .62rem;font-size:.82rem}.ctl-stack{gap:.2rem;margin-top:1rem;display:grid}.ctl-readout{font-family:var(--font-mono);color:var(--ink);margin:1rem 0 0;font-size:1.02rem;font-weight:700}.seg{flex-wrap:wrap;gap:.5rem;display:flex}.seg button{border:1px solid var(--line);font-family:var(--font-mono);cursor:pointer;transition:transform .2s var(--spring), background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);background:0 0;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:500}.seg button:hover{border-color:var(--accent);color:var(--accent)}.seg button:active{transform:scale(.94)}.seg button.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sim-guitar{background:var(--paper-2);padding:clamp(.9rem,2vw,1.4rem) clamp(.9rem,2.5vw,2rem)}.sim-guitar>.fret-explorer-wrap:not(.is-vertical){max-width:90rem;margin-inline:auto}main:has(>.sim-guitar){flex-direction:column;display:flex}main:has(>.sim-guitar)>.sim-guitar{order:1}main:has(>.sim-guitar)>.song-marquee{order:2}main:has(>.sim-guitar)>.hero-intro{order:3}main:has(>.sim-guitar)>.home-content{order:4}@media (width>=1024px){main:has(>.sim-guitar>.fret-explorer-wrap.is-vertical){grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;max-width:80rem;margin-inline:auto;display:grid}main:has(>.sim-guitar>.fret-explorer-wrap.is-vertical)>.hero-intro,main:has(>.sim-guitar>.fret-explorer-wrap.is-vertical)>.song-marquee,main:has(>.sim-guitar>.fret-explorer-wrap.is-vertical)>.home-content{grid-column:1;min-width:0}main:has(>.sim-guitar>.fret-explorer-wrap.is-vertical)>.sim-guitar{top:var(--header-h);z-index:30;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));grid-area:1/2/span 3;position:sticky;overflow-y:auto}.sim-guitar>.fret-explorer-wrap.is-vertical{height:100%;min-height:30rem}}.fret-explorer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-soft);flex-direction:column;display:flex;position:relative;overflow:hidden}.fret-explorer-board{align-items:center;padding:0 .7rem .6rem;display:flex;overflow-x:auto}.fret-explorer-board-h{display:contents}.fret-explorer-board-h .fretboard{width:100%;min-width:36rem;height:auto;display:block}.fret-explorer-board-v{display:none}.fret-explorer-orient{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);width:1.9rem;height:1.9rem;color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--spring);border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.5rem;left:.5rem}.fret-explorer-orient:hover{border-color:var(--accent);color:var(--accent)}.fret-explorer-orient:active{transform:scale(.92)}.orient-icon-to-h{display:none}.fret-explorer-play{z-index:3;visibility:hidden;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%)}.fret-controls{border-top:1px solid var(--line);display:flex;overflow-x:auto}.fret-controls-caption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--ink-3);background:color-mix(in srgb, var(--ink) 4%, transparent);border-right:1px solid var(--line);flex:1 0 2.6rem;justify-content:center;align-items:center;padding:.45rem .2rem;font-size:.72rem;line-height:1.15;display:flex}.fret-controls button{font-family:var(--font-mono);cursor:pointer;white-space:nowrap;transition:background .2s var(--ease-out), color .2s var(--ease-out), transform .2s var(--spring);background:0 0;border:none;flex:1 0 2.6rem;padding:.45rem .2rem;font-size:.82rem;font-weight:500}.fret-controls button+button{border-left:1px solid var(--line)}.fret-controls .fret-controls-toggle{background:color-mix(in srgb, var(--ink) 4%, transparent);border-left:1px solid var(--line);flex:1 0 2.6rem;justify-content:center;align-items:center;min-width:0;padding:.22rem .15rem;display:flex}.fret-controls .fret-controls-toggle button{border:1px solid var(--line-strong);background:var(--surface);width:auto;max-width:100%;min-height:1.5rem;font-family:var(--font-sans);letter-spacing:0;text-align:center;white-space:nowrap;transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--spring);border-radius:999px;flex:none;padding:.22rem .4rem;font-size:.6rem;font-weight:600;line-height:1;overflow:hidden}.fret-controls .fret-controls-toggle button:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.fret-controls .fret-controls-toggle button:active{transform:scale(.94)}.fret-controls .fret-controls-toggle button.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.fret-controls button:hover{color:var(--accent);background:var(--accent-soft)}.fret-controls button:active{transform:scale(.96)}.fret-controls button.is-on{background:var(--ink);color:var(--paper)}.fretboard .fb-pos{cursor:pointer;outline:none}.fretboard .fb-pos .fb-pos-ghost{transition:fill .15s var(--ease-out)}.fretboard .fb-pos:not(.is-active):hover .fb-pos-ghost,.fretboard .fb-pos:not(.is-active):focus-visible .fb-pos-ghost{fill:var(--accent-soft)}.fretboard .fb-pos.is-active:hover .fb-pos-ghost,.fretboard .fb-pos.is-active:focus-visible .fb-pos-ghost{fill:var(--accent-deep)}.fret-explorer-board{position:relative}.fret-explorer-hint{background:color-mix(in srgb, var(--surface) 82%, transparent);font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-3);pointer-events:none;border-radius:4px;margin:0;padding:.08rem .35rem;font-size:.64rem;position:absolute;bottom:.5rem;right:.9rem}.fret-explorer-wrap.is-vertical .fret-explorer-hint{display:none}.fret-explorer-wrap.is-vertical{place-items:stretch center;height:min(40rem,76vh);display:grid}@media (width<=767px){.sim-guitar>.fret-explorer-wrap:not(.is-vertical){height:calc(clamp(17rem,54vh,21rem) + 5.4375rem)}}.fret-explorer-wrap.is-vertical .fret-explorer{flex-direction:row;height:100%}.fret-explorer-wrap.is-vertical .fret-explorer-board{flex:none;height:100%;padding:.8rem 1rem;overflow:hidden}.fret-explorer-wrap.is-vertical .fret-explorer-board-h{display:none}.fret-explorer-wrap.is-vertical .fret-explorer-board-v{align-items:center;height:100%;display:flex}.fret-explorer-wrap.is-vertical .fret-explorer-board-v .fretboard-v{width:auto;height:100%;display:block}.fret-explorer-wrap.is-vertical .orient-icon-to-v{display:none}.fret-explorer-wrap.is-vertical .orient-icon-to-h{display:block}.fret-explorer-wrap.is-vertical .fret-controls{border-top:none;border-left:1px solid var(--line);flex-direction:column;flex:none;min-width:3.2rem;overflow:hidden}.fret-explorer-wrap.is-vertical .fret-controls-caption{border-right:none;border-bottom:1px solid var(--line);flex:none;width:100%;padding:.45rem .2rem;font-size:.66rem}.fret-explorer-wrap.is-vertical .fret-controls button[data-root],.fret-explorer-wrap.is-vertical .fret-controls button[data-quality]{flex:1 1 0;width:100%;min-height:0;padding:.4rem .2rem}.fret-explorer-wrap.is-vertical .fret-controls button+button{border-left:none;border-top:1px solid var(--line)}.fret-explorer-wrap.is-vertical .fret-controls-toggle{border-left:none;border-top:1px solid var(--line);flex:none;width:100%;padding:.4rem .15rem}.fret-explorer-wrap.is-vertical .fret-controls-toggle button{min-height:1.5rem;padding:.18rem .28rem;font-size:.56rem}.hero-intro{grid-template-columns:6fr 6fr;align-items:start;gap:clamp(2rem,6vw,5rem);padding-block:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw,2.5rem);display:grid}.usage-steps{counter-reset:usage-step;gap:.85rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.usage-steps li{counter-increment:usage-step;color:var(--ink-2);grid-template-columns:1.8rem 1fr;align-items:start;gap:.7rem;font-size:.93rem;display:grid}.usage-steps li:before{content:counter(usage-step, decimal-leading-zero);border:1px solid var(--line-strong);width:1.8rem;height:1.8rem;font-family:var(--font-mono);color:var(--accent);border-radius:999px;place-items:center;font-size:.72rem;display:grid}.usage-note{margin-top:1rem;font-size:.85rem}.usage-demo{user-select:none;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.5rem;display:flex}.ud-btn{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);color:var(--ink-2);border-radius:999px;padding:.18rem .5rem;font-size:.7rem}.card .ud-btn{background:var(--paper)}.ud-btn.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ud-pos{border:1.5px solid var(--accent);width:1.35rem;height:1.35rem;font-family:var(--font-mono);color:var(--accent);border-radius:999px;place-items:center;font-size:.66rem;display:inline-grid}.ud-pos.is-on{background:var(--accent);color:var(--on-accent)}.ud-play{background:var(--accent);width:1.6rem;height:1.6rem;color:var(--on-accent);border-radius:999px;place-items:center;display:inline-grid}.ud-badge{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:.16rem .45rem;font-size:.68rem;font-weight:600}.ud-orient{border:1px solid var(--line);background:var(--surface);width:1.6rem;height:1.6rem;color:var(--ink-2);border-radius:.45rem;place-items:center;display:inline-grid}.usage-steps-lg{gap:1.6rem;margin-top:1rem}.usage-steps-lg li{grid-template-columns:2.1rem 1fr;gap:.9rem;font-size:1.02rem}.usage-steps-lg li:before{width:2.1rem;height:2.1rem;font-size:.8rem}.usage-steps-lg .usage-demo{margin-top:.6rem}@media (width>=901px){.hero-intro>div:first-child{top:calc(var(--header-h) + 2rem);position:sticky}}@media (width<=1023px){.fret-explorer-orient{display:none}}@media (width<=900px){.hero-intro{grid-template-columns:1fr;align-items:start}}@media (width<=480px){.fret-controls button{padding:.38rem .1rem;font-size:.72rem}.fret-controls-caption{padding:.38rem .5rem;font-size:.64rem}}@media print{.site-header,.site-footer,.transpose-bar,.song-marquee,.back-to-top,.no-print{display:none!important}body{background:#fff;font-size:11pt}body:after{display:none}.chord-frame{break-inside:avoid;box-shadow:none}.strum-cell{color:var(--ink)!important;background:0 0!important}.strum-cell.is-rest{opacity:.5}.progression,.practice-plan>li{break-inside:avoid}.same-chords,[data-corpus-table]{display:none!important}aside[style*=sticky]{position:static!important}}.autoscroll-bar{background:var(--surface,#fff);border:1px solid var(--line,#00000024);z-index:60;border-radius:999px;align-items:center;gap:.7rem;padding:.55rem .9rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000002e}.autoscroll-bar[hidden]{display:none}.autoscroll-bar input[type=range]{width:110px;accent-color:var(--accent)}.fretboard.fb-picker,.fretboard.fb-scale{width:100%;height:auto}.fb-picker-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.fb-picker-wrap .fretboard{min-width:640px}.fb-cell{cursor:pointer;outline:none}.fb-picker .fb-labels{pointer-events:none}.fb-cell:hover rect,.fb-cell:focus-visible rect{fill:#b8451b38}.fb-cell:focus-visible rect{stroke:var(--accent);stroke-width:1.5px}.fb-cell.is-target rect{fill:#b8451b80}.fb-cell.is-right rect{fill:#4c6b5073}.fb-cell.is-wrong rect{fill:#c828284d}.stats-band{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(5,1fr);gap:1.5rem;margin:0;padding:1.6rem 0 1.8rem;display:grid}.stats-band>div{flex-direction:column;display:flex}.stat-num{margin:0;font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;order:1;margin-inline-start:0;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:560;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);text-transform:lowercase;order:2;margin-top:.45rem;font-size:.72rem}@media (width<=720px){.stats-band{grid-template-columns:repeat(2,1fr);gap:1.2rem}}.path-list{margin-bottom:0;padding:0;list-style:none}.path-row{border-top:1px solid var(--line);grid-template-columns:5.5rem 1fr;align-items:start;gap:1.4rem;padding:1.7rem 0 1.9rem;display:grid}.path-row:last-child{border-bottom:1px solid var(--line)}.path-num{font-family:var(--font-display-italic);color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.6rem;font-style:italic;line-height:1}.path-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:560;line-height:1.12}.path-desc{max-width:58ch;color:var(--ink-2);margin-top:.55rem;font-size:.98rem}.path-links{flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.9rem;display:flex}.path-links a{font-family:var(--font-mono);color:var(--ink);border-bottom:1.5px solid var(--accent);transition:color .18s var(--ease-out);padding-bottom:.1rem;font-size:.82rem;font-weight:600;text-decoration:none}.path-links a:hover{color:var(--accent)}@media (width<=640px){.path-row{grid-template-columns:3.2rem 1fr;gap:.9rem}.path-num{font-size:1.8rem}}.index-list{border-top:1px solid var(--line-strong);margin-bottom:0;padding:0;list-style:none}.index-list>li{list-style:none}.index-item{border-bottom:1px solid var(--line);color:var(--ink);transition:background .18s var(--ease-out), padding-left .18s var(--ease-out);grid-template-columns:3rem minmax(11rem,16rem) 1fr 2rem;align-items:baseline;gap:1.2rem;padding:1.05rem .4rem;text-decoration:none;display:grid}.index-item:hover{background:var(--surface);padding-left:.9rem}.index-num{font-family:var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.78rem}.index-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.18rem;font-weight:600}.index-desc{color:var(--ink-2);font-size:.9rem;line-height:1.5}.index-arrow{font-family:var(--font-mono);color:var(--accent);transition:transform .18s var(--ease-out);justify-self:end}.index-item:hover .index-arrow{transform:translate(4px)}@media (width<=720px){.index-item{grid-template-columns:2.2rem 1fr 1.5rem}.index-desc{grid-column:2}}.variation-strip{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.variation-card{flex-direction:column;align-items:center;gap:.4rem;padding-top:1.2rem;display:flex;position:relative}.variation-badge{color:var(--accent);font-size:.72rem;font-weight:700;position:absolute;top:.45rem;left:.55rem}.variation-label{color:var(--ink-3);font-size:.72rem}.variation-more{background:var(--accent-soft);justify-content:center;gap:.6rem}@media (width<=900px){.variation-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.variation-strip{grid-template-columns:repeat(2,1fr)}}.fret-explorer-playmode{z-index:2;border:1.5px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);cursor:pointer;transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;top:.6rem;right:.6rem;box-shadow:0 4px 14px -6px #b8451b8c}.fret-explorer-playmode:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px #b8451ba6}.fret-explorer-playmode:active{transform:translateY(0)}.fret-explorer-playmode.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.fb-playbar{border-top:1px solid var(--line);background:color-mix(in srgb, var(--accent) 5%, var(--surface));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .9rem;display:flex}.fb-playbar[hidden]{display:none}.fb-keys{flex-wrap:wrap;gap:.35rem;display:flex}.fb-key{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;font-family:var(--font-mono);transition:transform 80ms var(--ease-out), background .12s;border-bottom-width:3px;border-radius:.5rem;align-items:center;gap:.35rem;padding:.3rem .6rem .34rem;display:inline-flex}.fb-key:hover{border-color:var(--accent)}.fb-key:active,.fb-key.is-hit{border-bottom-width:1px;transform:translateY(2px)}.fb-key.is-on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.fb-key-num{opacity:.6;font-size:.68rem;font-weight:700}.fb-key-sym{font-size:.92rem;font-weight:700}.fb-playctl{align-items:center;gap:.9rem;display:flex}.fb-playctl .seg{gap:0;display:flex}.fb-playctl .seg button{appearance:none;border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;background:0 0;border-left:none;border-radius:0;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.fb-playctl .seg button:first-child{border-left:1px solid var(--line-strong);border-radius:.5rem 0 0 .5rem}.fb-playctl .seg button:last-child{border-radius:0 .5rem .5rem 0}.fb-playctl .seg button.is-on{background:var(--ink);color:var(--paper)}.fb-bpm{font-family:var(--font-mono);align-items:center;gap:.45rem;font-size:.8rem;display:inline-flex}.fb-bpm[hidden]{display:none}.fb-bpm button{appearance:none;border:1px solid var(--line-strong);cursor:pointer;width:1.5rem;height:1.5rem;color:var(--ink);background:0 0;border-radius:.4rem;font-weight:700}.fb-bpm button:hover{border-color:var(--accent);color:var(--accent)}.fb-bpm-unit{color:var(--ink-3);font-size:.65rem}@media (width<=767px){.fb-playbar{flex-direction:column;align-items:stretch}.fb-playctl{justify-content:space-between}}.fb-prog{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding-top:.6rem;display:flex}.fb-prog-slots{flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2rem;display:flex}.fb-prog-empty{font-size:.8rem}.fb-prog-slot{appearance:none;border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-mono);color:var(--ink);cursor:pointer;border-radius:.5rem;align-items:center;padding:.28rem .6rem;font-size:.85rem;font-weight:700;transition:background .12s;display:inline-flex}.fb-prog-slot:hover{color:#c33;border-color:#c33}.fb-prog-slot.is-now{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.fb-prog-actions{align-items:center;gap:.5rem;display:flex}.fb-beats{align-items:center;gap:.45rem;min-width:3rem;min-height:.7rem;display:inline-flex}.fb-beat-dot{background:var(--ink-3);opacity:.3;border-radius:50%;width:.6rem;height:.6rem;transition:opacity 80ms,transform 80ms,background 80ms}.fb-beat-dot.is-now{opacity:1;background:var(--accent);transform:scale(1.35)}.fb-beat-dot.is-now.is-one{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent)}.seg[hidden],.fb-bpm[hidden],.fb-playbar[hidden]{display:none!important}.fb-playctl .seg[data-pattern-group]{white-space:nowrap;opacity:1;transform-origin:0;max-width:17rem;transition:max-width .3s var(--ease-out), opacity .18s var(--ease-out), transform .3s var(--ease-out), margin-right .3s var(--ease-out);flex-wrap:nowrap;overflow:hidden;transform:translate(0)}.fb-playctl .seg[data-pattern-group].is-collapsed{opacity:0;pointer-events:none;max-width:0;margin-right:-.9rem;transform:translate(-.9rem)}.voicing-board{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);flex:none;overflow:hidden}.voicing-board svg{width:100%;height:auto;display:block}.variation-row{flex-wrap:wrap;align-items:flex-start;gap:1.6rem;display:flex}.variation-row>div:last-child{flex:1;min-width:16rem}.voicing-board-play{border-top:1px solid var(--line);justify-content:center;padding:.55rem .5rem;display:flex}.voicing-board-play .chord-play{white-space:nowrap;padding:.28rem .7rem;font-size:.82rem}.tbl{border-collapse:collapse;width:100%;font-size:.9rem}.tbl th{text-align:left;font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft,var(--ink-3));border-bottom:1px solid var(--line);padding:.45rem .6rem;font-size:.72rem;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .6rem}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.steps-with-diagrams{counter-reset:chordstep;padding-left:0;list-style:none}.steps-with-diagrams>li{counter-increment:chordstep;margin:0 0 1rem}.steps-with-diagrams .step-row{align-items:center;gap:1rem;display:flex}.steps-with-diagrams .step-diagram{border:1px solid var(--line);border-radius:var(--radius-md,10px);background:var(--surface,#fff);width:clamp(5.5rem,24vw,7.5rem);box-shadow:var(--shadow-soft,none);flex:none;padding:.25rem}.steps-with-diagrams .step-diagram svg.chord-diagram{width:100%;height:auto;display:block}.steps-with-diagrams>li>.step-row:before{content:counter(chordstep);background:var(--accent);width:1.5rem;height:1.5rem;color:var(--on-accent,#fff);font-family:var(--font-mono,monospace);border-radius:50%;flex:none;order:-1;align-self:flex-start;place-items:center;margin-top:.35rem;font-size:.78rem;display:grid}.video-frame{aspect-ratio:16/9;border-radius:var(--radius-md,10px);border:1px solid var(--line);width:100%;max-width:44rem;box-shadow:var(--shadow-soft,none);background:#000;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}audio{height:2.2rem;display:block}.tool-head{grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);align-items:end;gap:clamp(1.6rem,4vw,3.2rem);padding-top:clamp(1.4rem,3.2vw,2.2rem);display:grid}.tool-head h1{font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.04}.tool-lede{max-width:56ch;color:var(--ink-2);margin-top:.85rem;font-size:1.08rem}.tool-jump{font-family:var(--font-mono);flex-wrap:wrap;gap:.4rem 1.3rem;margin-top:1.15rem;font-size:.8rem;display:flex}.tool-jump a{border-bottom:1.5px solid var(--accent);transition:color .18s var(--ease-out);padding-bottom:.1rem;font-weight:600}.tool-jump a:hover{color:var(--accent)}.tool-facts{border-top:1px solid var(--line-strong);gap:0;margin:0;display:grid}.tool-facts>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.5rem;display:flex}.tool-facts>div:last-child{border-bottom:none}.tool-facts dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:lowercase;color:var(--ink-2);font-size:.72rem}.tool-facts dd{text-align:right;margin:0;font-size:.86rem;font-weight:600}@media (width<=860px){.tool-head{grid-template-columns:1fr;align-items:start;gap:1.4rem}.tool-facts dd{text-align:right}}.workbench{margin-top:1.6rem}.workbench-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.4rem;margin-bottom:1.2rem;display:flex}.workbench-head .wb-name{font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--accent);font-size:.8rem;font-weight:600}.workbench-head .wb-note{font-family:var(--font-mono);color:var(--ink-2);font-size:.74rem}.defblock{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr) minmax(13rem,19rem);align-items:start;gap:clamp(1.6rem,4vw,3.2rem);margin-top:clamp(2.6rem,5vw,4rem);padding-top:1.6rem;display:grid}.defblock h2{margin-bottom:.9rem;font-size:clamp(1.5rem,2.8vw,2.1rem)}.def-body{max-width:64ch;color:var(--ink-2)}.defblock-facts{border-top:1px solid var(--line);gap:0;display:grid}.defblock-facts>div{border-bottom:1px solid var(--line);gap:.15rem;padding-block:.7rem;display:grid}.defblock-facts>div:last-child{border-bottom:none}.defblock-facts .df-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:600;line-height:1}.defblock-facts .df-label{font-family:var(--font-mono);color:var(--ink-2);text-transform:lowercase;font-size:.72rem}@media (width<=860px){.defblock{grid-template-columns:1fr}}.figure-row,.chord-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.1rem);display:grid}.figure-row{align-items:start}.figure-row--tight{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1023px){.figure-row,.chord-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.figure-row--tight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.figure-row,.chord-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.figure-row--tight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=479px){.figure-row,.chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.figure-row .figure-wide{text-align:left;grid-column:1/-1;overflow-x:auto}.figure-row .figure-wide svg{width:100%;min-width:560px;height:auto;display:block}.figure-row .figure-wide figcaption{text-align:left}.figure-row figure{text-align:center;margin:0}.figure-row img,.figure-row svg{border-radius:var(--radius-sm);width:100%;height:auto}.figure-row figcaption{font-family:var(--font-mono);color:var(--ink-2);margin-top:.5rem;font-size:.76rem}.spec-groups{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1.5rem,3.5vw,2.8rem);display:grid}.spec-group h3{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;color:var(--ink);border-bottom:1px solid var(--line-strong);margin-bottom:.7rem;padding-bottom:.5rem;font-size:.78rem;font-weight:600}.spec-group dl{gap:.5rem;margin:0;display:grid}.spec-group .spec-row{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.92rem;display:flex}.spec-group .spec-row dt{color:var(--ink-2)}.spec-group .spec-row dd{font-family:var(--font-mono);white-space:nowrap;margin:0;font-size:.85rem;font-weight:600}.tool-byline{border-top:1px solid var(--line);color:var(--ink-2);margin-top:clamp(2rem,4vw,3rem);padding-top:1.1rem;font-size:.86rem}.tool-foot{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem;display:grid}.tool-foot .tf-link{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:transform .3s var(--ease-out), border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);padding:1rem 1.15rem;display:block}.tool-foot .tf-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-3px)}.tool-foot .tf-next{text-align:right}.tool-foot .tf-dir{font-family:var(--font-mono);text-transform:lowercase;color:var(--ink-2);font-size:.72rem}.tool-foot .tf-name{font-family:var(--font-display);letter-spacing:-.01em;margin-top:.25rem;font-size:1.12rem;font-weight:600;display:block}.tool-foot .tf-slot{border:1px dashed var(--line);border-radius:var(--radius-md)}.tool-foot-related{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.45rem;display:flex}.tool-foot-related .tf-dir{margin-right:.35rem}@media (width<=640px){.tool-foot{grid-template-columns:1fr}.tool-foot .tf-next{text-align:left}}@media (width<=767px){.sim-guitar>.fret-explorer-wrap.is-vertical{height:auto;min-height:0}.fret-explorer-wrap.is-vertical .fret-explorer{grid-template-columns:minmax(0,1fr);height:auto;display:grid}.fret-explorer-wrap.is-vertical .fret-explorer-board{width:100%;height:min(21rem,54vh);min-height:17rem;padding:.7rem .8rem .55rem;overflow:hidden}.fret-explorer-wrap.is-vertical .fret-explorer-board-v{justify-content:center;width:100%}.fret-explorer-wrap.is-vertical .fret-controls{border-left:0;border-top:1px solid var(--line);scrollbar-width:none;flex-direction:row;width:100%;min-width:0;overflow:auto hidden}.fret-explorer-wrap.is-vertical .fret-controls::-webkit-scrollbar{display:none}.fret-explorer-wrap.is-vertical .fret-controls-caption{z-index:2;border-right:1px solid var(--line);background:var(--surface);border-bottom:0;flex:0 0 4.4rem;width:auto;min-height:2.6rem;padding:.45rem .4rem;position:sticky;left:0;box-shadow:5px 0 10px -10px #1e161080}.fret-explorer-wrap.is-vertical .fret-controls button[data-root],.fret-explorer-wrap.is-vertical .fret-controls button[data-quality]{border-top:0;border-left:1px solid var(--line);flex:0 0 3rem;width:auto;min-height:2.6rem;padding:.45rem .3rem}.fret-explorer-wrap.is-vertical .fret-controls-caption+button{border-left:0}.fret-explorer-wrap.is-vertical .fret-controls-toggle{border-top:0;border-left:1px solid var(--line);flex:0 0 4.6rem;width:auto;min-height:2.6rem;padding:.3rem .25rem}.fret-explorer-wrap.is-vertical .fret-controls-toggle button{min-height:2rem;padding-inline:.45rem;font-size:.6rem}}.cl-chord[data-chord]{box-sizing:border-box;justify-content:center;align-items:center;width:auto;min-width:1.5rem;min-height:1.5rem;padding-inline:.2rem;display:inline-flex}@media (width<=767px){.fret-explorer-wrap.is-vertical .fret-controls-caption{z-index:auto;box-shadow:none;position:static}}:root{--paper:#f6f4ee;--paper-2:#eeece5;--surface:#fffdf9;--ink:#191815;--ink-2:#4d4a44;--ink-3:#716d65;--line:color-mix(in srgb, var(--ink) 11%, transparent);--line-strong:color-mix(in srgb, var(--ink) 20%, transparent);--accent:#bd4a2a;--accent-deep:#95351c;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--on-accent:#fffaf3;--open:#3f6b52;--radius-lg:1.2rem;--radius-md:.85rem;--radius-sm:.55rem;--shadow-soft:0 1px 2px #1918150a, 0 8px 24px -18px #19181538;--shadow-lift:0 2px 4px #1918150d, 0 18px 42px -24px #19181540}body:after{display:none}body{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 32%, transparent), transparent 22rem), var(--paper)}main :where(h1,h2,h3,h4){font-family:var(--font-sans);letter-spacing:-.025em;font-weight:660}.hero-intro h1{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.home-content h2,.home-content h3{letter-spacing:-.03em}.eyebrow{letter-spacing:.12em;font-size:.72rem;font-weight:700}.lede{color:var(--ink-2)}.site-header{background:color-mix(in srgb, var(--surface) 96%, transparent);border-bottom-color:var(--line);box-shadow:0 1px #19181505}.site-header-inner{max-width:96rem;margin-inline:auto}.brand{font-family:var(--font-sans);letter-spacing:-.035em;align-items:center;font-size:1.15rem;font-weight:760}.brand em{color:var(--ink-2);font-style:normal;font-weight:560}.site-nav{gap:.35rem;font-size:.9rem;font-weight:600}.site-nav a{color:var(--ink-2);transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border:0;border-radius:.5rem;padding:.42rem .62rem}.site-nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.site-nav a[aria-current=page]{color:var(--accent-deep);background:var(--accent-soft)}.search-input{border-color:var(--line);background:color-mix(in srgb, var(--surface) 94%, var(--paper));min-height:2.65rem;box-shadow:none;border-radius:.7rem;padding-left:2.65rem}.search-input:hover{border-color:var(--line-strong)}.search-input:focus{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{left:.9rem}.search-results{border-color:var(--line);box-shadow:var(--shadow-lift);border-radius:.85rem;margin-top:.15rem}.search-result{gap:.8rem;padding:.75rem .9rem}.search-result:hover,.search-result.is-active{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.search-result .sr-kind{letter-spacing:.08em;min-width:3rem;font-size:.64rem;font-weight:700}.btn{min-height:2.75rem;box-shadow:none;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:.68rem;padding:.7rem 1.15rem;font-size:.94rem;font-weight:680}.btn-primary{box-shadow:0 8px 20px -14px color-mix(in srgb, var(--accent) 70%, transparent)}.btn-primary:hover{box-shadow:0 12px 28px -16px color-mix(in srgb, var(--accent) 76%, transparent);transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--line-strong)}.btn-ghost:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));background:#fff;transform:translateY(-1px)}.chip{border-color:var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--paper));min-height:2.05rem;box-shadow:none;border-radius:.55rem;padding:.34rem .7rem;font-size:.78rem;font-weight:620}a.chip:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:var(--accent-soft);color:var(--accent-deep);transform:none}.seg{gap:.38rem}.seg button{border-color:var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);min-height:2.2rem;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out), transform .15s var(--ease-out);border-radius:.52rem;padding:.38rem .66rem;font-size:.78rem;font-weight:620}.seg button:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-deep)}.seg button.is-on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.card,.tool-panel,.same-chord-card{border-color:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card{background:color-mix(in srgb, var(--surface) 96%, var(--paper))}a.card:hover,.same-chord-card:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--line));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card-label{letter-spacing:.1em;font-size:.67rem;font-weight:700}.tool-panel{background:var(--surface)}.chord-frame{border-color:var(--line);transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:.8rem;box-shadow:0 1px 2px #19181508}a:hover>.chord-frame,.chord-frame:hover,.chord-card.is-active .chord-frame{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.home-content{--home-block-gap:clamp(3.5rem, 7vw, 6rem)}.home-content .section{padding-block:var(--home-block-gap)}.stats-band{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:0;padding:0;overflow:hidden}.stats-band>div{border-right:1px solid var(--line);min-width:0;padding:1.35rem 1.1rem 1.45rem}.stats-band>div:last-child{border-right:0}.stat-num{font-family:var(--font-sans);letter-spacing:-.045em;font-size:clamp(2rem,4vw,3rem);font-weight:720}.stat-label{font-family:var(--font-sans);letter-spacing:0;text-transform:none;margin-top:.55rem;font-size:.78rem;font-weight:560;line-height:1.4}.path-row{grid-template-columns:3.4rem 1fr;gap:1.1rem;padding:1.5rem 0}.path-num{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);width:2.35rem;height:2.35rem;font-family:var(--font-mono);color:var(--accent-deep);border-radius:.6rem;place-items:center;font-size:.76rem;font-style:normal;font-weight:750;display:inline-grid}.path-title{font-family:var(--font-sans);font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:680}.path-desc{color:var(--ink-2)}.path-links{gap:.5rem}.path-links a{border:1px solid var(--line);background:var(--surface);font-family:var(--font-sans);color:var(--ink-2);transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:.5rem;padding:.34rem .58rem;font-size:.78rem;font-weight:650}.path-links a:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--accent-soft);color:var(--accent-deep)}.index-list{border-top:0;gap:.45rem;display:grid}.index-item{border:1px solid #0000;border-bottom-color:var(--line);min-height:3.75rem;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), transform .15s var(--ease-out);border-radius:.65rem;grid-template-columns:2.6rem minmax(10rem,15rem) 1fr 1.6rem;gap:1rem;padding:.8rem .85rem}.index-item:hover{border-color:var(--line);background:var(--surface);padding-left:.85rem;transform:translate(2px)}.index-name{font-family:var(--font-sans);font-size:1rem;font-weight:680}.index-desc{color:var(--ink-2);font-size:.86rem}.index-arrow{color:var(--accent)}.variation-strip{gap:.75rem}.variation-card{padding-top:1.05rem}.variation-more{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.row-list{border-top-color:var(--line-strong)}.row-item{transition:background-color .15s var(--ease-out), transform .15s var(--ease-out);border-radius:.6rem;margin-inline:-.75rem;padding:1rem .75rem}a.row-item:hover{background:var(--surface);padding-left:.75rem;transform:translate(2px)}.row-title{font-family:var(--font-sans);font-size:1.02rem;font-weight:680}.breadcrumbs{gap:.4rem;font-size:.8rem;font-weight:560}.faq{border-top:0}.faq details{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:.75rem;margin-bottom:.5rem;padding-inline:1rem}.faq summary{min-height:3.6rem;padding-block:.95rem;font-weight:680}.faq .faq-body{color:var(--ink-2);padding-bottom:1.1rem}.faq .faq-mark{color:var(--accent)}.site-footer{background:color-mix(in srgb, var(--paper-2) 72%, var(--surface));border-top-color:var(--line)}.footer-grid{gap:clamp(2rem,4vw,4rem)}.footer-col h3{letter-spacing:.1em;font-size:.72rem;font-weight:720}.footer-col a:hover{color:var(--ink)}.footer-bottom{border-top-color:var(--line)}[data-reveal]{transition-duration:.5s;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.btn,.chip,.card,.chord-frame,.row-item,.index-item{transition:none}}@media (width<=900px){.site-nav{gap:.2rem}.site-nav a{padding-inline:.52rem}}@media (width<=767px){.stats-band{grid-template-columns:repeat(2,1fr)}.stats-band>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-band>div:nth-child(2n){border-right:0}.stats-band>div:nth-last-child(-n+2){border-bottom:0}.stats-band>div:last-child:nth-child(odd){border-bottom:0;border-right:0;grid-column:1/-1}.index-item{grid-template-columns:2.2rem 1fr 1.5rem;gap:.7rem}.index-desc{grid-column:2}.path-row{grid-template-columns:2.7rem 1fr;gap:.75rem}}@media (width<=480px){.btn{min-height:2.6rem}.chip{min-height:1.95rem}.stats-band>div{padding:1.1rem .9rem 1.2rem}}:root{--vs-section-gap:clamp(2.8rem, 6vw, 4.8rem);--vs-section-gap-tight:clamp(2rem, 4.5vw, 3.4rem);--vs-content-rule:color-mix(in srgb, var(--ink) 14%, transparent)}.section{padding-block:var(--vs-section-gap)}.section-tight{padding-block:var(--vs-section-gap-tight)}:where(.section-tight,.defblock,.prose,.faq-section)>h2,:where(.section-tight,.defblock,.prose,.faq-section) h2:first-child{letter-spacing:-.025em;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.12}:where(.section-tight,.prose) h3{font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.2}.section-tight>:where(p.muted,.section-lede),.def-body{max-width:66ch;line-height:1.7}.card,.same-chord-card,.chord-frame,.faq details,.tool-foot .tf-link{box-shadow:none}.card,.same-chord-card{border-color:var(--line)}a.card:hover,.same-chord-card:hover{box-shadow:none;transform:translateY(-1px)}.chord-frame{background:color-mix(in srgb, var(--surface) 88%, transparent)}a:hover>.chord-frame,.chord-frame:hover,.chord-card.is-active .chord-frame{box-shadow:none;transform:translateY(-1px)}a.row-item:hover,.index-item:hover{transform:none}.index-item:hover{padding-left:.85rem}.chip{background:color-mix(in srgb, var(--surface) 70%, transparent)}.tool-foot{border-top:1px solid var(--line-strong);gap:0}.tool-foot .tf-link{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:1rem .15rem}.tool-foot .tf-link:first-child{padding-right:1rem}.tool-foot .tf-next{border-left:1px solid var(--line);padding-left:1rem}.tool-foot .tf-link:hover{border-color:var(--line);color:var(--accent-deep);box-shadow:none;transform:none}.tool-foot-related{padding-top:.85rem}.faq details{background:0 0;border-width:0 0 1px;border-radius:0;margin-bottom:0;padding-inline:0}.faq details:first-child{border-top:1px solid var(--line)}.faq details[open]{box-shadow:inset 2px 0 0 var(--accent);background:0 0}.faq summary{min-height:3.25rem;padding:.85rem .4rem}.faq .faq-body{padding:0 .4rem 1rem .9rem}.figure-row figcaption,.guide-reference-figures figcaption{color:var(--ink-3);font-size:.72rem;line-height:1.45}.tbl{font-size:.9rem}.tbl th,.tbl td{padding-block:.62rem}@media (width<=860px){.tool-head{gap:1rem}.tool-facts{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.tool-facts>div{border-top:1px solid var(--line);border-bottom:0;gap:.12rem;padding-block:.55rem;display:grid}.tool-facts dd{text-align:left}}@media (width<=640px){:root{--vs-section-gap:2.8rem;--vs-section-gap-tight:2.15rem}body{font-size:1rem}.container{padding-inline:1rem}.tool-head{padding-top:1rem}.tool-lede{margin-top:.65rem;font-size:1rem;line-height:1.6}.workbench{margin-top:1.2rem}.workbench-head{margin-bottom:.75rem}.defblock{margin-top:2.35rem;padding-top:1.15rem}.tool-foot{border-top:1px solid var(--line-strong)}.tool-foot .tf-link:first-child,.tool-foot .tf-next{border-left:0;padding:.9rem .1rem}.tool-foot .tf-next{border-top:0}.faq summary{min-height:3rem;padding-block:.75rem}}@media (prefers-reduced-motion:reduce){a.card,.same-chord-card,.chord-frame,.tool-foot .tf-link{transform:none!important}}.site-header-inner{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:clamp(.75rem,1.8vw,1.6rem);max-width:96rem;margin-inline:auto;display:grid}.site-header .brand{white-space:nowrap;min-width:0}.site-nav{justify-self:center;gap:.15rem;min-width:0;position:static;left:auto;transform:none}.site-nav a{white-space:nowrap;align-items:center;min-height:2.35rem;padding:.42rem .56rem;display:inline-flex}.header-search{justify-self:end;margin-left:0}.lang-switch{justify-self:end;position:relative}.lang-switch-btn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;user-select:none;min-height:2.15rem;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:.55rem;align-items:center;gap:.42rem;padding-inline:.55rem;font-size:.82rem;font-weight:650;list-style:none;display:inline-flex}.lang-switch-btn::-webkit-details-marker{display:none}.lang-switch-btn::marker{content:none}.lang-switch-btn:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--ink) 4%, var(--surface))}.lang-switch[open] .lang-switch-btn{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 3px var(--accent-soft)}.lang-flag{border-radius:2.5px;flex:none;display:block;box-shadow:0 0 0 1px #0f172a24}.lang-chevron{opacity:.62;transition:transform .18s var(--ease-out)}.lang-switch[open] .lang-chevron{transform:rotate(180deg)}.lang-menu{z-index:60;background:var(--surface);border:1px solid var(--line);min-width:10rem;box-shadow:var(--shadow-lift);border-radius:.75rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .4rem);right:0}.lang-menu a{white-space:nowrap;border-radius:.5rem;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.85rem;font-weight:560;display:flex}.lang-menu a:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.lang-menu a[aria-current=true]{color:var(--accent-deep);background:var(--accent-soft);font-weight:700}.lang-check{margin-left:auto}.lang-suggest{z-index:70;opacity:0;max-width:min(26rem,100vw - 2rem);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);position:fixed;bottom:1rem;right:1rem;transform:translateY(.6rem)}.lang-suggest.is-visible{opacity:1;transform:none}.lang-suggest-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:.85rem;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex}.lang-suggest-flag{flex:none;display:inline-flex}.lang-suggest-flag svg{border-radius:2.5px;display:block;box-shadow:0 0 0 1px #0f172a24}.lang-suggest-text{flex:auto;min-width:8rem;margin:0;font-size:.85rem;line-height:1.45}.lang-suggest-actions{flex:none;align-items:center;gap:.4rem;display:flex}.lang-suggest-switch{background:var(--accent);color:#fff;white-space:nowrap;border-radius:.5rem;align-items:center;min-height:1.9rem;padding-inline:.7rem;font-size:.82rem;font-weight:650;display:inline-flex}.lang-suggest-switch:hover{background:var(--accent-deep);color:#fff}.lang-suggest-dismiss{border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:0 0;border-radius:.5rem;min-height:1.9rem;padding-inline:.55rem;font-size:.82rem;font-weight:600}.lang-suggest-dismiss:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--ink) 4%, transparent)}@media (prefers-reduced-motion:reduce){.lang-suggest,.lang-chevron{transition:none}}@media (width<=1050px){.site-header-inner{column-gap:.65rem}.site-nav{gap:0;font-size:.83rem}.site-nav a{padding-inline:.42rem}.brand{font-size:1.03rem}}@media (width<=767px){:root{--header-h:5.6rem}.site-header-inner{height:var(--header-h);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search lang""nav nav nav";gap:.18rem .55rem;padding-block:.38rem .3rem}.site-header .brand{grid-area:brand;gap:.42rem;font-size:1rem}.header-search{grid-area:search;width:100%}.lang-switch{grid-area:lang}.lang-switch-name{display:none}.lang-switch-btn{gap:.34rem;min-height:2rem;padding-inline:.45rem}.lang-menu{min-width:9.5rem}.lang-suggest{max-width:none;bottom:.75rem;left:.75rem;right:.75rem}.lang-suggest-card{flex-wrap:wrap;row-gap:.5rem}.lang-suggest-actions{margin-left:auto}.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:nav;justify-self:stretch;width:calc(100% + .4rem);margin-inline:-.2rem;font-size:.78rem;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:none;min-height:1.85rem;padding:.24rem .48rem}.site-header .search-input--compact{padding-block:.28rem;min-height:2.1rem;padding-left:2rem;padding-right:.55rem;font-size:.76rem}.site-header .search-icon{width:15px;height:15px;left:.66rem}}@media (width<=390px){.site-header .brand{font-size:.92rem}.site-header .brand .brand-mark{width:28px;height:auto}.site-header-inner{column-gap:.38rem;padding-inline:.75rem}}@media (width<=340px){.site-header .brand span{display:none}}.breadcrumb-shell{padding-top:.85rem}.breadcrumbs{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;min-height:1.4rem;font-size:.74rem;overflow-x:auto;margin:0!important}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs>:last-child{text-overflow:ellipsis;max-width:min(44vw,28rem);overflow:hidden}.site-header .search-results{min-width:min(24rem,100vw - 2rem);top:calc(100% + .35rem)}.site-header .search-result{padding:.66rem .78rem}.site-header .search-result .sr-sub{font-size:.78rem}.footer-grid{grid-template-columns:minmax(13rem,1.55fr) repeat(4,minmax(7.5rem,1fr));gap:clamp(1.4rem,3vw,2.8rem);padding-block:3.2rem 2.4rem}.footer-col:first-child .brand{margin-bottom:.7rem!important}.footer-col h3{margin-bottom:.75rem}.footer-col ul{gap:.4rem;font-size:.86rem}.footer-bottom{gap:.7rem 2rem;padding-block:1.1rem 1.35rem;font-size:.78rem;line-height:1.5}.footer-bottom>:last-child{max-width:54rem}@media (width<=1080px){.footer-grid{grid-template-columns:minmax(14rem,1.25fr) repeat(2,minmax(9rem,1fr))}.footer-col:first-child{grid-row:span 2}}@media (width<=700px){.site-footer{margin-top:clamp(3rem,8vw,5rem)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.2rem;padding-block:2.4rem 1.8rem}.footer-col:first-child{border-bottom:1px solid var(--line);grid-area:auto/1/auto/-1;padding-bottom:.4rem}.footer-bottom{align-items:flex-start}}@media (width<=420px){.footer-grid{gap:1.4rem .8rem}.footer-col ul{font-size:.82rem}}.header-search[data-astro-cid-fzpbxy5g]{width:min(15rem,22vw);min-width:9.5rem}@media (width<=1050px){.header-search[data-astro-cid-fzpbxy5g]{width:min(12rem,20vw);min-width:8rem}}@media (width<=767px){.header-search[data-astro-cid-fzpbxy5g]{width:min(7.25rem,30vw);min-width:0}}@media (width<=390px){.header-search[data-astro-cid-fzpbxy5g]{width:min(6.4rem,29vw)}}.back-to-top[data-astro-cid-vy5be4ad]{z-index:60;width:2.75rem;height:2.75rem;color:var(--on-accent);background:var(--accent);box-shadow:var(--shadow-lift);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease-out), visibility .25s var(--ease-out), transform .25s var(--spring), background-color .2s var(--ease-out), box-shadow .25s var(--ease-out);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(.75rem)scale(.92)}.back-to-top[data-astro-cid-vy5be4ad].is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top[data-astro-cid-vy5be4ad]:hover{background:var(--accent-deep);transform:translateY(-.15rem)scale(1.04)}.back-to-top[data-astro-cid-vy5be4ad]:active{transform:translateY(0)scale(.96)}.back-to-top[data-astro-cid-vy5be4ad]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=640px){.back-to-top[data-astro-cid-vy5be4ad]{width:2.5rem;height:2.5rem;bottom:1rem;right:1rem}}