.scale-display.svelte-7unhck{background:#0a0a0a;border:1px solid #222;padding:1.25rem;max-width:100%;overflow:hidden}.scale-info-header.svelte-7unhck{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #222}.scale-info-header.svelte-7unhck h3:where(.svelte-7unhck){margin:0;font-size:12px;font-weight:600;color:#fff;letter-spacing:2px;text-transform:uppercase}.mood-badge.svelte-7unhck{padding:.25rem .5rem;background:#222!important;font-size:9px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px}.note-strip.svelte-7unhck{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:1.25rem}.note-cell.svelte-7unhck{flex:1 1 auto;min-width:40px;max-width:80px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#333;transition:all .1s ease}.note-cell.is-black.svelte-7unhck{background:#222}.note-cell.in-scale.svelte-7unhck{background:#333}.note-cell.is-root.svelte-7unhck{background:#fff}.note-cell.is-root.svelte-7unhck .note-name:where(.svelte-7unhck),.note-cell.is-root.svelte-7unhck .degree:where(.svelte-7unhck){color:#000}.note-name.svelte-7unhck{font-size:14px;font-weight:700;color:#fff}.degree.svelte-7unhck{font-size:10px;color:#ffffff80;margin-top:2px}.scale-notes-row.svelte-7unhck,.intervals-row.svelte-7unhck{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.label.svelte-7unhck{font-size:9px;color:#444;min-width:60px;text-transform:uppercase;letter-spacing:1px}.notes.svelte-7unhck{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.scale-note.svelte-7unhck{padding:.35rem .5rem;background:#333;font-size:11px;font-weight:600;color:#fff}.scale-note.root.svelte-7unhck{background:#fff;color:#000}.separator.svelte-7unhck{color:#333;font-size:12px}.intervals.svelte-7unhck{display:flex;flex-wrap:wrap;gap:4px}.interval.svelte-7unhck{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#222;font-size:10px;font-weight:700;color:#666}.interval.whole.svelte-7unhck{background:#333;color:#888}.interval.half.svelte-7unhck{background:#1a1a1a;color:#555}.interval.aug.svelte-7unhck{background:#fff;color:#000}@media(max-width:768px){.scale-display.svelte-7unhck{padding:1rem}.scale-info-header.svelte-7unhck{flex-direction:column;align-items:flex-start;gap:.5rem}.scale-info-header.svelte-7unhck h3:where(.svelte-7unhck){font-size:11px}.note-strip.svelte-7unhck{gap:3px;flex-wrap:wrap}.note-cell.svelte-7unhck{min-width:36px;height:44px}.note-name.svelte-7unhck{font-size:12px}.degree.svelte-7unhck{font-size:9px}.scale-notes-row.svelte-7unhck,.intervals-row.svelte-7unhck{flex-direction:column;align-items:flex-start;gap:.5rem}.label.svelte-7unhck{min-width:auto}.notes.svelte-7unhck{width:100%}.scale-note.svelte-7unhck{padding:.25rem .4rem;font-size:10px}.intervals.svelte-7unhck{flex-wrap:wrap}.interval.svelte-7unhck{width:22px;height:22px;font-size:9px}}