*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#111;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*{scrollbar-color:rgba(255,255,255,.25) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff73}.note-slice[data-v-043a2a1f],.note-ring[data-v-043a2a1f],.note-label[data-v-043a2a1f],.note-enter-active[data-v-043a2a1f],.note-leave-active[data-v-043a2a1f]{transition:opacity .28s ease-in-out}.note-enter-from[data-v-043a2a1f],.note-leave-to[data-v-043a2a1f]{opacity:0}.settings-panel[data-v-c4f27d1c]{width:260px;background:#1e1e1e;border-left:1px solid #333;padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;height:100%;box-sizing:border-box}.panel-header[data-v-c4f27d1c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel-title[data-v-c4f27d1c]{font-weight:700;font-size:1rem;color:#fff}.close-btn[data-v-c4f27d1c]{background:none;border:none;color:#aaa;font-size:1.1rem;cursor:pointer;padding:4px 8px}.close-btn[data-v-c4f27d1c]:hover{color:#fff}.section-label[data-v-c4f27d1c]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-top:8px}.key-grid[data-v-c4f27d1c]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.key-btn[data-v-c4f27d1c]{padding:8px 4px;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#ccc;font-size:.8rem;font-weight:600;cursor:pointer;text-align:center}.key-btn.active[data-v-c4f27d1c]{background:#1d6fd8;border-color:#1d6fd8;color:#fff}.key-btn[data-v-c4f27d1c]:hover:not(.active){background:#333}.mode-row[data-v-c4f27d1c]{display:flex;gap:6px}.mode-btn[data-v-c4f27d1c]{flex:1;padding:8px 4px;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#ccc;font-size:.75rem;font-weight:600;cursor:pointer}.mode-btn.active[data-v-c4f27d1c]{background:#1a8a42;border-color:#1a8a42;color:#fff}.mode-btn[data-v-c4f27d1c]:hover:not(.active){background:#333}.tuning-row[data-v-c4f27d1c]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tuning-btn[data-v-c4f27d1c]{padding:8px;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#ccc;font-size:.8rem;font-weight:600;cursor:pointer}.tuning-btn.active[data-v-c4f27d1c]{background:#555;border-color:#888;color:#fff}.tuning-btn[data-v-c4f27d1c]:hover:not(.active){background:#333}.cycle-toggle-btn[data-v-c4f27d1c]{padding:10px 14px;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#ccc;font-size:.8rem;font-weight:600;cursor:pointer;width:100%;text-align:left}.cycle-toggle-btn.active[data-v-c4f27d1c]{background:#5a2d91;border-color:#7b3fbf;color:#fff}.cycle-toggle-btn[data-v-c4f27d1c]:hover:not(.active){background:#333}.cs-root[data-v-70898610]{position:relative;flex-shrink:0}.cs-btn[data-v-70898610]{display:flex;align-items:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;font-family:system-ui,-apple-system,sans-serif;padding:5px 8px;cursor:pointer;white-space:nowrap;line-height:1.4}.cs-btn[data-v-70898610]:hover{background:#ffffff29}.cs-btn.open[data-v-70898610]{background:#ffffff24;border-color:#ffffff52}.cs-arrow[data-v-70898610]{font-size:.7rem;opacity:.7;transition:transform .15s}.cs-btn.open .cs-arrow[data-v-70898610]{transform:rotate(180deg)}.cs-menu[data-v-70898610]{position:absolute;bottom:calc(100% + 4px);left:0;min-width:100%;margin:0;padding:4px 0;list-style:none;background:#1e1e1e;border:1px solid rgba(255,255,255,.18);border-radius:6px;z-index:100;overflow:hidden}.cs-option[data-v-70898610]{padding:6px 12px;font-size:.8rem;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:#fff;cursor:pointer;white-space:nowrap}.cs-option[data-v-70898610]:hover{background:#ffffff1a}.cs-option.selected[data-v-70898610]{background:#ffffff24;color:#fff}.cs-drop-enter-active[data-v-70898610]{transition:opacity .12s ease,transform .12s ease}.cs-drop-leave-active[data-v-70898610]{transition:opacity .08s ease}.cs-drop-enter-from[data-v-70898610]{opacity:0;transform:translateY(4px)}.cs-drop-leave-to[data-v-70898610]{opacity:0}.app-root[data-v-65e7eb0c]{display:flex;justify-content:center;height:100svh;width:100vw;background:#111;color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;position:relative}.center-wrapper[data-v-65e7eb0c]{display:flex;flex-direction:row;align-items:stretch;height:100svh;flex-shrink:0}.fretboard-column[data-v-65e7eb0c]{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.string-toggles[data-v-65e7eb0c]{display:flex;flex-direction:row;flex-shrink:0;padding-top:10px;padding-bottom:4px}.string-btn[data-v-65e7eb0c]{display:flex;align-items:center;justify-content:center;border:none;background:none;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;border-radius:6px;flex-shrink:0;transition:color .1s}.string-btn[data-v-65e7eb0c]:hover{background:#ffffff14}.string-btn.hidden[data-v-65e7eb0c]{color:#444}.fretboard-scroll[data-v-65e7eb0c]{flex:1;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.right-controls[data-v-65e7eb0c]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:16px;margin-left:20px}.degree-sidebar[data-v-65e7eb0c]{display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .2s}.degree-btn[data-v-65e7eb0c]{display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;transition:opacity .15s}.degree-btn span[data-v-65e7eb0c]{font-size:.6rem;font-weight:700;color:#fff;pointer-events:none}.degree-btn.dimmed[data-v-65e7eb0c]{opacity:.4}.label-hidden[data-v-65e7eb0c]{color:#888!important}.menu-btn[data-v-65e7eb0c]{background:#0000008c;border:none;color:#fff;font-size:1.1rem;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-btn[data-v-65e7eb0c]:hover{background:#ffffff1f}.settings-overlay[data-v-65e7eb0c]{position:absolute;inset:0;z-index:50;display:flex;justify-content:flex-end}.overlay-backdrop[data-v-65e7eb0c]{flex:1;background:#0000008c}.settings-enter-active[data-v-65e7eb0c],.settings-leave-active[data-v-65e7eb0c]{transition:opacity .2s ease}.settings-enter-from[data-v-65e7eb0c],.settings-leave-to[data-v-65e7eb0c]{opacity:0}.cycle-bar[data-v-65e7eb0c]{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.1)}.cycle-nav-row[data-v-65e7eb0c]{display:flex;align-items:center;justify-content:center;gap:10px}.cycle-config-row[data-v-65e7eb0c]{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.cycle-chord-label[data-v-65e7eb0c]{font-size:1rem;font-weight:700;color:#fff;min-width:90px;text-align:center;letter-spacing:.04em}.cycle-btn[data-v-65e7eb0c]{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 10px;cursor:pointer;flex-shrink:0;min-width:32px;line-height:1.4}.cycle-btn[data-v-65e7eb0c]:hover{background:#ffffff29}.cycle-btn.active[data-v-65e7eb0c]{background:#50c87840;border-color:#50c8788c}.bpm-label[data-v-65e7eb0c]{font-size:.8rem;font-weight:600;color:#ccc;min-width:52px;text-align:center}