.harmony-explorer.svelte-bwmwdn{margin:1.5rem 0}.control-section.svelte-bwmwdn{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.control-label.svelte-bwmwdn{font-size:13px;font-weight:600;color:#888780}.root-buttons.svelte-bwmwdn{display:flex;flex-wrap:wrap;gap:4px}.root-buttons.svelte-bwmwdn button:where(.svelte-bwmwdn){font-size:12px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:4px 10px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a}.root-buttons.svelte-bwmwdn button:where(.svelte-bwmwdn):hover{background:#f1efe8;border-color:#888780}.root-buttons.svelte-bwmwdn button.active:where(.svelte-bwmwdn){background:#eeedfe;border-color:#534ab7;color:#534ab7}.key-display.svelte-bwmwdn{font-weight:700;font-size:16px;color:#2c2c2a}.degrees-grid.svelte-bwmwdn{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:16px}.degree-card.svelte-bwmwdn{border:1.5px solid #e5e5e5;border-radius:8px;padding:10px 8px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;border-top:3px solid var(--func-color)}.degree-card.svelte-bwmwdn:hover{border-color:var(--func-color);background:color-mix(in srgb,var(--func-color) 5%,white)}.degree-card.active.svelte-bwmwdn{background:color-mix(in srgb,var(--func-color) 12%,white);border-color:var(--func-color);transform:scale(1.03)}.degree-roman.svelte-bwmwdn{font-size:18px;font-weight:700;color:#2c2c2a;margin-bottom:2px}.degree-name.svelte-bwmwdn{font-size:14px;font-weight:600;color:#2c2c2a;margin-bottom:4px}.degree-notes.svelte-bwmwdn{font-size:11px;color:#888780;margin-bottom:4px}.degree-func.svelte-bwmwdn{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.diagrams-toggle.svelte-bwmwdn{font-size:11px;font-family:inherit;background:transparent;border:1px dashed #B4B2A9;border-radius:6px;padding:4px 12px;cursor:pointer;color:#888780;transition:background .15s,color .15s,border-color .15s;margin-bottom:10px}.diagrams-toggle.svelte-bwmwdn:hover{background:#eeedfe;color:#534ab7;border-color:#534ab7;border-style:solid}.diagrams-row.svelte-bwmwdn{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0;margin-bottom:10px;border-top:1px solid #f0f0ec;border-bottom:1px solid #f0f0ec}.func-legend.svelte-bwmwdn{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:10px 12px;background:#fafaf8;border-radius:8px}.func-item.svelte-bwmwdn{display:flex;align-items:center;gap:6px;font-size:13px}.func-dot.svelte-bwmwdn{width:10px;height:10px;border-radius:50%;flex-shrink:0}.func-name.svelte-bwmwdn{font-weight:600}.func-desc.svelte-bwmwdn{color:#888780}.section-title.svelte-bwmwdn{font-size:13px;font-weight:600;color:#888780;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.progressions.svelte-bwmwdn{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.prog-row.svelte-bwmwdn{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:8px;flex-wrap:wrap}.prog-info.svelte-bwmwdn{flex:1;min-width:150px}.prog-name.svelte-bwmwdn{font-weight:600;font-size:14px;color:#2c2c2a;display:block}.prog-desc.svelte-bwmwdn{font-size:12px;color:#888780}.prog-chords.svelte-bwmwdn{display:flex;gap:4px}.prog-chord.svelte-bwmwdn{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--func-color) 10%,white);color:var(--func-color);border:1px solid color-mix(in srgb,var(--func-color) 30%,white)}.prog-play.svelte-bwmwdn{font-size:14px;background:none;border:1.5px solid #534AB7;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#534ab7;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;font-family:inherit}.prog-play.svelte-bwmwdn:hover{background:#eeedfe}.build-hint.svelte-bwmwdn{font-size:12px;color:#b4b2a9;margin-bottom:8px}.build-buttons.svelte-bwmwdn{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.build-add.svelte-bwmwdn{font-size:12px;font-family:inherit;background:transparent;border:1px solid color-mix(in srgb,var(--func-color) 40%,#e5e5e5);border-radius:8px;padding:4px 10px;cursor:pointer;color:var(--func-color);transition:background .15s}.build-add.svelte-bwmwdn:hover{background:color-mix(in srgb,var(--func-color) 8%,white)}.user-prog.svelte-bwmwdn{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid #534AB7;border-radius:8px;flex-wrap:wrap;background:#fafaf8}.user-prog-chords.svelte-bwmwdn{display:flex;gap:6px;flex-wrap:wrap;flex:1}.user-chord.svelte-bwmwdn{font-size:14px;font-weight:600;padding:4px 12px;border-radius:8px;background:color-mix(in srgb,var(--func-color) 12%,white);color:var(--func-color);border:1.5px solid var(--func-color);cursor:pointer;position:relative;transition:opacity .15s}.user-chord.svelte-bwmwdn:hover{opacity:.7}.remove-x.svelte-bwmwdn{font-size:10px;margin-left:4px;opacity:0;transition:opacity .15s}.user-chord.svelte-bwmwdn:hover .remove-x:where(.svelte-bwmwdn){opacity:1}.user-prog-actions.svelte-bwmwdn{display:flex;gap:6px}.play-btn.svelte-bwmwdn{font-size:13px;font-family:inherit;background:#534ab7;border:none;border-radius:8px;padding:6px 16px;cursor:pointer;color:#fff;font-weight:500;transition:opacity .15s}.play-btn.svelte-bwmwdn:hover{opacity:.85}.clear-btn.svelte-bwmwdn{font-size:12px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:5px 12px;cursor:pointer;color:#888780;transition:background .15s}.clear-btn.svelte-bwmwdn:hover{background:#f1efe8}.harmony-quiz.svelte-1m6zj1v{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.quiz-header.svelte-1m6zj1v{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.mode-buttons.svelte-1m6zj1v{display:flex;gap:4px}.mode-buttons.svelte-1m6zj1v button:where(.svelte-1m6zj1v){font-size:12px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:5px 12px;cursor:pointer;color:#2c2c2a;transition:background .15s}.mode-buttons.svelte-1m6zj1v button:where(.svelte-1m6zj1v):hover{background:#f1efe8}.mode-buttons.svelte-1m6zj1v button.active:where(.svelte-1m6zj1v){background:#eeedfe;border-color:#534ab7;color:#534ab7}.score.svelte-1m6zj1v{font-size:18px;font-weight:700;color:#534ab7;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.feedback.svelte-1m6zj1v{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:12px;text-align:center}.feedback.correct.svelte-1m6zj1v{background:#e8f5e9;color:#1d9e75}.feedback.wrong.svelte-1m6zj1v{background:#fce4ec;color:#c44b6c}.question.svelte-1m6zj1v{margin-bottom:12px}.q-text.svelte-1m6zj1v{font-size:15px;color:#2c2c2a;margin-bottom:8px}.listen-btn.svelte-1m6zj1v{font-size:13px;font-family:inherit;background:#534ab7;border:none;border-radius:8px;padding:6px 16px;cursor:pointer;color:#fff;transition:opacity .15s}.listen-btn.svelte-1m6zj1v:hover{opacity:.85}.answers.svelte-1m6zj1v{display:flex;flex-wrap:wrap;gap:6px}.answer-btn.svelte-1m6zj1v{font-size:14px;font-family:inherit;background:#fafaf8;border:1.5px solid #e5e5e5;border-radius:8px;padding:8px 16px;cursor:pointer;color:#2c2c2a;font-weight:500;transition:background .15s,border-color .15s}.answer-btn.svelte-1m6zj1v:hover{background:#eeedfe;border-color:#534ab7}.answer-btn.wide.svelte-1m6zj1v{min-width:140px}.prog-display.svelte-1m6zj1v{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.prog-slot.svelte-1m6zj1v{font-size:18px;font-weight:700;color:#2c2c2a;padding:4px 12px;background:#fafaf8;border:1.5px solid #e5e5e5;border-radius:8px}.prog-slot.missing.svelte-1m6zj1v{color:#c44b6c;border-color:#c44b6c;background:#fce4ec;min-width:40px;text-align:center}.prog-arrow.svelte-1m6zj1v{color:#b4b2a9;font-size:16px}