.diagram.svelte-1xxvfjl{border:1px solid var(--border);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 60%), var(--surface);border-radius:20px;min-width:0;padding:16px 18px 18px;position:relative;overflow:hidden}.diagram-heading.svelte-1xxvfjl{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.eyebrow.svelte-1xxvfjl{color:var(--text-secondary);font:700 11px/1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px}.chord-name.svelte-1xxvfjl{color:var(--text);font:700 30px/1 var(--font-mono);letter-spacing:-.03em;align-items:baseline;gap:10px;margin:0;animation:.26s cubic-bezier(.2,.8,.2,1) svelte-1xxvfjl-chord-in;display:flex}.degree.svelte-1xxvfjl{color:var(--primary);font:700 16px/1 var(--font-mono)}.tones.svelte-1xxvfjl{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hear-button.svelte-1xxvfjl{border:1px solid var(--border);background:var(--surface-raised);min-height:30px;color:var(--text);cursor:pointer;font:600 12px var(--font-sans);border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.hear-button.svelte-1xxvfjl:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent)}.hear-button.svelte-1xxvfjl:disabled{opacity:.6;cursor:progress}.hear-button.svelte-1xxvfjl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tones.svelte-1xxvfjl p:where(.svelte-1xxvfjl){color:var(--text-soft);font:600 12px/1.3 var(--font-mono);margin:0}.custom-tag.svelte-1xxvfjl{border:1px solid var(--primary-line);color:var(--primary);font:700 11px/1.4 var(--font-sans);border-radius:999px;padding:2px 8px}.keyboard.svelte-1xxvfjl{filter:drop-shadow(0 10px 18px #00000059);width:100%;height:auto;display:block;overflow:visible}.white.svelte-1xxvfjl{fill:#fafafa;stroke:#d4d4d8;stroke-width:1px;transition:fill .16s}.black.svelte-1xxvfjl{fill:#0f0f11;stroke:#2e2e33;stroke-width:1px;transition:fill .16s}.key-group.svelte-1xxvfjl{transform-box:fill-box;transform-origin:50% 0;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.key-group.lit.svelte-1xxvfjl{transform:scaleY(.985)}.lit.svelte-1xxvfjl .white:where(.svelte-1xxvfjl){fill:#6ee7b7;stroke:#059669}.lit.svelte-1xxvfjl .black:where(.svelte-1xxvfjl){fill:#059669;stroke:#34d399}.bass.svelte-1xxvfjl .white:where(.svelte-1xxvfjl),.bass.svelte-1xxvfjl .black:where(.svelte-1xxvfjl){stroke:var(--warning);stroke-width:2.5px}text.svelte-1xxvfjl{fill:#064e3b;font:700 9px var(--font-mono);pointer-events:none}.compact.svelte-1xxvfjl{padding:12px}.compact.svelte-1xxvfjl .chord-name:where(.svelte-1xxvfjl){font-size:22px}@keyframes svelte-1xxvfjl-chord-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.chord-name.svelte-1xxvfjl{animation:none}.key-group.svelte-1xxvfjl,.white.svelte-1xxvfjl,.black.svelte-1xxvfjl{transition:none}}.lyric.svelte-fllk39{min-width:0;color:var(--text);font:500 var(--sheet-size,17px) / 1.45 var(--font-sans);white-space:pre-wrap;flex-wrap:wrap;flex:1;align-items:flex-end;display:flex}.fragment.svelte-fllk39{white-space:pre;flex-direction:column;justify-content:flex-end;display:inline-flex}.lyric.svelte-fllk39:has(.has-chord:where(.svelte-fllk39)) .fragment:where(.svelte-fllk39){min-height:2.05em}.chord.svelte-fllk39,.annotation.svelte-fllk39{color:var(--accent);font:700 .72em/1.1 var(--font-mono);letter-spacing:-.01em;white-space:nowrap;align-self:flex-start;margin:0 .35em .12em 0}.chord.unparsed.svelte-fllk39{color:var(--text-secondary)}.annotation.svelte-fllk39{color:var(--warning);font-style:italic;font-family:var(--font-sans)}.words.svelte-fllk39{text-wrap:pretty}.section.svelte-fllk39{color:var(--text-secondary);font:700 max(11px, calc(var(--sheet-size,17px) * .62)) / 1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.6em;margin:.9em 0 .2em;display:inline-flex}.section-dot.svelte-fllk39{background:var(--border-strong);border-radius:50%;width:.55em;height:.55em}.section.chorus.svelte-fllk39{color:var(--primary)}.section.chorus.svelte-fllk39 .section-dot:where(.svelte-fllk39){background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.recall-tag.svelte-fllk39{border:1px solid var(--primary-line);letter-spacing:.06em;border-radius:999px;padding:.15em .6em;font-size:.85em}.comment.svelte-fllk39{color:var(--text-secondary);font:500 max(12px, calc(var(--sheet-size,17px) * .74)) / 1.45 var(--font-sans);margin:.35em 0}.comment.italic.svelte-fllk39{font-style:italic}.comment.box.svelte-fllk39{border:1px solid var(--border-strong);color:var(--text-soft);border-radius:8px;padding:.25em .7em;display:inline-block}.comment.highlight.svelte-fllk39{background:var(--warning-soft);color:var(--warning);border-radius:6px;padding:.2em .6em;font-weight:650;display:inline-block}.grid.svelte-fllk39{font:700 max(13px, calc(var(--sheet-size,17px) * .78)) / 1 var(--font-mono);flex-wrap:wrap;align-items:stretch;gap:6px;margin:.25em 0;display:flex}.measure.svelte-fllk39{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:10px;align-items:center;gap:.55em;min-width:5.5em;padding:.6em .8em;display:inline-flex;position:relative}.measure.repeat-start.svelte-fllk39{border-left:3px double var(--primary)}.measure.repeat-end.svelte-fllk39{border-right:3px double var(--primary)}.beat.svelte-fllk39{color:var(--accent)}.beat.rest.svelte-fllk39{color:var(--border-strong)}.grid-trailing.svelte-fllk39{color:var(--primary);font-family:var(--font-sans);align-self:center}.tab.svelte-fllk39{color:var(--text-soft);font:500 max(12px, calc(var(--sheet-size,17px) * .72)) / 1.5 var(--font-mono);margin:0;overflow-x:auto}.directive.svelte-fllk39{color:var(--text-secondary);font:12px/1.4 var(--font-mono);opacity:.8;margin:.2em 0}.blank.svelte-fllk39{height:.7em}