*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#e0e0e0;background:#080809;width:100%;height:100%;font-family:SF Mono,Fira Code,monospace;overflow:hidden}button{cursor:pointer;letter-spacing:.08em;color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;padding:8px 16px;font-family:inherit;font-size:16px;transition:background .15s,border-color .15s,color .15s}button:hover{color:#fffc;background:#ffffff14;border-color:#fff3}button:active{transform:scale(.97)}button.on{color:#818cf8;background:#111827;border-color:#8b5cf666}.canvas[data-v-0ff9133b]{width:100%;height:100%;position:relative;overflow:hidden}svg[data-v-0ff9133b]{cursor:grab;width:100%;height:100%;display:block}svg[data-v-0ff9133b]:active{cursor:grabbing}.edge[data-v-0ff9133b]{stroke:#ffffff4d;stroke-width:4px}.node[data-v-0ff9133b]{cursor:pointer}.body[data-v-0ff9133b]{stroke-width:1.5px}.ring[data-v-0ff9133b]{fill:none;stroke-width:1.5px}.label-main[data-v-0ff9133b]{dominant-baseline:central;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:SF Mono,Fira Code,monospace;font-size:16px;font-weight:600}.label-sub[data-v-0ff9133b]{dominant-baseline:central;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.6;font-family:SF Mono,Fira Code,monospace;font-size:12px}.chord-display[data-v-0ff9133b]{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.chord-name[data-v-0ff9133b]{color:#ffffffd9;letter-spacing:.04em;font-size:22px;font-weight:500}.chord-notes[data-v-0ff9133b]{color:#ffffff4d;letter-spacing:.1em;font-size:11px}.fade-enter-active[data-v-0ff9133b],.fade-leave-active[data-v-0ff9133b]{transition:opacity .25s}.fade-enter-from[data-v-0ff9133b],.fade-leave-to[data-v-0ff9133b]{opacity:0}.shell[data-v-e302537a]{width:100vw;height:100vh;position:relative}.controls[data-v-e302537a]{z-index:10;gap:6px;width:200px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}