.container.svelte-n7aouq{color:#1a1a2e;max-width:860px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero.svelte-n7aouq{text-align:center;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);border-radius:16px;margin-bottom:3rem;padding:3rem 1rem 2rem}h1.svelte-n7aouq{color:#1a1a2e;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.hero-subtitle.svelte-n7aouq{color:#555;max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem}.hero-stats.svelte-n7aouq{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.stat.svelte-n7aouq{flex-direction:column;align-items:center;display:flex}.stat-num.svelte-n7aouq{color:#6c63ff;font-size:2rem;font-weight:800}.stat-label.svelte-n7aouq{color:#666;font-size:.85rem}.section.svelte-n7aouq{margin-bottom:3rem}h2.svelte-n7aouq{color:#1a1a2e;border-bottom:3px solid #6c63ff;margin-bottom:1rem;padding-bottom:.4rem;font-size:1.6rem;font-weight:700}h3.svelte-n7aouq{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.section-intro.svelte-n7aouq{color:#444;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.compare-callout.svelte-n7aouq{background:#f8f9ff;border:2px solid #6c63ff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.5rem;display:flex}.compare-side.svelte-n7aouq{flex:1;min-width:200px}.compare-label.svelte-n7aouq{margin-bottom:.5rem}.major-label.svelte-n7aouq{color:#2563eb}.lydian-label.svelte-n7aouq{color:#6c63ff}.compare-arrow.svelte-n7aouq{color:#888;font-size:1.5rem;font-weight:800}.note-row.svelte-n7aouq{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.note-chip.svelte-n7aouq{color:#333;background:#e8eaf6;border-radius:6px;padding:.3rem .6rem;font-size:.9rem;font-weight:700}.natural-4.svelte-n7aouq{color:#1d4ed8;background:#dbeafe}.raised-4.svelte-n7aouq{color:#6c63ff;background:#ede9fe;outline:2px solid #6c63ff}.compare-note.svelte-n7aouq{color:#666;font-size:.9rem}.callout-box.svelte-n7aouq{background:#ede9fe;border-left:4px solid #6c63ff;border-radius:8px;margin-top:1rem;padding:1rem 1.5rem}.callout-box.svelte-n7aouq p:where(.svelte-n7aouq){color:#333;margin:0;font-size:.95rem;line-height:1.6}.position-card.svelte-n7aouq{background:#f8f9ff;border:1px solid #dde;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.position-card.svelte-n7aouq h3:where(.svelte-n7aouq){color:#6c63ff;font-size:1.15rem}.pos-desc.svelte-n7aouq{color:#555;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.sig-note-badge.svelte-n7aouq{color:#6c63ff;background:#ede9fe;border-radius:20px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.85rem;font-weight:700;display:inline-block}.tab-diagram.svelte-n7aouq{background:#fff;border:1px solid #e0e0f0;border-radius:8px;padding:1rem}.string-row.svelte-n7aouq{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.string-label.svelte-n7aouq{color:#888;text-align:right;width:16px;font-size:.85rem;font-weight:700}.fret-track.svelte-n7aouq{flex-wrap:wrap;gap:.4rem;display:flex}.fret-dot.svelte-n7aouq{color:#333;background:#e8eaf6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:inline-flex}.fret-dot.root.svelte-n7aouq{color:#fff;background:#6c63ff}.fret-dot.sig.svelte-n7aouq{color:#fff;background:#f59e0b}.tab-legend.svelte-n7aouq{color:#666;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;font-size:.82rem;display:flex}.legend-dot.svelte-n7aouq{border-radius:50%;width:14px;height:14px;display:inline-block}.legend-dot.root.svelte-n7aouq{background:#6c63ff}.legend-dot.sig.svelte-n7aouq{background:#f59e0b}.table-wrap.svelte-n7aouq{overflow-x:auto}.compare-table.svelte-n7aouq,.keys-table.svelte-n7aouq,.genre-table.svelte-n7aouq{border-collapse:collapse;width:100%;font-size:.92rem}.compare-table.svelte-n7aouq th:where(.svelte-n7aouq),.keys-table.svelte-n7aouq th:where(.svelte-n7aouq),.genre-table.svelte-n7aouq th:where(.svelte-n7aouq){color:#fff;text-align:left;background:#6c63ff;padding:.7rem .9rem;font-weight:700}.compare-table.svelte-n7aouq td:where(.svelte-n7aouq),.keys-table.svelte-n7aouq td:where(.svelte-n7aouq),.genre-table.svelte-n7aouq td:where(.svelte-n7aouq){vertical-align:top;border-bottom:1px solid #eee;padding:.65rem .9rem}.compare-table.svelte-n7aouq tr:where(.svelte-n7aouq):nth-child(2n),.keys-table.svelte-n7aouq tr:where(.svelte-n7aouq):nth-child(2n),.genre-table.svelte-n7aouq tr:where(.svelte-n7aouq):nth-child(2n){background:#f8f9ff}.sharp4-cell.svelte-n7aouq{color:#f59e0b;font-weight:700}.cards-grid.svelte-n7aouq{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.info-card.svelte-n7aouq,.tip-card.svelte-n7aouq{background:#f8f9ff;border:1px solid #dde;border-radius:10px;padding:1.2rem}.info-card.svelte-n7aouq h3:where(.svelte-n7aouq),.tip-card.svelte-n7aouq h3:where(.svelte-n7aouq){color:#6c63ff;margin-bottom:.5rem;font-size:1rem}.info-card.svelte-n7aouq p:where(.svelte-n7aouq),.tip-card.svelte-n7aouq p:where(.svelte-n7aouq){color:#555;margin:0;font-size:.92rem;line-height:1.5}.songs-grid.svelte-n7aouq{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.song-card.svelte-n7aouq{background:#f8f9ff;border:1px solid #dde;border-radius:10px;padding:1.2rem}.song-title.svelte-n7aouq{color:#1a1a2e;margin-bottom:.2rem;font-size:1rem;font-weight:800}.song-artist.svelte-n7aouq{color:#6c63ff;margin-bottom:.2rem;font-size:.9rem;font-weight:600}.song-key.svelte-n7aouq{color:#f59e0b;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.song-detail.svelte-n7aouq{color:#555;margin:0;font-size:.88rem;line-height:1.5}.tips-list.svelte-n7aouq{flex-direction:column;gap:1rem;display:flex}.tip-item.svelte-n7aouq{background:#f8f9ff;border:1px solid #dde;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;display:flex}.tip-num.svelte-n7aouq{color:#fff;background:#6c63ff;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.95rem;font-weight:800;display:flex}.tip-item.svelte-n7aouq div:where(.svelte-n7aouq){color:#444;font-size:.95rem;line-height:1.5}.tip-item.svelte-n7aouq strong:where(.svelte-n7aouq){color:#1a1a2e;margin-bottom:.25rem;display:block}.cta-section.svelte-n7aouq{background:#f0eeff;border-radius:12px;padding:2rem}.workflow-steps.svelte-n7aouq{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.workflow-step.svelte-n7aouq{flex:1;gap:.75rem;min-width:180px;display:flex}.step-num.svelte-n7aouq{color:#fff;background:#6c63ff;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.workflow-step.svelte-n7aouq div:where(.svelte-n7aouq){color:#444;font-size:.92rem;line-height:1.5}.workflow-step.svelte-n7aouq strong:where(.svelte-n7aouq){color:#1a1a2e;margin-bottom:.2rem;display:block}.workflow-step.svelte-n7aouq p:where(.svelte-n7aouq){margin:0 0 .4rem}.workflow-arrow.svelte-n7aouq{color:#6c63ff;padding-top:.4rem;font-size:1.5rem}.tool-link.svelte-n7aouq{color:#fff;background:#6c63ff;border-radius:6px;padding:.3rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.tool-link.svelte-n7aouq:hover{background:#5b54e0}.related-grid.svelte-n7aouq{flex-wrap:wrap;gap:.5rem;display:flex}.related-link.svelte-n7aouq{color:#6c63ff;background:#f0eeff;border:1px solid #d8d4ff;border-radius:20px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.related-link.svelte-n7aouq:hover{color:#fff;background:#6c63ff}.faq-list.svelte-n7aouq{flex-direction:column;gap:1.2rem;display:flex}.faq-item.svelte-n7aouq{background:#f8f9ff;border:1px solid #dde;border-radius:10px;padding:1.2rem}.faq-item.svelte-n7aouq h3:where(.svelte-n7aouq){color:#1a1a2e;margin-bottom:.5rem;font-size:1rem}.faq-item.svelte-n7aouq p:where(.svelte-n7aouq){color:#555;margin:0;font-size:.92rem;line-height:1.6}@media (width<=600px){h1.svelte-n7aouq{font-size:1.7rem}h2.svelte-n7aouq{font-size:1.3rem}.workflow-arrow.svelte-n7aouq{display:none}.compare-callout.svelte-n7aouq{flex-direction:column}}