:root{--ink: #1a1a1a;--ink-soft: #555;--paper: #fdfaf5;--rule: #d8d2c4;--accent: #8b0000;--note-selected: #1f5c66;--brand-blue: #4a7c93;--brand-blue-dark: #293044;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--max-width: 760px}html{background:var(--paper)}body{font-family:var(--serif);color:var(--ink);background:var(--paper);max-width:var(--max-width);margin:1.5rem auto 6rem;padding:0 1.5rem;line-height:1.55;font-size:19px}.site-header{display:flex;align-items:center;gap:.7rem;padding-bottom:1.2rem;margin-bottom:1.6rem;border-bottom:1px solid var(--rule)}.site-header .brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;border-bottom:none;color:var(--ink);flex:1}.site-header .logo{width:60px;height:60px;flex:none;display:block;background:url(guitar-player-cubist-left-head.0c63192349.svg) center / contain no-repeat}.site-header .logo>*{display:none}.site-header .wordmark{font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;line-height:1.1}.site-header .wordmark small{display:block;font-family:var(--sans);font-weight:400;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.lang-toggle{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;border:1px solid var(--rule);border-radius:4px;padding:.2rem .55rem;flex:none}.lang-toggle:hover{color:var(--accent);border-color:var(--accent)}h1,h2,h3{font-weight:600;letter-spacing:-.01em}h1{font-size:2.2rem;margin:0 0 .2rem}h2{font-size:1.4rem;margin:2.5rem 0 .8rem;border-bottom:1px solid var(--rule);padding-bottom:.3rem}p{margin:.6rem 0}a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(139,0,0,.3)}a:hover{border-bottom-color:var(--accent)}.lead{color:var(--ink-soft);margin:.4rem 0 1.6rem}.v7-nav{margin:1.2rem 0 1.6rem;font-family:var(--sans);font-size:.9rem}.home-links{display:grid;gap:1.6rem 2rem;margin:2.8rem 0 1.6rem}.home-links .v7-nav{margin:0}@media(min-width:768px){.home-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.v7-nav-current{color:var(--ink-soft)}.v7-grid{margin:1rem 0 2rem}.v7-grid-head{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-family:var(--sans);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding-bottom:.5rem;border-bottom:1px solid var(--rule)}.v7-grid-head span{text-align:center}.v7-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--rule)}.v7-card{display:flex;flex-direction:column;align-items:center;text-align:center}.v7-card .diagram{width:130px;height:152px;margin:0 auto}.v7-grid .v7-card .diagram-wrap{position:relative;width:190px;margin:0 auto}.v7-grid .v7-card .pos-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:var(--paper);color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;cursor:pointer}.v7-grid .v7-card .pos-prev{left:0}.v7-grid .v7-card .pos-next{right:0}.v7-grid .v7-card .pos-nav[hidden]{display:none}.v7-grid .v7-card .pos-nav svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.v7-grid .v7-card .pos-nav:hover,.v7-grid .v7-card .pos-nav:focus-visible{color:var(--accent);background:#8b000014;border-color:#8b00001f;outline:none}.v7-grid .v7-card .pos-label{font-family:var(--sans);font-size:.66rem;color:var(--ink-soft);margin-top:.1rem}.v7-grid .v7-card .pos-label[hidden]{display:none}.v7-card .diagram svg{display:block;width:100%;height:100%}.v7-card .name{font-family:var(--mono);font-weight:600;font-size:1.05rem;margin-top:.3rem}.v7-skeleton-card{min-height:200.8px}.v7-skeleton-diagram,.v7-skeleton-position,.v7-skeleton-name{display:block;background:linear-gradient(90deg,#eee9de 25%,#f7f3eb 37%,#eee9de 63%);background-size:400% 100%;animation:v7-skeleton-shimmer 1.4s ease infinite}.v7-skeleton-diagram{width:130px;height:152px;border-radius:3px}.v7-skeleton-name{width:3.2rem;height:1.3705rem;margin-top:.3rem;border-radius:3px}.v7-skeleton-position{width:4.25rem;height:.8615rem;margin-top:.1rem;border-radius:3px}@keyframes v7-skeleton-shimmer{to{background-position:-100% 0}}@media(max-width:480px){.v7-card .diagram{width:92px;height:108px}.v7-grid .v7-card .diagram-wrap{width:144px}.v7-card .name{font-size:.85rem}.v7-skeleton-card{min-height:151.8px}.v7-skeleton-diagram{width:92px;height:108px}.v7-skeleton-name{height:1.108rem}.v7-grid-head{font-size:.66rem}}@media(prefers-reduced-motion:reduce){.v7-skeleton-diagram,.v7-skeleton-position,.v7-skeleton-name{animation:none}}.circle-grid{margin:1rem 0 2rem}.circle-grid-head{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-family:var(--sans);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding-bottom:.5rem;border-bottom:1px solid var(--rule)}.circle-grid-head span{text-align:center}.circle-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--rule)}.circle-card{display:flex;flex-direction:column;align-items:center;text-align:center}.circle-card .diagram-wrap{position:relative;width:130px;margin:0 auto}.circle-card .diagram{width:130px;height:152px;margin:0 auto}.circle-card .diagram svg{display:block;width:100%;height:100%}.circle-card .pos-nav,.note-finder-grid .v7-card .pos-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:var(--paper);color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;cursor:pointer}.circle-card .pos-prev,.note-finder-grid .v7-card .pos-prev{left:-.5rem}.circle-card .pos-next,.note-finder-grid .v7-card .pos-next{right:-.5rem}.circle-card .pos-nav[hidden],.note-finder-grid .v7-card .pos-nav[hidden]{display:none}.circle-card .pos-nav svg,.note-finder-grid .v7-card .pos-nav svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.circle-card .pos-nav:hover,.circle-card .pos-nav:focus-visible,.note-finder-grid .v7-card .pos-nav:hover,.note-finder-grid .v7-card .pos-nav:focus-visible{color:var(--accent);background:#8b000014;border-color:#8b00001f;outline:none}.circle-card .string-notes-wrap{width:72%;min-height:1.3rem;margin:.15rem auto 0}.circle-card .string-notes{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;font-family:var(--mono);font-size:.64rem;font-weight:600;color:var(--ink-soft)}.circle-card .string-note{text-align:center;border-radius:3px;transition:color .1s ease,background-color .1s ease}.circle-card .string-note--active{color:var(--accent);background:#8b00001a}.circle-card .name{font-family:var(--mono);font-weight:600;font-size:1.05rem;margin-top:.3rem}.circle-composition{display:flex;justify-content:center;gap:1.1rem}.circle-tone{display:flex;flex-direction:column;align-items:center;cursor:pointer}.circle-tone-note{font-family:var(--mono);font-weight:700;font-size:1.15rem;color:var(--accent)}.circle-tone-count{font-family:var(--mono);font-weight:600;font-size:.75rem;color:var(--ink-soft);margin-top:.1rem}@media(max-width:480px){.circle-card .diagram-wrap{width:92px}.circle-card .diagram{width:92px;height:108px}.circle-card .string-notes-wrap{width:72%;min-height:1.1rem}.circle-card .string-notes{font-size:.5rem}.circle-card .name{font-size:.85rem}.circle-grid-head{font-size:.66rem}.circle-composition{gap:.6rem}.circle-tone-note{font-size:1.05rem}.circle-tone-count{font-size:.66rem}}.dim-lead-forms{margin-top:1rem}.dim-section-lead{color:var(--ink-soft);margin:.4rem 0 1.2rem}.dim-grid{display:flex;flex-wrap:wrap;gap:1.6rem 1.2rem;margin:1rem 0 2.4rem}.dim-grid .v7-card{width:130px}@media(max-width:480px){.dim-grid{gap:1.2rem .8rem}.dim-grid .v7-card{width:92px}}.note-finder{display:grid;grid-template-columns:minmax(230px,280px) 1fr;gap:1.5rem 2rem;align-items:start;margin:2.6rem 0 3rem}.note-finder-picker{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.note-finder-keys-head{display:grid;grid-template-columns:3.6rem 2.7rem 3.6rem;column-gap:.9rem;justify-items:center;width:max-content}.note-finder-col-label{align-self:end;font-family:var(--sans);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding-bottom:.6rem;margin-bottom:.7rem;border-bottom:1px solid var(--rule);text-align:center;white-space:nowrap}.note-finder-col-label-sharps{grid-column:3}.note-finder-col-label-naturals{grid-column:2}.note-finder-col-label-flats{grid-column:1}.note-finder-col-label-flats,.note-finder-col-label-sharps{font-size:1.15rem;font-weight:600;letter-spacing:0;line-height:.8}.note-finder-col-label-flats{font-size:1.45rem}.note-finder-col-label-symbol{display:inline-block}.note-finder-col-label-sharps .note-finder-col-label-symbol{transform:translateY(-.2rem)}.note-finder-keys-viewport{width:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);mask-image:linear-gradient(to bottom,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent)}.note-finder-keys-viewport::-webkit-scrollbar{display:none}.note-finder-keys-track{display:grid;row-gap:1.6rem}.note-finder-keys{display:grid;grid-template-columns:3.6rem 2.7rem 3.6rem;grid-template-rows:3.7rem 1.6rem 3.7rem 1.6rem 3.7rem 1.6rem 3.7rem 1.6rem 3.7rem 1.6rem 3.7rem 1.6rem 3.7rem;column-gap:.9rem;justify-items:center;width:max-content;background:linear-gradient(var(--rule),var(--rule)) center / 1px 100% no-repeat}.note-finder-note{position:relative;align-self:center;justify-self:center;font-family:var(--mono);font-weight:600;cursor:pointer;border-radius:999px;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.note-finder-note:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note-finder-note-natural{width:3.7rem;height:3.7rem;font-size:.82rem;background:#fff;color:var(--ink);border:2px solid var(--rule);box-shadow:0 0 0 3px #fff}.note-finder-note-natural.is-selected{background:#f6b2aa;color:var(--ink);border-color:#fff;box-shadow:0 0 0 2px #e9d8d1}.note-finder-note-accidental{width:3.45rem;height:2.95rem;font-size:.72rem;line-height:1;border:0;background:transparent;border-radius:50%;isolation:isolate}.note-finder-note-accidental-symbol{font-size:1.35em}.note-finder-note-accidental:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;background:var(--note-fill);clip-path:polygon(0 50%,24% 7%,65% 7%,100% 50%,65% 93%,24% 93%);filter:drop-shadow(0 0 1.2px var(--note-outline))}.note-finder-note-sharp{--note-fill: #edf2f8;--note-outline: #c4d2df;color:var(--ink-soft)}.note-finder-note-flat{--note-fill: #f6efe4;--note-outline: #d9cebc;color:var(--ink-soft)}.note-finder-note-flat:before{clip-path:polygon(0 50%,35% 7%,76% 7%,100% 50%,76% 93%,35% 93%)}.note-finder-note-sharp.is-selected{--note-fill: #9fc2da;--note-outline: #5c89a7;color:var(--ink)}.note-finder-note-flat.is-selected{--note-fill: #ddc99e;--note-outline: #9b7c42;color:var(--ink)}@media(hover:hover){.note-finder-note-natural:hover{background:#f6b2aa;color:var(--ink);border-color:#fff;box-shadow:0 0 0 2px #e9d8d1}.note-finder-note-sharp:hover{--note-fill: #9fc2da;--note-outline: #5c89a7;color:var(--ink)}.note-finder-note-flat:hover{--note-fill: #ddc99e;--note-outline: #9b7c42;color:var(--ink)}}.note-finder-note.is-selected:after{content:"\2713";position:absolute;z-index:1;top:-.55rem;right:-.45rem;display:grid;width:1.45rem;height:1.45rem;place-items:center;border:2px solid #fff;border-radius:50%;background:#d54a36;color:#fff;box-shadow:0 1px 3px #4c231c38;font-family:var(--sans);font-size:1rem;font-weight:800;line-height:1}.note-finder-clear{border:0;background:transparent;padding:0;cursor:pointer;font-family:var(--sans);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);width:11.7rem;text-align:center}.note-finder-clear:hover{color:var(--accent)}.note-finder-results-label{font-family:var(--sans);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:0 0 1.3rem;padding-bottom:.6rem;border-bottom:1px solid var(--rule)}.note-finder-grid{display:flex;flex-wrap:wrap;gap:1.6rem 1.2rem}.note-finder-grid .v7-card{width:130px}.note-finder-grid .v7-card .diagram-wrap{position:relative}.note-finder-grid .v7-card .pos-label{font-family:var(--sans);font-size:.66rem;color:var(--ink-soft);margin-top:.1rem}.note-finder-grid .v7-card .pos-label[hidden]{display:none}.note-finder-grid .v7-card .notes{font-family:var(--sans);font-size:.72rem;color:var(--ink-soft);min-height:1em}.note-finder-empty{color:var(--ink-soft);padding:1rem 0}@media(max-width:600px){.note-finder{grid-template-columns:minmax(0,12.4rem) minmax(0,1fr);column-gap:.5rem}.note-finder-picker{align-items:center;min-width:0;position:relative;z-index:1}.note-finder-results{min-width:0;height:min(42rem,calc(100svh - 2rem));display:flex;flex-direction:column;overflow:hidden;text-align:center;background:transparent}.note-finder-results-label{flex:none;margin-top:0}.note-finder-results-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.note-finder-grid{justify-content:center}}@media(max-width:480px){.note-finder-grid .v7-card{width:92px}.note-finder-grid .v7-card .pos-prev{left:-1.6rem}.note-finder-grid .v7-card .pos-next{right:-1.6rem}.note-finder-grid .v7-card .pos-nav{background:transparent}}@media(max-width:350px){.note-finder{grid-template-columns:minmax(0,9rem) minmax(0,1fr);column-gap:.5rem}.note-finder-picker{zoom:.76}}code{font-family:var(--mono);font-size:.9em;background:#0000000d;padding:.1em .35em;border-radius:3px}.decoder-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}.decoder-table{width:100%;border-collapse:collapse;font-size:.98rem}.decoder-table th,.decoder-table td{border-bottom:1px solid var(--rule);padding:.4rem .6rem;text-align:left;vertical-align:top}.decoder-table th{background:#00000008;font-weight:600}.decoder-table code{background:transparent;padding:0}@media(max-width:420px){.decoder-table{font-size:.72rem}.decoder-table th,.decoder-table td{padding:.28rem .22rem}}.note-finder-promo{margin:1.2rem 0 0}.note-finder-promo-link{display:grid;grid-template-columns:172px 1fr;gap:1.5rem;align-items:center;padding:1.3rem;color:var(--ink);background:#f7f4eb;border:1px solid var(--rule);border-radius:10px;text-decoration:none}.note-finder-promo-link:hover{border-color:#2a835f}.note-finder-promo-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.note-finder-promo-notes{position:relative;width:172px;height:172px;font-family:var(--mono);font-weight:600}.note-finder-promo-note{position:absolute;display:grid;width:3.25rem;height:3.25rem;place-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;font-size:.8rem}.note-finder-promo-note-top,.note-finder-promo-note-bottom{left:3.75rem;color:var(--ink)}.note-finder-promo-note-top{top:0}.note-finder-promo-note-bottom{bottom:0;background:#f6b2aa}.note-finder-promo-note-upper-left{top:1.875rem;left:.5rem;background:#ddc99e;color:var(--ink);clip-path:polygon(0 50%,35% 7%,76% 7%,100% 50%,76% 93%,35% 93%)}.note-finder-promo-note-lower-left{bottom:1.875rem;left:.5rem;background:#f6efe4;color:var(--ink-soft);clip-path:polygon(0 50%,35% 7%,76% 7%,100% 50%,76% 93%,35% 93%)}.note-finder-promo-note-upper-right{top:1.875rem;right:.5rem;background:#edf2f8;color:var(--ink-soft);clip-path:polygon(0 50%,24% 7%,65% 7%,100% 50%,65% 93%,24% 93%)}.note-finder-promo-note-lower-right{bottom:1.875rem;right:.5rem;background:#9fc2da;color:var(--ink);clip-path:polygon(0 50%,24% 7%,65% 7%,100% 50%,65% 93%,24% 93%)}.note-finder-promo-note-top{background:#f6b2aa}.note-finder-promo-note-center{top:3.625rem;left:3.625rem;width:3.5rem;height:3.5rem;background:#fff;border-color:var(--rule);font-size:1rem}.note-finder-promo-copy{min-width:0}.note-finder-promo-copy p{margin:0}.note-finder-promo-kicker{font-family:var(--sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#1f6b4c}.note-finder-promo-copy h2{margin:.25rem 0 .55rem;padding:0;border:0;font-size:1.45rem}.note-finder-promo-cta{display:inline-block;margin-top:1rem;font-family:var(--sans);font-size:.82rem;font-weight:600;color:#12544f}.note-finder-promo-link:hover .note-finder-promo-cta{text-decoration:underline}@media(max-width:560px){.note-finder-promo-link{grid-template-columns:1fr;justify-items:center;gap:1rem}.note-finder-promo-copy{text-align:center}}.tab-promo{margin:1.2rem 0 0}.tab-promo-link{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;padding:1.3rem;color:var(--ink);background:#f7f4eb;border:1px solid var(--rule);border-radius:10px;text-decoration:none}.tab-promo-link:hover{border-color:var(--accent)}.tab-promo-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tab-promo-sheet{position:relative;padding:.8rem 1rem;font-family:var(--mono);font-size:15px;line-height:1.5;background:#fff;border:1px solid var(--rule);border-radius:6px}.tab-promo-sheet pre{margin:0;font:inherit}.tab-promo-strings{color:#b3ada1}.tab-promo-ink{position:absolute;top:.8rem;bottom:.8rem;left:1rem;width:29ch;overflow:hidden;animation:tab-promo-write 7s infinite}.tab-promo-ink span{background:#fff;color:var(--accent);font-weight:700}.tab-promo-ink:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:var(--accent)}@keyframes tab-promo-write{0%,6%{width:2ch;opacity:1;animation-timing-function:linear}62%,88%{width:29ch;opacity:1}96%,to{width:29ch;opacity:0}}@media(prefers-reduced-motion:reduce){.tab-promo-ink{animation:none}.tab-promo-ink:after{display:none}}.tab-promo-copy{min-width:0}.tab-promo-kicker{margin:0;font-family:var(--sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.tab-promo-copy h2{margin:.25rem 0 0;padding:0;border:0;font-size:1.45rem}.tab-promo-cta{display:inline-block;margin-top:1rem;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--accent)}.tab-promo-link:hover .tab-promo-cta{text-decoration:underline}@media(max-width:560px){.tab-promo-link{grid-template-columns:1fr;justify-items:center;gap:1rem}.tab-promo-sheet{font-size:13px}.tab-promo-copy{text-align:center}}footer{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--rule);font-family:var(--sans);font-size:.9rem;color:var(--ink-soft)}.extension-cta{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.extension-cta .ext-icon{width:64px;height:64px;flex:none;background:url(guitar-player-cubist-left-head.0c63192349.svg) center / contain no-repeat}.extension-cta .ext-icon>*{display:none}.extension-cta .ext-heading{font-weight:600;color:var(--ink);margin:0 0 .2rem;font-size:1rem}.extension-cta .ext-desc{margin:0 0 .6rem;font-size:.88rem}.extension-cta .ext-btn{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.85rem;padding:.4rem .9rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;text-decoration:none;border-bottom:1px solid var(--accent);cursor:pointer}.extension-cta .ext-btn[href]:hover{opacity:.88;border-bottom-color:var(--accent)}.extension-cta .ext-btn[disabled]{opacity:.8;cursor:not-allowed}@media(max-width:600px){h1{font-size:1.4rem}}@media(max-width:359px){h1{font-size:1.2rem}}@media print{.site-header{display:none}body{background:#fff;max-width:none;font-size:14px}a{color:var(--ink);border:none}footer{display:none}}.picking-figures{display:flex;flex-direction:column;gap:1.6rem;margin:1.4rem 0 2rem}.picking-figure{margin:0}.picking-diagram{display:block;width:100%;padding:1rem .5rem 0;box-sizing:border-box}.picking-diagram svg{display:block;width:100%;height:auto}.picking-pair-connector{stroke:var(--ink);stroke-width:2;pointer-events:none}.picking-note{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .1s ease,fill .1s ease,stroke .1s ease}.picking-note-active{fill:var(--accent)!important;stroke:var(--accent)!important;transform:scale(1.25)}.picking-figure figcaption{font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);margin-top:.15rem;text-align:center}.notfound{margin:2.2rem 0 2.8rem;text-align:center}.notfound-code{font-family:var(--mono);font-size:4.5rem;font-weight:600;color:var(--accent);letter-spacing:.05em;line-height:1;margin:0 0 .6rem}.notfound h1{margin-bottom:.4rem}.notfound .lead{margin:0 auto 1.6rem}.notfound-explore{text-align:left}.notfound-explore-label{font-family:var(--sans);margin:0 0 .6rem}.notfound-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.notfound-links a{font-family:var(--sans);font-size:.95rem}@media(max-width:600px){.notfound-code{font-size:3.4rem}}ascii-tabs.ascii-tabs-editing .ascii-tabs-cur .ascii-tabs-fret:not(:has(.ascii-tabs-caret)):after{content:"";position:absolute;left:100%;top:.25em;bottom:.25em;width:2px;margin-left:1px;background:var(--ascii-tabs-accent);animation:ascii-tabs-blink 1s steps(1) infinite}ascii-tabs.ascii-tabs-dragging .ascii-tabs-cur .ascii-tabs-fret:after,ascii-tabs.ascii-tabs-selecting .ascii-tabs-cur .ascii-tabs-fret:after{display:none}.tab-editor{--ascii-tabs-font: var(--mono);--ascii-tabs-font-size: 17px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;margin:0 0 2rem}.tab-editor .ascii-tabs-hint{font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);margin:0 0 16px;align-self:center}.tab-editor .ascii-tabs-spacing{font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);margin:0 0 16px;align-self:center;justify-self:end}.tab-editor .ascii-tabs-spacing-input{appearance:none;background:transparent;height:16px;cursor:pointer}.tab-editor .ascii-tabs-spacing-input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--rule)}.tab-editor .ascii-tabs-spacing-input::-moz-range-track{height:3px;border-radius:2px;background:var(--rule)}.tab-editor .ascii-tabs-spacing-input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:50%;background:var(--accent)}.tab-editor .ascii-tabs-spacing-input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--accent)}.tab-editor .ascii-tabs-sheets,.tab-editor .ascii-tabs-add{grid-column:1 / -1}@media(max-width:640px){.tab-editor{--ascii-tabs-font-size: 15px;display:block}.tab-editor .ascii-tabs-sheet{flex-direction:column;gap:8px}.tab-editor .ascii-tabs-spacing{display:none}.tab-editor .ascii-tabs-tools{order:-1;flex-direction:row;align-self:flex-end;margin:-14px 0 0}}.tab-tutorial{max-width:var(--max-width);margin:6rem 0 2rem;font-family:var(--sans);font-size:.92rem;color:var(--ink-soft)}.tab-tutorial>summary{cursor:pointer;color:var(--ink-soft)}.tab-tutorial[open]>summary{font-weight:600;color:var(--ink)}.tab-tutorial__intro{margin:.75rem 0 0}.tab-tutorial__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.75rem 1.5rem;margin:1.25rem 0 0;padding:0;list-style:none}.tab-source{font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);margin:1.6rem 0 0}.tab-video{margin:.6rem 0 0;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:#000}.tab-video iframe{display:block;width:100%;height:100%;border:0}.picking-diagram-scroll{overflow-x:auto}[data-picking-transposable] .picking-diagram{min-width:960px}.picking-transpose{margin:1.5rem 0}.picking-transpose-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;white-space:nowrap}.picking-transpose label{font-weight:600}.picking-transpose output{margin-left:.75rem;color:var(--accent);font-weight:600}.picking-quality{display:flex;align-items:center;gap:.5rem}.picking-quality span{font-weight:600;color:var(--ink-soft);cursor:pointer}.picking-quality:has(input:not(:checked)) .picking-quality-major,.picking-quality input:checked+span{color:var(--ink)}.picking-quality input{position:relative;width:30px;height:16px;margin:0;appearance:none;border:1px solid var(--ink);border-radius:8px;background:transparent;cursor:pointer}.picking-quality input:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--accent);transition:transform .15s ease}.picking-quality input:checked:before{transform:translate(14px)}.picking-quality input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.picking-transpose input[type=range]{display:block;width:100%;max-width:220px;height:14px;margin:.75rem 0;appearance:none;background:transparent;cursor:pointer}.picking-transpose input::-webkit-slider-runnable-track{height:1px;background:var(--ink)}.picking-transpose input::-moz-range-track{height:1px;background:var(--ink)}.picking-transpose input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--accent)}.picking-transpose input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--accent)}.picking-upper-frets{fill:#e2ded6}.picking-note-tonic{fill:#f5c400;stroke:var(--ink);stroke-width:1.5px;transition:transform .1s ease}.fifths-tool{margin:0 auto 3rem}.fifths-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans)}.fifths-key{cursor:pointer;outline:none}.fifths-key path{fill:#eee9df;stroke:var(--paper);stroke-width:2;transition:fill .14s ease}.fifths-key.is-related path{fill:#c5dce0}.fifths-key.is-tonic path{fill:var(--note-selected)}.fifths-key:focus-visible path{stroke:var(--accent);stroke-width:4}.fifths-chord-name{font-size:26px;fill:var(--ink);pointer-events:none}.fifths-degree{font-size:13px;fill:#315b62;pointer-events:none}.fifths-key.is-tonic text{fill:#fff}.fifths-center{fill:var(--paper)}.fifths-center-name{font-size:24px;font-family:var(--serif);font-weight:600}.fifths-diminished{font-size:20px;fill:var(--note-selected)}.fifths-accidental-names{font-size:14px;fill:var(--ink-soft)}.fifths-detail{border-top:1px solid var(--rule);padding-top:1.2rem;text-align:center}.fifths-detail h2{margin:0}.fifths-signature{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin:.4rem 0 1rem;font-family:var(--sans);font-size:1rem}.fifths-staff{flex:none}.fifths-chords{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.fifths-chord{padding:.65rem .15rem;background:#e3edef;border-radius:4px}.fifths-chord small,.fifths-chord strong{display:block}.fifths-chord small{font:.75rem var(--sans);color:#315b62;margin-bottom:.3rem}.fifths-chord strong{font-size:1.1rem;font-weight:500}@media(max-width:520px){.fifths-chord strong{font-size:.85rem}.fifths-chords{gap:.2rem}.fifths-signature{gap:.25rem}.fifths-svg{width:calc(100% + 2rem);max-width:none;margin-left:-1rem}}@media(prefers-reduced-motion:reduce){.fifths-key path{transition:none}}.tab-demo{--demo-cw: 2.1em;--demo-rh: 1.5em;--demo-lit: #f4ddd6;margin:0}.tab-demo figcaption h3{margin:.9rem 0 .2rem;font-size:1rem;color:var(--ink)}.tab-demo figcaption p{margin:0}.tab-demo kbd{padding:.05em .4em;border:1px solid var(--rule);border-radius:4px;background:#fff;font-family:var(--sans);font-size:.85em}.tab-demo__stage{position:relative;isolation:isolate;width:calc(var(--cols) * var(--demo-cw));max-width:100%;height:calc(6 * var(--demo-rh));font-family:var(--mono);font-size:.95rem;color:var(--ink)}.tab-demo__string{display:block;height:var(--demo-rh);background:linear-gradient(var(--rule),var(--rule)) center / 100% 1px no-repeat}.tab-demo__note{position:absolute;left:calc(var(--c) * var(--demo-cw));top:calc(var(--s) * var(--demo-rh));width:var(--demo-cw);height:var(--demo-rh);display:grid;place-items:center;isolation:isolate;border-radius:3px}.tab-demo__note:before{content:"";position:absolute;inset:20% 22%;z-index:-1;border-radius:3px;background:var(--paper)}.tab-demo__cursor{position:absolute;left:var(--demo-cw);top:var(--demo-rh);width:var(--demo-cw);height:var(--demo-rh);border:2px solid var(--accent);border-radius:50%;opacity:0;pointer-events:none}.tab-demo__cursor:after{content:"";position:absolute;left:55%;top:45%;width:1.9em;height:1.9em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1l11 7-5 1.2L5.5 14z' fill='%23222' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain}.tab-demo__keys{display:flex;align-items:center;gap:.4rem;margin-top:.7rem;min-height:1.9em}.tab-demo__plus{color:var(--ink-soft)}.tab-demo--drag .tab-demo__note--dragged{animation:tab-demo-drag 6s ease-in-out infinite}.tab-demo--drag .tab-demo__cursor{animation:tab-demo-cursor 6s ease-in-out infinite}.tab-demo__note--copy-1{animation:tab-demo-appear-1 6s steps(1,end) infinite}.tab-demo__note--copy-2{animation:tab-demo-appear-2 6s steps(1,end) infinite}.tab-demo--duplicate .tab-demo__key--mod{animation:tab-demo-lit-duplicate-mod 6s steps(1,end) infinite}.tab-demo--duplicate .tab-demo__key--arrow{animation:tab-demo-lit-duplicate-second 6s steps(1,end) infinite}.tab-demo__note--zero{animation:tab-demo-appear-zero 6s steps(1,end) infinite}.tab-demo--zeros .tab-demo__key--mod{animation:tab-demo-lit-zeros-mod 6s steps(1,end) infinite}.tab-demo--zeros .tab-demo__key--zero{animation:tab-demo-lit-zeros-second 6s steps(1,end) infinite}.tab-demo__note--bold{animation:tab-demo-bold 6s steps(1,end) infinite}.tab-demo__note--selected{background:var(--demo-lit)}.tab-demo__note--selected:before{background:var(--demo-lit)}.tab-demo--bold .tab-demo__key{animation:tab-demo-lit-bold 6s steps(1,end) infinite}@keyframes tab-demo-drag{0%,14%{transform:none;background:transparent;opacity:1}20%{transform:none;background:var(--demo-lit)}48%,58%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));background:var(--demo-lit)}62%,88%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));background:transparent;opacity:1}94%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));opacity:0}94.01%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes tab-demo-cursor{0%,10%{transform:none;opacity:0}14%{transform:none;opacity:1}20%{transform:scale(.85);opacity:1}48%,58%{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh)) scale(.85);opacity:1}64%,to{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh));opacity:0}}@keyframes tab-demo-appear-1{0%,29%{opacity:0}30%,to{opacity:1}}@keyframes tab-demo-appear-2{0%,59%{opacity:0}60%,to{opacity:1}}@keyframes tab-demo-appear-zero{0%,44%{opacity:0}45%,to{opacity:1}}@keyframes tab-demo-bold{0%,19%{font-weight:400}20%,69%{font-weight:700}70%,to{font-weight:400}}@keyframes tab-demo-lit-bold{0%,19%,28%,69%,78%,to{background:#fff;border-color:var(--rule);color:inherit}20%,27%,70%,77%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-duplicate-mod{0%,24%,35%,54%,65%,to{background:#fff;border-color:var(--rule);color:inherit}25%,34%,55%,64%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-duplicate-second{0%,29%,35%,59%,65%,to{background:#fff;border-color:var(--rule);color:inherit}30%,34%,60%,64%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-zeros-mod{0%,37%,51%,to{background:#fff;border-color:var(--rule);color:inherit}38%,50%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@keyframes tab-demo-lit-zeros-second{0%,44%,51%,to{background:#fff;border-color:var(--rule);color:inherit}45%,50%{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}@media(prefers-reduced-motion:reduce){.tab-demo__note,.tab-demo__cursor,.tab-demo__key{animation:none!important}.tab-demo--drag .tab-demo__note--dragged{transform:translate(calc(2 * var(--demo-cw)),var(--demo-rh))}.tab-demo:not(.tab-demo--drag) .tab-demo__key{background:var(--demo-lit);border-color:var(--accent);color:var(--accent)}}.privacy-link{margin:5rem 0 0;font-family:var(--sans);font-size:.82rem;text-align:right}.privacy-link a{color:var(--ink-soft);border-bottom:none;text-decoration:none}.privacy-link a:hover{text-decoration:underline}.privacy-page h2{margin-top:1.8rem}.part-promo{margin:1.2rem 0 0}.part-promo-link{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center;padding:1.3rem;color:var(--ink);background:#f7f4eb;border:1px solid var(--rule);border-radius:10px;text-decoration:none}.part-promo-link:hover{border-color:var(--accent)}.part-promo-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.part-promo-img{display:block;width:200px;height:auto;aspect-ratio:480 / 436;border-radius:8px}.part-promo-copy{min-width:0}.part-promo-kicker{margin:0;font-family:var(--sans);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.part-promo-copy h2{margin:.25rem 0 0;padding:0;border:0;font-size:1.45rem}.part-promo-desc{margin:.5rem 0 0;font-size:.95rem;color:var(--ink-soft)}.part-promo-cta{display:inline-block;margin-top:1rem;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--accent)}.part-promo-link:hover .part-promo-cta{text-decoration:underline}@media(max-width:560px){.part-promo-link{grid-template-columns:1fr;justify-items:center;gap:1rem}.part-promo-copy{text-align:center}}.part-form{display:grid;gap:1.1rem;margin:1.4rem 0;width:100%}.part-example{min-width:0;margin:1.5rem 0 0}@media(max-width:767px){.part-example{display:none}}.part-example figcaption{display:grid;gap:.25rem;font-family:var(--sans);font-size:.85rem;color:var(--ink-soft)}.part-example figcaption strong{font-family:var(--serif);font-size:1.2rem;color:var(--ink)}.part-example-score{max-width:44rem;margin:1.5rem auto 0;padding:2rem 2.2rem 1.6rem;overflow:hidden;background:#fff;border:1px solid var(--rule);box-shadow:0 2px 8px #00000014}.part-example-header{margin:0 0 1rem;text-align:center}.part-example-header .part-example-title{display:block;font-family:var(--serif);font-size:1.3rem;color:var(--ink)}.part-example-header span{display:block;text-align:right;font-family:var(--serif);font-size:.85rem;color:var(--ink-soft)}.part-example-score .part-row-tabs{--ascii-tabs-fret-background: #fff}.part-example-score .part-row{margin-bottom:0}.part-rights{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:.8rem;row-gap:.15rem;align-items:center;min-height:44px;padding:.3rem .6rem;margin-top:-.4rem;border-radius:0;font-family:var(--sans);font-size:.95rem;color:var(--ink);cursor:pointer}.part-rights-error{grid-column:1 / -1;color:#b00020;font-size:.8rem;line-height:1.3}.part-rights-error[hidden],.part-rights[hidden],.part-dropzone[hidden]{display:none}.part-rights input{appearance:none;display:grid;place-content:center;width:28px;height:28px;margin:0;flex:none;border:2px solid var(--ink-soft);border-radius:5px;background:#fff;cursor:pointer}.part-rights input:checked{border-color:var(--accent);background:var(--accent)}.part-rights input:checked:after{content:"";width:12px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-2px) rotate(-45deg)}.part-rights input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.part-rights.needs-rights{background:#faf6ee;animation:part-rights-flash .9s ease-out}@keyframes part-rights-flash{0%,to{background:#faf6ee}45%{background:#f1e9d6}}@media(prefers-reduced-motion:reduce){.part-rights.needs-rights{animation:none}.part-form .part-dropzone,.part-form .part-dropzone strong{transition:none}}@media(forced-colors:active){.part-rights input{appearance:auto}.part-rights input:checked:after{content:none}}.part-dropzone{position:relative;display:grid;justify-items:center;gap:.65rem;padding:2.2rem 1.2rem;box-sizing:border-box;width:100%;min-width:0;border:2px dashed #958b78;border-radius:0;background:#faf6ee;color:var(--ink-soft);font-family:var(--sans);font-size:.85rem;text-align:center;transition:border-color .22s ease-out,background-color .22s ease-out}.part-dropzone strong{max-width:100%;overflow-wrap:anywhere;color:var(--ink);font-size:1.1rem;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.part-upload-icon{width:36px;height:36px;color:var(--accent)}.part-file-input{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.part-dropzone[aria-disabled=true] .part-file-input{cursor:not-allowed}.part-dropzone[aria-disabled=false]:hover{border-color:#7d725d;background:#f6f0e3}.part-dropzone.is-dragging{border-color:var(--accent);background:#f6efe6}@media(prefers-reduced-motion:no-preference){.part-dropzone[aria-disabled=false]:hover strong{transform:scale(1.03)}}.part-dropzone:focus-within{outline:none}.part-toolbar select{font:inherit;padding:.35rem .5rem;border:1px solid var(--rule);border-radius:4px;background:#fff;color:var(--ink)}.part-btn{font-family:var(--sans);font-weight:600;font-size:.9rem;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;justify-self:start}.part-btn:disabled{opacity:.5;cursor:not-allowed}.part-btn-secondary{background:transparent;color:var(--accent)}.toast-viewport{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:1000;display:flex;flex-direction:column;gap:.75rem;width:min(26rem,calc(100vw - 2rem));margin:0;padding:0;list-style:none;outline:none}.toast{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:1px solid #000;border-radius:0;background:#fff;color:#000;box-shadow:none;font-family:var(--sans);font-size:.95rem;line-height:1.4;overflow-wrap:anywhere}.toast-icon{flex:none;width:1.5rem;height:1.5rem}.toast-description{flex:1}.toast-close{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.toast-close:hover{background:#0000000f}.toast-close:focus-visible{outline:2px solid #000}.toast[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform .15s}.toast[data-swipe=end]{transform:translate(var(--radix-toast-swipe-end-x))}@media(prefers-reduced-motion:no-preference){.toast[data-state=open]{animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}}.part-progress{display:grid;justify-items:center;gap:.4rem;margin:6rem 0 5rem;text-align:center;font-family:var(--sans)}@media(prefers-reduced-motion:no-preference){.part-progress:not([hidden]){animation:part-progress-in .7s ease-out}@keyframes part-progress-in{0%{opacity:0}to{opacity:1}}}.part-loading{width:240px;max-width:100%;height:auto}.part-status{margin:0;font-weight:600}.part-duration{margin:0 0 -.3rem;padding:0;border:0;font-size:1.3rem}.part-elapsed,.part-resume{margin:0;font-size:.85rem;color:var(--ink-soft)}.part-result{margin:1.5rem 0;font-family:var(--sans)}.part-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-bottom:.8rem;font-size:.9rem}.part-toolbar-item{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;font-size:1rem;cursor:pointer}.part-toolbar-item input[type=checkbox]{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--ink);cursor:pointer}.part-footer{position:sticky;bottom:-2rem;z-index:2;display:flex;justify-content:flex-end;margin:1.5rem calc(-1*max(1.5rem,3vw)) -2rem;padding:.8rem max(1.5rem,3vw);background:var(--paper);border-top:1px solid var(--rule)}.part-footer-btn{display:inline-flex;align-items:center;gap:.5rem;border-color:var(--brand-blue);background:var(--brand-blue)}.part-footer-btn:hover:not(:disabled){border-color:var(--brand-blue-dark);background:var(--brand-blue-dark)}.part-footer-icon svg{display:block;width:1.2rem;height:1.2rem}.part-footer-btn[aria-busy=true] .part-footer-icon svg{animation:part-spin .8s linear infinite}@keyframes part-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.part-footer-btn[aria-busy=true] .part-footer-icon svg{animation-duration:2.4s}}.part-note{margin:.4rem 0;font-size:.85rem;color:var(--ink-soft)}.part-note-warning{margin-top:1.2rem;padding:.6rem .8rem;border-left:3px solid var(--rule)}.part-rows{margin:1.5rem 0;isolation:isolate}.part-header{display:flex;flex-direction:column;gap:.4rem;margin-left:auto;width:min(26rem,100%)}.part-toolbar>.part-header{align-self:flex-end;margin-bottom:calc((44px - 1.5rem)/2)}.part-header-row{display:flex;justify-content:flex-end;margin-bottom:.4rem}.part-header-row .part-header{width:min(26rem,100%)}.part-header-input{width:100%;box-sizing:border-box;padding:.3rem 0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);font-family:var(--serif, Georgia, serif);text-align:center;outline:none;-webkit-appearance:none;appearance:none}.part-header-input:focus{border-bottom-color:var(--ink)}.part-header-title{font-size:1.6rem}.part-header-author{font-size:1.05rem}.part-result-modal .part-toolbar,.part-result-modal>.part-header-row,.part-result-modal .part-rows{max-width:64rem;margin-left:auto;margin-right:auto}html.part-modal-open,html.part-modal-open body{overflow:hidden}.part-result-modal{overscroll-behavior:contain;position:fixed;inset:0;z-index:500;margin:0;padding:5.5rem max(1.5rem,3vw) 2rem;overflow-y:auto;background:var(--paper)}.part-modal-close{position:fixed;top:1rem;right:max(1rem,2vw);z-index:1;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.part-modal-logo{position:fixed;top:.4rem;left:max(1rem,2vw);z-index:1;width:72px;height:72px;background:url(guitar-player-cubist-left-head.0c63192349.svg) center / contain no-repeat;pointer-events:none}.part-modal-close svg{width:2rem;height:2rem}.part-modal-close:hover{background:#0000000f}.part-modal-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.part-row{position:relative;margin-bottom:1.4rem}.part-row-join{position:absolute;width:1.5px;background:var(--ink);pointer-events:none}.part-row-notation svg{display:block;max-width:none;overflow:visible}.part-row-tabs{position:relative;min-height:140px;--ascii-tabs-font-size: 15px;--ascii-tabs-fret-background: var(--paper);--ascii-tabs-flat-background: transparent}.part-rows .ascii-tabs-fret{font-weight:400}.part-names-mode .ascii-tabs-fret{font-size:.8em}.part-measure-tab,.part-example-tab{position:absolute;top:0;display:block}.part-example-names{position:absolute;inset:0;pointer-events:none;font-family:var(--sans);font-size:var(--ascii-tabs-font-size);line-height:1;color:var(--ink)}.part-example-clef{position:absolute;color:#8a8a8a;font-weight:700;font-size:1.25em;transform:translate(-50%,-50%)}.part-string-name{position:absolute;color:#8a8a8a;font-size:.8em;transform:translate(-100%,-50%)}.part-dropped{margin-top:1rem;padding:.7rem .9rem;border:1px solid var(--rule);border-radius:6px;background:#f7f4eb;font-size:.9rem}.part-dropped p,.part-dropped ul{margin:0}.part-dropped ul{padding-left:1.2rem}.part-downloads-heading{margin:1.4rem 0 .4rem;font-size:1.1rem}.part-download-list{margin:0;padding-left:1.2rem}.part-privacy-note,.part-mobile-ready{margin:.5rem 0}.partitura-body [hidden]{display:none!important}.part-how,.part-faq{max-width:var(--max-width);margin:5rem 0 0;font-family:var(--sans)}.part-how h2,.part-faq h2{margin:0;font-size:1.15rem}.part-how p,.part-faq p,.part-how-steps{font-size:.9rem}.part-how p,.part-faq p{margin:.4rem 0 0;color:var(--ink-soft)}.part-how-steps{margin:.8rem 0 0;padding-left:1.3rem;display:grid;gap:.5rem;color:var(--ink-soft)}.part-how-steps strong,.part-faq h3{font-size:.95rem;font-weight:600;color:var(--ink)}.part-faq h3{margin:1rem 0 0}.beta-badge{display:inline-block;vertical-align:middle;margin-left:.4em;padding:.1em .5em;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.part-tip{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:1000;width:min(22rem,calc(100vw - 2rem));padding:1.1rem 1.25rem 1.25rem;border:1px solid #000;background:#fff;color:#000;font-family:var(--sans);font-size:.92rem;line-height:1.4;overflow:hidden}.part-tip-title{display:block;padding-right:2rem}.part-tip-body{margin:.6rem 0 0}.part-tip-art{margin-top:.6rem}.part-tip-graphic{display:block;width:100%;max-height:8rem;font-family:var(--sans)}.part-tip-demo{margin:0}.part-tip-close{position:absolute;top:.4rem;right:.4rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.part-tip-close:hover{background:#0000000f}.part-tip-close:focus-visible{outline:2px solid #000}.part-tip-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform-origin:left;animation:part-tip-timer linear forwards}@keyframes part-tip-timer{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.part-tip-timer{display:none}}