.circle-ring[data-v-87c579b5]{width:var(--ring-size);height:var(--ring-size);margin:0 auto;position:relative}.circle-grid[data-v-87c579b5]{flex-wrap:wrap;gap:10px;display:flex}.circle-btn[data-v-87c579b5]{min-width:var(--circle-size);min-height:var(--circle-size);max-width:var(--circle-size);max-height:var(--circle-size);color:#ffffffe6;text-align:center;background:#232323;border:1px solid #ffffff3d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;transition:transform .2s,filter .2s;display:inline-flex}.circle-ring .circle-btn[data-v-87c579b5]{position:absolute;transform:translate(-50%,-50%)}.circle-btn[data-v-87c579b5]:hover{border-color:#44eabb8c;transform:scale(1.04)}.circle-btn[data-v-87c579b5]:active{transform:scale(.9)}.circle-ring .circle-btn[data-v-87c579b5]:hover{transform:translate(-50%,-50%)scale(1.04)}.circle-ring .circle-btn[data-v-87c579b5]:active{transform:translate(-50%,-50%)scale(.9)}.circle-btn--positive[data-v-87c579b5],.circle-btn--root[data-v-87c579b5]{color:var(--positive);background:#44eabb29;border-color:#44eabb73}.circle-btn--warning[data-v-87c579b5]{background:#ffb94029;border-color:#ffb94073}.circle-btn--info[data-v-87c579b5]{background:#78aaff24;border-color:#78aaff73}.circle-btn--active[data-v-87c579b5]{filter:brightness(1.16);background:#44eabb47;border-color:#44eabbe0;transform:scale(.9);box-shadow:0 0 0 2px #44eabb40}.circle-ring .circle-btn--active[data-v-87c579b5]{transform:translate(-50%,-50%)scale(.9)}.circle-line[data-v-87c579b5]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;font-weight:600;line-height:1.05;overflow:hidden}.circle-line--small[data-v-87c579b5]{opacity:.86;font-size:.66rem}.circle-center[data-v-87c579b5]{min-width:calc(var(--circle-size) + 10px);min-height:calc(var(--circle-size) + 10px);max-width:calc(var(--circle-size) + 10px);max-height:calc(var(--circle-size) + 10px);color:var(--positive);background:#44eabb29;border:2px solid #44eabb73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,filter .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-center[data-v-87c579b5]:hover{filter:brightness(1.08);transform:translate(-50%,-50%)scale(1.05)}.circle-center--active[data-v-87c579b5],.circle-center[data-v-87c579b5]:active{transform:translate(-50%,-50%)scale(.9)}.circle-center--active[data-v-87c579b5]{color:#ffd1d1;background:#ff787833;border-color:#ff919199}@media (width<=600px){.circle-grid[data-v-87c579b5]{gap:8px}}.same-note-scales[data-v-a8a2343b]{border:1px solid var(--border-subtle);background:var(--surface-panel);text-align:left;border-radius:20px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px;display:flex}.same-note-scales__heading[data-v-a8a2343b]{color:var(--positive);align-items:center;gap:10px;display:flex}.same-note-scales__heading h2[data-v-a8a2343b]{color:var(--text-strong);margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.same-note-scales__description[data-v-a8a2343b],.same-note-scales__empty[data-v-a8a2343b]{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.same-note-scales__notes[data-v-a8a2343b]{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.same-note-scales__notes li[data-v-a8a2343b]{background:var(--surface-control);min-width:32px;color:var(--text-default);text-align:center;border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:600}.same-note-scales__matches[data-v-a8a2343b]{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.same-note-scales__matches[data-v-a8a2343b]{grid-template-columns:repeat(2,minmax(0,1fr))}}.same-note-scales__link[data-v-a8a2343b]{border:1px solid var(--border-subtle);background:var(--surface-control);height:100%;color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.same-note-scales__link[data-v-a8a2343b]:hover{border-color:var(--positive);background:var(--surface-control-hover)}.same-note-scales__link[data-v-a8a2343b]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.same-note-scales__root[data-v-a8a2343b]{background:var(--surface-raised);height:36px;color:var(--positive);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.same-note-scales__label[data-v-a8a2343b]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.same-note-scales__name[data-v-a8a2343b]{color:var(--text-strong);overflow-wrap:anywhere;font-size:.9rem;font-weight:600;line-height:1.4}.same-note-scales__meta[data-v-a8a2343b]{color:var(--text-muted);font-size:.75rem}.scale-actions[data-v-e9949a61]{align-items:center;gap:8px;display:flex}.scale-info-page[data-v-e9949a61]{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}.identity-hero[data-v-e9949a61]{text-align:center;color:#fffc}.identity-vibe[data-v-e9949a61]{max-width:500px;margin:0 auto;font-size:1rem;line-height:1.5}.identity-tags[data-v-e9949a61]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.identity-tag[data-v-e9949a61]{border-radius:16px;padding:4px 12px;font-size:.75rem;font-weight:500}.mood-tag[data-v-e9949a61]{color:var(--positive);background:#44eabb26;border:1px solid #44eabb4d}.genre-tag[data-v-e9949a61]{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a}.similar-scales[data-v-e9949a61]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.similar-link[data-v-e9949a61]{color:var(--positive);background:#44eabb14;border-radius:8px;padding:2px 8px;font-size:.8rem;text-decoration:none}.similar-link[data-v-e9949a61]:hover{background:#44eabb33}.scale-circle-container[data-v-e9949a61]{justify-content:center;display:flex}.scale-circle-container[data-v-e9949a61] .circle-center{min-width:80px;max-width:80px;min-height:80px;max-height:80px}.scale-circle-container[data-v-e9949a61] .circle-center .circle-line{font-size:1.5rem;font-weight:700}.songwriting-tip[data-v-e9949a61]{color:#ffffffb3;text-align:center;font-size:.9rem;font-style:italic}.songwriting-guide[data-v-e9949a61]{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:8px 0;display:flex}.songwriting-step[data-v-e9949a61]{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex}.songwriting-step[data-v-e9949a61]:hover{background:#44eabb1a}.songwriting-step[data-v-e9949a61]:active{transform:scale(.97)}.step-number[data-v-e9949a61]{width:28px;height:28px;color:var(--positive);background:#44eabb33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.step-content[data-v-e9949a61]{text-align:left}.step-action[data-v-e9949a61]{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.step-chord[data-v-e9949a61]{color:var(--positive);font-size:1rem;font-weight:700}.step-label[data-v-e9949a61]{color:#fff6;font-size:.7rem}.step-arrow[data-v-e9949a61]{color:#fff3;font-size:1rem}.studio-cta[data-v-e9949a61]{background:var(--positive);color:#000;cursor:pointer;border:none;border-radius:12px;align-items:center;padding:10px 24px;font-size:.9rem;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.studio-cta[data-v-e9949a61]:hover{filter:brightness(1.1);transform:scale(1.02)}.studio-cta[data-v-e9949a61]:active{transform:scale(.98)}.scale-chord-cluster[data-v-e9949a61]{justify-content:center;display:flex}.scale-chord-cluster[data-v-e9949a61] .circle-ring{margin:0 auto}.interval-badge[data-v-e9949a61]{color:#ffffff80;margin-top:2px;font-size:.6rem;display:block}.visualization-container[data-v-e9949a61]{margin-top:1rem;overflow-x:auto}@media (width<=599px){.scale-circle-container[data-v-e9949a61] .circle-ring{transform-origin:50%;transform:scale(.85)}.songwriting-guide[data-v-e9949a61]{flex-direction:column;align-items:stretch}.step-arrow[data-v-e9949a61]{display:none}.scale-chord-cluster[data-v-e9949a61] .circle-line{font-size:.82rem}}