.chord-page.svelte-1qajysz{max-width:46rem;width:100%;margin:0 auto;padding:2.5rem 1.25rem 5rem}@media(min-width:40rem){.chord-page.svelte-1qajysz{padding:3rem 2rem 6rem}}.crumbs.svelte-1qajysz{display:flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.75rem}.crumbs.svelte-1qajysz a:where(.svelte-1qajysz){color:var(--text-muted);text-decoration:none;transition:color .15s}.crumbs.svelte-1qajysz a:where(.svelte-1qajysz):hover{color:var(--primary)}.hero.svelte-1qajysz{padding-bottom:0}.eyebrow.svelte-1qajysz{display:flex;align-items:center;gap:.625rem;margin:0 0 .75rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--text-muted)}.eyebrow.svelte-1qajysz:after{display:none}.hero.svelte-1qajysz h1:where(.svelte-1qajysz){font-family:var(--font-display);font-size:clamp(2.6rem,7.4vw,4rem);line-height:1.04;letter-spacing:-.005em;margin:0;font-weight:400;color:var(--text);font-variant-numeric:lining-nums;text-wrap:balance}.hero.svelte-1qajysz h1:where(.svelte-1qajysz) span:where(.svelte-1qajysz){color:var(--text-muted);font-weight:400;font-style:italic}.lead.svelte-1qajysz{font-size:1.0625rem;line-height:1.7;color:var(--text-muted);max-width:60ch;margin:1rem 0 1.75rem}.cta.svelte-1qajysz{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap-min);padding:0 1.4rem;border:1.5px solid var(--primary);border-radius:999px;background:var(--primary);color:var(--primary-text);font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.cta.svelte-1qajysz:hover{background:var(--primary-hover);border-color:var(--primary-hover)}section.svelte-1qajysz{padding-top:2.75rem;margin-top:2.75rem;border-top:1px solid var(--border)}.sec-head.svelte-1qajysz{display:flex;align-items:center;gap:.85rem;margin-bottom:1.1rem}.rehearsal.svelte-1qajysz{display:inline-block;flex:none;min-width:2rem;font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1;color:var(--accent-gold)}h2.svelte-1qajysz{font-family:var(--font-display);font-size:clamp(1.8rem,4.4vw,2.4rem);line-height:1.15;letter-spacing:-.005em;margin:0;font-weight:400;color:var(--text)}section.svelte-1qajysz p:where(.svelte-1qajysz){max-width:66ch;color:var(--text-muted);font-size:1.0625rem;line-height:1.75;margin:0 0 1rem}.section-intro.svelte-1qajysz{max-width:62ch;margin:0 0 1.75rem!important}.note-list.svelte-1qajysz{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0;width:fit-content;max-width:100%;overflow:hidden;border-radius:var(--radius-group);background:var(--bg-card)}.note-list.svelte-1qajysz li:where(.svelte-1qajysz){display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:4rem;padding:.9rem 1.1rem;border-right:.5px solid var(--border)}.note-list.svelte-1qajysz li:where(.svelte-1qajysz):last-child{border-right:0}.note-list.svelte-1qajysz .note:where(.svelte-1qajysz){font-family:var(--font-chord);font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:-.005em;color:var(--text);font-variant-numeric:lining-nums}.note-list.svelte-1qajysz .interval:where(.svelte-1qajysz){font-family:var(--font-mono);font-size:.5875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-gold)}.voicing-grid.svelte-1qajysz{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border)}.voicing-card.svelte-1qajysz{padding:1.25rem 0 1.5rem;border-bottom:1px solid var(--border)}.voicing-head.svelte-1qajysz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.voicing-head.svelte-1qajysz h3:where(.svelte-1qajysz){font-family:var(--font-display);font-size:1.5rem;margin:0;font-weight:400;letter-spacing:-.005em;color:var(--text)}.play-controls.svelte-1qajysz{display:flex;gap:.4rem}.play-btn.svelte-1qajysz{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:var(--tap-min);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--text-muted);background:var(--glass);border:0;box-shadow:inset 0 0 0 .5px var(--glass-edge);border-radius:999px;padding:0 1rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.play-btn.svelte-1qajysz:hover{color:var(--text);border-color:var(--border-hover)}.play-btn.active.svelte-1qajysz{color:var(--accent-gold);box-shadow:inset 0 0 0 1px var(--accent-gold);background:var(--warning-muted)}.keyboard.svelte-1qajysz{margin-bottom:.9rem}.voicing-notes.svelte-1qajysz{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;margin:0}.vn-notes.svelte-1qajysz{font-family:var(--font-chord);font-weight:700;font-size:1.15rem;color:var(--text);font-variant-numeric:lining-nums}.vn-intervals.svelte-1qajysz{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;color:var(--ink-blue)}.text-link.svelte-1qajysz{display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);font-weight:600;text-decoration:none;margin-top:.25rem}.text-link.svelte-1qajysz:hover{text-decoration:underline;text-underline-offset:3px}.faq.svelte-1qajysz details:where(.svelte-1qajysz){border-bottom:1px solid var(--border);padding:.9rem 0}.faq.svelte-1qajysz details:where(.svelte-1qajysz):first-of-type{border-top:1px solid var(--border)}.faq.svelte-1qajysz summary:where(.svelte-1qajysz){display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:-.005em;color:var(--text);cursor:pointer;list-style:none}.faq.svelte-1qajysz summary:where(.svelte-1qajysz)::-webkit-details-marker{display:none}.faq.svelte-1qajysz summary:where(.svelte-1qajysz):hover{color:var(--primary)}.faq.svelte-1qajysz summary:where(.svelte-1qajysz):after{content:"+";flex:none;font-family:var(--font-mono);color:var(--primary);font-size:1.1rem;line-height:1;transition:transform .2s}.faq.svelte-1qajysz details[open]:where(.svelte-1qajysz) summary:where(.svelte-1qajysz):after{transform:rotate(45deg)}.faq.svelte-1qajysz p:where(.svelte-1qajysz){max-width:66ch;margin:.75rem 0 .25rem;color:var(--text-muted);font-size:1rem;line-height:1.7}.related.svelte-1qajysz{padding-top:2.5rem;margin-top:2.75rem;border-top:1px solid var(--border)}.plate-mark.svelte-1qajysz{display:flex;align-items:center;gap:.625rem;margin:0 0 1rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.plate-mark.svelte-1qajysz:after{display:none}.plate-mark.blue.svelte-1qajysz{color:var(--text-muted)}.related-grid.svelte-1qajysz{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border)}.related-grid.svelte-1qajysz a:where(.svelte-1qajysz){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:.1rem .75rem;padding:.9rem .25rem;border-bottom:1px solid var(--border);text-decoration:none;transition:background .13s,padding .13s}.related-grid.svelte-1qajysz a:where(.svelte-1qajysz):hover{background:var(--bg-card);padding-left:.6rem;padding-right:.6rem}.related-grid.svelte-1qajysz a:where(.svelte-1qajysz) svg{grid-row:1 / 3;grid-column:2;color:var(--primary)}.rl-title.svelte-1qajysz{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.005em;color:var(--text);grid-column:1}.rl-sub.svelte-1qajysz{font-size:.8125rem;color:var(--text-dim);grid-column:1}.related-grid.svelte-1qajysz a.rl-accent:where(.svelte-1qajysz){box-shadow:inset 2px 0 0 var(--primary);padding-left:.75rem}.related-grid.svelte-1qajysz a.rl-accent:where(.svelte-1qajysz):hover{background:var(--primary-muted);padding-left:.9rem}.prog.svelte-1qajysz{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 1.25rem}.prog.svelte-1qajysz li:where(.svelte-1qajysz){display:flex;align-items:baseline;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:var(--bg-card)}.prog.svelte-1qajysz li.self:where(.svelte-1qajysz){background:var(--feature)}.prog.svelte-1qajysz li.self:where(.svelte-1qajysz) .chord:where(.svelte-1qajysz),.prog.svelte-1qajysz li.self:where(.svelte-1qajysz) .degree:where(.svelte-1qajysz){color:var(--on-feature)}.prog.svelte-1qajysz .degree:where(.svelte-1qajysz){font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.1rem;color:var(--accent-gold)}.prog.svelte-1qajysz .chord:where(.svelte-1qajysz){font-family:var(--font-chord);font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none}.prog.svelte-1qajysz a.chord:where(.svelte-1qajysz):hover{color:var(--primary)}.b-hint.svelte-1qajysz{margin:.75rem 0 0;font-size:.8125rem;color:var(--text-dim)}.other-lang.svelte-1qajysz{margin:1.25rem 0 0;font-size:.875rem}.other-lang.svelte-1qajysz a:where(.svelte-1qajysz){color:var(--text-muted)}
