:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--surface:#fff;--border:#e2e2e2;--text:#1c1c1c;--muted:#777;--accent:#3b6ef5;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--surface:#202020;--border:#333;--text:#f0f0f0;--muted:#8a8a8a;--accent:#6c93ff}}body{margin:0}.stepper[data-v-571a0e78]{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.arrow[data-v-571a0e78]{padding:.2rem .5rem;font-size:.7rem}.arrow[data-v-571a0e78]:disabled{opacity:.3;cursor:default}.piano[data-v-1f55dec0]{width:100%}.white[data-v-1f55dec0]{fill:#fff;stroke:#555;stroke-width:.03px}.black[data-v-1f55dec0]{fill:#222}.dot[data-v-1f55dec0]{fill:var(--accent);stroke:#fff;stroke-width:.04px}.fading[data-v-1f55dec0]{animation:linear forwards fade-out-1f55dec0}@keyframes fade-out-1f55dec0{to{opacity:0}}main[data-v-8ce08614]{box-sizing:border-box;flex-direction:column;gap:1rem;height:100dvh;padding:1rem;display:flex;overflow:hidden}.chords[data-v-8ce08614]{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;min-height:0;margin:0;padding:0;list-style:none;display:grid}.chord[data-v-8ce08614]{background:var(--surface);border:1px solid var(--border);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow:hidden}.chord.playing[data-v-8ce08614]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.chord-button[data-v-8ce08614]{background:0 0;border:none;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:0;display:flex}.chord-button.selected[data-v-8ce08614]{flex:none}.detail[data-v-8ce08614]{flex-direction:column;flex:0 auto;align-items:center;gap:.5rem;width:100%;max-width:32rem;min-height:0;display:flex}.detail-piano[data-v-8ce08614]{min-height:0}.full-piano[data-v-8ce08614]{flex:none}.bpm[data-v-8ce08614]{width:4rem;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.3rem .4rem}.name[data-v-8ce08614]{font-size:clamp(3rem,12vw,8rem);font-weight:700;line-height:1}.numeral[data-v-8ce08614]{color:var(--muted);font-size:1.5rem}footer[data-v-8ce08614]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;font-size:.9rem;display:flex}button[data-v-8ce08614]{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.4rem 1rem}button[data-v-8ce08614]:hover{border-color:var(--muted)}label[data-v-8ce08614]{cursor:pointer;align-items:center;gap:.4rem;display:flex}