.notation-row.svelte-9anbr2{border-bottom:1px solid #f3f4f6}.notation-row.svelte-9anbr2:last-child{border-bottom:none}@media (max-width: 768px){.font-mono.text-2xl.svelte-9anbr2{font-size:18px}.max-w-4xl.svelte-9anbr2{max-width:none}.space-y-6.svelte-9anbr2>:where(.svelte-9anbr2)+:where(.svelte-9anbr2){margin-top:.5rem}}:root{--chords-panel: var(--panel, #ffffff);--chords-border: var(--card-border, #e5e7eb);--chords-muted: var(--text-muted, #6b7280);--chords-accent: #0f766e;--chords-accent-soft: rgba(15, 118, 110, .08);--chords-text: var(--text-primary, #1f2937)}.chords-shell.svelte-1gnevni{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--chords-border);background:var(--chords-panel);box-shadow:0 12px 40px #11182714;padding:10px}.chords-card.svelte-1gnevni{background:var(--chords-panel);border-radius:10px;padding:8px 6px;color:var(--chords-text)}.chords-body.svelte-1gnevni{display:flex;flex-direction:column;gap:8px;font-family:Space Grotesk,Fira Sans,Inter,system-ui,-apple-system,sans-serif}.chord-line-block.svelte-1gnevni{padding:4px 4px 6px;border-radius:8px;background:#11182704}.chord-row.svelte-1gnevni,.lyric-row.svelte-1gnevni{margin:0;padding:0;font-family:Fira Code,Source Code Pro,Space Grotesk,Fira Sans,monospace,system-ui,-apple-system,sans-serif;font-size:.95rem;line-height:1.4;white-space:pre}.chord-row.svelte-1gnevni{color:#dc2626;font-weight:700}.lyric-row.svelte-1gnevni{color:var(--chords-text);font-weight:500}.line-gap.svelte-1gnevni{height:12px}.empty-state.svelte-1gnevni{margin:0;color:var(--chords-muted);font-weight:600}.empty-state-container.svelte-1v6ff9p{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem 1.5rem;background:linear-gradient(135deg,#fdfbf7,#f9f5f0);border-radius:12px;margin:2rem 0}.empty-state-content.svelte-1v6ff9p{max-width:500px;text-align:center}.icon-container.svelte-1v6ff9p{margin-bottom:1.5rem}.icon.svelte-1v6ff9p{font-size:4rem;display:inline-block;animation:svelte-1v6ff9p-gentle-bounce 2s ease-in-out infinite}@keyframes svelte-1v6ff9p-gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title.svelte-1v6ff9p{font-size:1.75rem;font-weight:700;color:var(--text-primary, #2c1506);margin-bottom:1rem;line-height:1.3}.empty-description.svelte-1v6ff9p{font-size:1rem;color:var(--text-muted, #6b5644);margin-bottom:2rem;line-height:1.6}.switch-button.svelte-1v6ff9p{background:linear-gradient(135deg,#c69c73,#b48b64);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:999px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #b68b644d}.switch-button.svelte-1v6ff9p:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b68b6466;background:linear-gradient(135deg,#b48b64,#a8794e)}.switch-button.svelte-1v6ff9p:active{transform:translateY(0)}.help-text.svelte-1v6ff9p{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(198,156,115,.2)}.help-text.svelte-1v6ff9p p:where(.svelte-1v6ff9p){font-size:.875rem;color:var(--text-muted, #8b7355);font-style:italic}@media (max-width: 768px){.empty-state-container.svelte-1v6ff9p{min-height:300px;padding:2rem 1rem;margin:1rem 0}.icon.svelte-1v6ff9p{font-size:3rem}.empty-title.svelte-1v6ff9p{font-size:1.5rem}.empty-description.svelte-1v6ff9p{font-size:.9375rem}.switch-button.svelte-1v6ff9p{padding:.75rem 1.5rem;font-size:.9375rem}}.notation-scroll-container.svelte-zdrnyf{overflow-y:auto!important;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.notation-scroll-container.svelte-zdrnyf::-webkit-scrollbar{width:8px}.notation-scroll-container.svelte-zdrnyf::-webkit-scrollbar-track{background:var(--surface)}.notation-scroll-container.svelte-zdrnyf::-webkit-scrollbar-thumb{background:#d6c3ad;border-radius:4px}.notation-scroll-container.svelte-zdrnyf::-webkit-scrollbar-thumb:hover{background:#b48b64}.control-button.svelte-zdrnyf{padding:.5rem 1rem;border-radius:999px;color:#fff;font-weight:600;transition:all .2s;border:none;cursor:pointer;box-shadow:0 12px 30px #2c15061f}.control-button.svelte-zdrnyf:disabled{cursor:not-allowed;opacity:.6}.desktop-text.svelte-zdrnyf{display:inline}.mobile-text.svelte-zdrnyf{display:none}.spinner.svelte-zdrnyf{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-zdrnyf-spin 1s linear infinite}.spinner-mobile.svelte-zdrnyf{width:10px;height:10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-zdrnyf-spin 1s linear infinite}@keyframes svelte-zdrnyf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kbd.svelte-zdrnyf{padding:.125rem .25rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem}.toggle-chips.svelte-zdrnyf{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toggle-chips.compact.svelte-zdrnyf{gap:6px}.toggle-chips.inline-toggle.svelte-zdrnyf{margin-left:8px}.toggle-chip.svelte-zdrnyf{border:1px solid var(--card-border);background:#fff;color:var(--text-primary);padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.85rem;transition:all .2s ease;box-shadow:0 10px 24px #2f211314}.toggle-chip.is-active.svelte-zdrnyf{background:linear-gradient(135deg,#f0e4db,#ffe9d6);border-color:#c69c73;color:#3b2715;box-shadow:0 12px 30px #2c150624}.toggle-label.svelte-zdrnyf{min-width:180px}.chip-label-desktop.svelte-zdrnyf{display:inline}.chip-label-mobile.svelte-zdrnyf{display:none;font-size:1.05rem}@media (max-width: 768px){.desktop-only.svelte-zdrnyf,.desktop-text.svelte-zdrnyf{display:none}.mobile-text.svelte-zdrnyf{display:inline}.inline-toggle.svelte-zdrnyf{margin-left:0}.toggle-chip.svelte-zdrnyf{padding:.3rem .6rem;font-size:.8rem}.chip-label-desktop.svelte-zdrnyf{display:none}.chip-label-mobile.svelte-zdrnyf{display:inline}}