.scale-explorer.svelte-13no887{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.selector-section.svelte-13no887{margin-bottom:12px}.selector-label.svelte-13no887{font-size:12px;font-weight:600;color:#888780;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.root-buttons.svelte-13no887{display:flex;flex-wrap:wrap;gap:4px}.root-buttons.svelte-13no887 button:where(.svelte-13no887){font-size:12px;font-family:inherit;background:transparent;border:1px solid #D3D1C7;border-radius:6px;padding:4px 10px;cursor:pointer;transition:background .15s;color:#2c2c2a}.root-buttons.svelte-13no887 button.sharp:where(.svelte-13no887){color:#888780;font-size:11px}.root-buttons.svelte-13no887 button:where(.svelte-13no887):hover{background:#f1efe8;border-color:#888780}.root-buttons.svelte-13no887 button.active:where(.svelte-13no887){background:#534ab7;border-color:#534ab7;color:#fff}.scale-category.svelte-13no887{margin-bottom:6px}.category-name.svelte-13no887{font-size:11px;color:#b4b2a9;display:block;margin-bottom:3px}.scale-buttons.svelte-13no887{display:flex;flex-wrap:wrap;gap:4px}.scale-buttons.svelte-13no887 button:where(.svelte-13no887){font-size:12px;font-family:inherit;background:transparent;border:1px solid #D3D1C7;border-radius:6px;padding:4px 10px;cursor:pointer;transition:background .15s;color:#2c2c2a}.scale-buttons.svelte-13no887 button:where(.svelte-13no887):hover{background:#f1efe8;border-color:#888780}.scale-buttons.svelte-13no887 button.active:where(.svelte-13no887){background:#eeedfe;border-color:#534ab7;color:#534ab7}.scale-info.svelte-13no887{background:#fafaf8;border-radius:6px;padding:10px 12px;margin-bottom:12px}.scale-header.svelte-13no887{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.scale-title.svelte-13no887{font-weight:700;font-size:16px;color:#2c2c2a}.play-btn.svelte-13no887{font-size:12px;font-family:inherit;background:#534ab7;border:none;border-radius:6px;padding:5px 14px;cursor:pointer;color:#fff;transition:opacity .15s}.play-btn.svelte-13no887:hover{opacity:.85}.play-btn.playing.svelte-13no887{background:#888780;cursor:default}.scale-desc.svelte-13no887{font-size:13px;color:#888780;margin-bottom:6px}.scale-pattern.svelte-13no887,.scale-notes-list.svelte-13no887{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:2px}.pattern-label.svelte-13no887{color:#b4b2a9;font-size:12px}.pattern-value.svelte-13no887{font-family:monospace;font-weight:600;color:#534ab7}.notes-value.svelte-13no887{font-weight:500;color:#2c2c2a}.section-label.svelte-13no887{font-size:12px;font-weight:600;color:#888780;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;margin-top:16px;border-bottom:1px solid #e5e5e5;padding-bottom:4px}.piano-wrap.svelte-13no887{overflow-x:auto;margin-bottom:8px}.piano.svelte-13no887{position:relative;display:flex;height:100px;min-width:450px}.white-key.svelte-13no887{flex:1;background:#fff;border:1px solid #D3D1C7;border-radius:0 0 4px 4px;cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;transition:background .1s;z-index:1}.white-key.svelte-13no887:hover{background:#f1efe8}.white-key.in-scale.svelte-13no887{background:#eeedfe;border-color:#534ab780}.white-key.is-root.svelte-13no887{background:#534ab7;border-color:#534ab7}.white-key.is-active.svelte-13no887{background:#3d35a0;border-color:#3d35a0}.white-key.is-root.svelte-13no887 .key-label:where(.svelte-13no887),.white-key.is-active.svelte-13no887 .key-label:where(.svelte-13no887){color:#fff}.black-key.svelte-13no887{position:absolute;width:5.5%;height:60px;background:#2c2c2a;border-radius:0 0 3px 3px;cursor:pointer;z-index:2;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background .1s}.black-key.svelte-13no887:hover{background:#555}.black-key.in-scale.svelte-13no887{background:#534ab7}.black-key.is-active.svelte-13no887{background:#3d35a0}.black-key.svelte-13no887 .key-label:where(.svelte-13no887){color:#fff;font-size:7px}.key-label.svelte-13no887{font-size:8px;font-weight:600;color:#534ab7;font-family:-apple-system,BlinkMacSystemFont,sans-serif;pointer-events:none}.fretboard-wrap.svelte-13no887{overflow-x:auto;margin-bottom:8px}.fretboard-wrap.svelte-13no887 svg:where(.svelte-13no887){width:100%;min-width:450px;height:130px}.circle-wrap.svelte-13no887{max-width:320px;margin:0 auto}.circle-wrap.svelte-13no887 svg:where(.svelte-13no887){width:100%}.hint-text.svelte-13no887{font-size:13px;color:#888780;text-align:center;margin-top:.5rem}.circle-legend.svelte-13no887{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#888780;margin-top:.75rem;justify-content:center}.legend-item.svelte-13no887{display:inline-flex;align-items:center;gap:4px}.legend-text.svelte-13no887{font-size:12px;color:#888780}.dot.svelte-13no887{width:10px;height:10px;border-radius:50%;display:inline-block}.root-dot.svelte-13no887{background:#534ab7}.scale-dot.svelte-13no887{background:#eeedfe;border:2px solid #534AB7}.out-dot.svelte-13no887{background:#f1efe8;border:1px solid #D3D1C7}