.chord-diagram.svelte-tq292x{display:block;width:100%;max-width:min(65vw,300px);height:auto}@media(min-width:640px){.chord-diagram.svelte-tq292x{max-width:none;height:min(42vh,360px);width:auto}}@media(min-width:1024px){.chord-diagram.svelte-tq292x{height:min(45vh,400px)}}svg.chord-diagram.lefty{transform:scaleX(-1)}svg.chord-diagram.lefty text{transform:scaleX(-1);transform-box:fill-box;transform-origin:center}.ft-title.svelte-fjlvdx{display:flex;justify-content:center;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600;color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:.25rem .75rem;border-radius:12px;transition:color .2s,transform .15s}.ft-text.svelte-fjlvdx{position:relative;display:flex;align-items:baseline}.ft-title.svelte-fjlvdx:hover,.ft-playing.svelte-fjlvdx{color:var(--accent-gold)}.ft-play-icon.svelte-fjlvdx{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:.6em;height:.6em;opacity:.3;margin-right:.15em;flex-shrink:0;transition:opacity .2s,fill .2s}.ft-title.svelte-fjlvdx:hover .ft-play-icon:where(.svelte-fjlvdx){opacity:.7;fill:currentColor;stroke:none}.ft-playing.svelte-fjlvdx .ft-play-icon:where(.svelte-fjlvdx){opacity:1;fill:currentColor;stroke:none}.ft-bass.svelte-fjlvdx{margin-left:1px}@keyframes svelte-1254ya3-spin{to{transform:rotate(360deg)}}.ab-auth-wrapper.svelte-1254ya3{position:fixed;bottom:60px;left:50%;transform:translate(-50%) translateY(100%);z-index:29;width:92%;max-width:380px;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .25s ease}.ab-auth-wrapper.ab-auth-open.svelte-1254ya3{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.ab-auth-google.svelte-1254ya3{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(201,162,75,.4);background:#c9a24b14;color:var(--accent-gold);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.ab-auth-google.svelte-1254ya3:hover{background:#c9a24b26;border-color:#c9a24b99}.ab-auth-free.svelte-1254ya3{font-size:12px;color:#c9a24b99;text-align:center;margin:0}.ab-theory-card.svelte-1254ya3{background:#14141aeb;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.25rem 1.15rem;display:flex;flex-direction:column;gap:.6rem;max-height:65vh;overflow-y:auto}.ab-theory-header.svelte-1254ya3{display:flex;align-items:center;justify-content:space-between;padding-bottom:.35rem}.ab-theory-title.svelte-1254ya3{font-size:16px;font-weight:700;color:#ffffffe6;margin:0;display:flex;align-items:center;gap:.35rem}.ab-theory-divider.svelte-1254ya3{height:1px;background:#ffffff0f;margin:0 -.15rem}.ab-theory-close.svelte-1254ya3{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;border-radius:4px;transition:color .15s;flex-shrink:0}.ab-theory-close.svelte-1254ya3:hover{color:#ffffffb3}.voicing-minimap.svelte-ishz62{display:block;flex:1;min-width:0;cursor:pointer}.voicing-minimap.lefty.svelte-ishz62{transform:scaleX(-1)}.skeleton.svelte-1i23jgx{background:var(--theme-text-tertiary);opacity:.12;border-radius:6px;animation:svelte-1i23jgx-pulse 1.5s ease-in-out infinite}.skeleton.is-rounded.svelte-1i23jgx{border-radius:50%}@keyframes svelte-1i23jgx-pulse{0%,to{opacity:.12}50%{opacity:.06}}.piano-kb.svelte-1qmewwo{width:100%;max-width:500px;height:auto;display:block}.pk-key-group.svelte-1qmewwo{cursor:pointer}.pk-key.svelte-1qmewwo{transition:stroke .12s}.pk-key-group.svelte-1qmewwo:hover .pk-key:where(.svelte-1qmewwo){stroke:#ffffff4d}.pk-tooltip.svelte-1qmewwo{opacity:0;pointer-events:none;transition:opacity .12s}.pk-key-group.svelte-1qmewwo:hover .pk-tooltip:where(.svelte-1qmewwo){opacity:1}.pk-dot.svelte-1qmewwo,.pk-dot-label.svelte-1qmewwo{pointer-events:none}.staff-svg.svelte-ydei2o{width:100%;max-width:280px;height:auto;display:block;overflow:visible}.staff-note-group.svelte-ydei2o{cursor:pointer}.staff-note.svelte-ydei2o{transition:fill .12s,opacity .12s}.staff-note-group.svelte-ydei2o:hover .staff-note:where(.svelte-ydei2o){fill:#fffffff2!important;opacity:1!important}.staff-note-group.svelte-ydei2o:hover .staff-note-root:where(.svelte-ydei2o){fill:#e0c060!important}.staff-tooltip.svelte-ydei2o{opacity:0;pointer-events:none;transition:opacity .12s}.staff-note-group.svelte-ydei2o:hover .staff-tooltip:where(.svelte-ydei2o){opacity:1}.fretboard-octave.svelte-12isiaf{width:100%;display:block}.fo-note.svelte-12isiaf{cursor:pointer}.fo-note.svelte-12isiaf:hover circle:where(.svelte-12isiaf){filter:brightness(1.2)}.tp.svelte-1bqzpkn{width:100%;padding:0 .5rem}.tp-body.svelte-1bqzpkn{max-width:900px;margin:.5rem auto 0}.tp-toggle-row.svelte-1bqzpkn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 0 .25rem}.tp-pill.svelte-1bqzpkn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem .3rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;color:#ffffff80;transition:all .15s;flex-shrink:0}.tp-pill.svelte-1bqzpkn:hover{background:#ffffff14;color:#ffffffb3;border-color:#ffffff26}.tp-pill-label.svelte-1bqzpkn{font-size:12px;font-weight:600;letter-spacing:.02em}.tp-scroll-icon.svelte-1bqzpkn{width:11px;height:11px;flex-shrink:0}.tp-content.svelte-1bqzpkn{display:flex;flex-direction:column;gap:2rem;padding:1.25rem 1.25rem 2.5rem;max-width:780px;margin:0 auto;border-top:none}.tp-title.svelte-1bqzpkn{font-size:18px;font-weight:700;color:#fffffff2;margin:.75rem 0 0;line-height:1.3}.tp-notes-section.svelte-1bqzpkn{display:flex;align-items:center;gap:.5rem}.tp-notes-row.svelte-1bqzpkn{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;flex:1}.tp-play-row.svelte-1bqzpkn{align-self:center}.tp-note-pair.svelte-1bqzpkn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:.25rem .4rem;border-radius:6px;transition:background .12s}.tp-note-pair.svelte-1bqzpkn:hover{background:#ffffff0f}.tp-note-pair.svelte-1bqzpkn:hover .tp-note:where(.svelte-1bqzpkn),.tp-note-active.svelte-1bqzpkn .tp-note:where(.svelte-1bqzpkn){color:var(--accent-gold)}.tp-note-active.svelte-1bqzpkn{background:#c9a24b1f}.tp-note.svelte-1bqzpkn{font-size:15px;font-weight:600;color:#ffffffe6;line-height:1.2;white-space:nowrap}.tp-root.svelte-1bqzpkn .tp-note:where(.svelte-1bqzpkn){color:#fff}.tp-interval.svelte-1bqzpkn{font-size:9px;color:var(--accent-gold);opacity:.6;line-height:1}.tp-sep.svelte-1bqzpkn{color:#ffffff26;font-size:12px;margin-top:-4px}.tp-meta.svelte-1bqzpkn{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.tp-meta-item.svelte-1bqzpkn{display:flex;align-items:baseline;gap:.35rem}.tp-meta-label.svelte-1bqzpkn{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff73}.tp-meta-value.svelte-1bqzpkn{font-size:13px;color:#ffffffd9;font-weight:500}.tp-text.svelte-1bqzpkn{font-size:13px;color:#ffffffd9;line-height:1.6;margin:0}.tp-section.svelte-1bqzpkn{display:flex;flex-direction:column;gap:.75rem}.tp-section-header.svelte-1bqzpkn{display:flex;align-items:center;gap:.5rem}.tp-section-label.svelte-1bqzpkn{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff73}.tp-play-btn.svelte-1bqzpkn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;color:var(--accent-gold);opacity:.5;transition:opacity .12s;padding:0;flex-shrink:0}.tp-play-btn.svelte-1bqzpkn:hover{opacity:1}.tp-play-btn.svelte-1bqzpkn svg:where(.svelte-1bqzpkn){width:9px;height:9px;margin-left:1px}.tp-play-group.svelte-1bqzpkn{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.tp-playing-note.svelte-1bqzpkn{font-size:12px;font-weight:600;color:var(--accent-gold);min-width:1.4em;animation:svelte-1bqzpkn-tp-note-fade .15s ease}@keyframes svelte-1bqzpkn-tp-note-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tp-chips.svelte-1bqzpkn{display:flex;flex-wrap:wrap;gap:.35rem}.tp-chip.svelte-1bqzpkn{font-size:12px;font-weight:500;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.2rem .5rem;border-radius:6px;text-decoration:none;white-space:nowrap;transition:all .12s}.tp-chip.svelte-1bqzpkn:hover{background:#ffffff14;border-color:#fff3;color:#ffffffd9}.tp-tags.svelte-1bqzpkn{display:flex;flex-wrap:wrap;gap:.35rem}.tp-tag.svelte-1bqzpkn{font-size:11px;font-weight:400;color:#ffffff73;background:#ffffff0a;border:none;padding:.15rem .5rem;border-radius:10px;white-space:nowrap}.tp-examples.svelte-1bqzpkn{margin:0;padding-left:1.2rem;list-style:disc}.tp-examples.svelte-1bqzpkn li:where(.svelte-1bqzpkn){font-size:13px;color:#ffffffb3;line-height:1.5}.tp-degree.svelte-1bqzpkn{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.tp-degree-numeral.svelte-1bqzpkn{font-size:10px;font-weight:600;color:#fff6;line-height:1;text-align:center}.tp-degree-diag.svelte-1bqzpkn{display:block;width:100%;border-radius:8px;transition:opacity .12s}.tp-degree-diag.svelte-1bqzpkn:hover{opacity:.8}.tp-degree-info.svelte-1bqzpkn{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}.tp-degree-play.svelte-1bqzpkn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--accent-gold);opacity:.4;transition:opacity .12s;padding:4px;margin:-4px;flex-shrink:0}.tp-degree-play.svelte-1bqzpkn:hover{opacity:1}.tp-degree-play.svelte-1bqzpkn svg:where(.svelte-1bqzpkn){width:12px;height:12px}.tp-degree-name.svelte-1bqzpkn{font-size:13px;font-weight:500;color:#ffffffd9;white-space:nowrap;text-decoration:none;transition:color .12s}.tp-degree-name.svelte-1bqzpkn:hover{color:var(--accent-gold)}.tp-harm-pill.svelte-1bqzpkn{display:inline-flex;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;cursor:pointer;padding:1px;gap:0}.tp-harm-opt.svelte-1bqzpkn{font-size:10px;font-weight:600;padding:.1rem .45rem;border-radius:8px;color:#ffffff59;transition:all .15s}.tp-harm-active.svelte-1bqzpkn{background:#ffffff1a;color:#fffc}.tp-progressions.svelte-1bqzpkn{display:flex;flex-wrap:wrap;gap:.4rem}.tp-prog-chip.svelte-1bqzpkn{display:inline-flex;align-items:center;gap:.4rem;font-size:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.35rem .6rem;cursor:pointer;transition:all .15s;color:#ffffffb3}.tp-prog-chip.svelte-1bqzpkn:hover{background:#ffffff14;border-color:#ffffff26}.tp-prog-icon.svelte-1bqzpkn{width:8px;height:8px;flex-shrink:0;color:#fff6}.tp-prog-chords.svelte-1bqzpkn{font-weight:600;color:#ffffffbf}.tp-keys-grid.svelte-1bqzpkn{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}@media(max-width:600px){.tp-keys-grid.svelte-1bqzpkn{grid-template-columns:repeat(4,1fr)}}.tp-kcard.svelte-1bqzpkn{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tp-keys-dim.svelte-1bqzpkn .tp-kcard:where(.svelte-1bqzpkn){opacity:.35;transition:opacity .15s}.tp-keys-dim.svelte-1bqzpkn .tp-kcard:where(.svelte-1bqzpkn):hover{opacity:.75}@media(max-width:600px){.tp-keys-dim.svelte-1bqzpkn .tp-kcard:where(.svelte-1bqzpkn){opacity:.5}}.tp-kcard-active.svelte-1bqzpkn{opacity:1!important}.tp-kcard-diag.svelte-1bqzpkn{display:block;width:100%;text-decoration:none;border:none;background:none;padding:0;cursor:pointer}.tp-kcard-name.svelte-1bqzpkn{font-size:11px;font-weight:600;color:#ffffffb3;text-decoration:none;transition:color .15s;border:none;background:none;padding:0;cursor:pointer}.tp-kcard-name.svelte-1bqzpkn:hover{color:#fff}.tp-kcard-active.svelte-1bqzpkn .tp-kcard-name:where(.svelte-1bqzpkn){color:var(--accent-gold)}