._container_7ijmc_1{flex:1;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);width:100%}._navbar_7ijmc_10{display:flex;gap:var(--space-sm)}._navbarList_7ijmc_15 ul{list-style:none;display:flex;gap:var(--space-lg)}._navLink_7ijmc_21{position:relative;color:#a0a4b8;text-decoration:none;transition:color .2s ease;padding-bottom:var(--space-sm)}._navLink_7ijmc_21:hover{color:#fff}._navLink_7ijmc_21:after{content:"";position:absolute;left:50%;bottom:0;width:4px;height:4px;background-color:var(--color-accent);border-radius:50%;transform:translate(-50%) scale(0);transition:var(--transition-fast)}._navLink_7ijmc_21._active_7ijmc_46{color:var(--color-text-primary)}._navLink_7ijmc_21._active_7ijmc_46:after{transform:translate(-50%) scale(1)}._container_gk8z3_1{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-accent);color:var(--color-text-primary);padding:var(--btn-padding);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}._container_gk8z3_1:hover{opacity:.7}._container_gk8z3_1:active{transform:translateY(1px)}._container_gk8z3_1:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff2e}._appLayout_s5u1m_1{overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-md);gap:var(--space-xl);min-height:100vh}._appHeader_s5u1m_11{position:sticky;top:0;z-index:10;flex-shrink:0;max-width:var(--content-max-width);width:100%;margin:0 auto}._appBody_s5u1m_22{display:flex;justify-content:center;align-items:center;flex:1;width:100%}._appContent_s5u1m_30{width:100%;max-width:var(--content-max-width);background-color:var(--color-bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);display:flex;flex-direction:column}._fret_1lxjx_1{position:relative;border-right:1px solid var(--color-grey-contrast);min-height:30px;width:100%}._noBorder_1lxjx_8{border-right:none}._note_1lxjx_12{position:absolute;top:var(--string-y);left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;z-index:2;background-color:var(--note-bg, var(--interval-bg, transparent));transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}._muted_1lxjx_35{--note-bg: var(--color-muted-note);opacity:.8}._focus_1lxjx_40{--note-bg: var(--color-muted-note);opacity:1;border:1.5px solid var(--color-accent)}._noBg_1lxjx_46{background-color:transparent!important;background-color:var(--note-bg, var(--interval-bg, transparent));transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}@media only screen and (max-width:640px){._note_1lxjx_12{width:25;height:25}}._stringRow_rxu16_1{position:relative;display:grid;grid-template-columns:var(--nut-width) repeat(var(--frets),minmax(var(--fret-size),1fr)) var(--eye-width);height:40px;--string-y: 50%;width:100%;min-width:max-content}._stringLine_rxu16_15{position:absolute;left:var(--nut-width);right:var(--eye-width);top:var(--string-y);background-color:var(--color-grey-contrast);transform:translateY(-50%);transition:left var(--transition-fast)}._container_cexwv_1{position:relative;max-width:100%;overflow-x:scroll;--nut-width: var(--fret-size);--eye-width: var(--fret-size);--frets: 12}._fretboard_cexwv_13{display:flex;flex-direction:column;position:relative}._fretMarkers_ta7hk_1{position:absolute;inset:0;display:grid;grid-template-columns:var(--nut-width) repeat(var(--frets),minmax(var(--fret-size),1fr)) var(--eye-width);align-items:center;pointer-events:none;transition:grid-template-columns var(--transition-fast)}._dotGroup_ta7hk_15{display:flex;justify-content:center;align-items:center}._dotGroup_ta7hk_15 span{width:20px;height:20px;background-color:#d3d3d3;border-radius:50%;opacity:.4}._doubleDot_ta7hk_30{flex-direction:column;gap:90px}._row_19i10_1{display:grid;grid-template-columns:var(--nut-width) repeat(var(--frets),minmax(var(--fret-size),1fr)) var(--eye-width);align-items:center;height:var(--box-s);margin-top:var(--space-sm);font-size:var(--font-size-xs);line-height:1;-webkit-user-select:none;user-select:none;position:relative;transition:grid-template-columns var(--transition-fast)}._cell_19i10_21{display:flex;justify-content:center;align-items:center;opacity:.8}._numberEye_19i10_28{display:flex;flex-direction:column}._wrap_18g7n_1{display:flex;flex-direction:column;gap:var(--space-md);width:100%}._row_18g7n_8{display:grid;grid-template-columns:70px 1fr;gap:var(--space-sm);align-items:center}._label_18g7n_15{font-size:var(--font-size-sm)}._rootGrid_18g7n_19{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:var(--space-sm)}._rootBtn_18g7n_26,._posBtn_18g7n_27{border:var(--border-s);background:var(--surface-1);border-radius:var(--radius-md);padding:var(--btn-padding-big);cursor:pointer}._rootBtn_18g7n_26:hover,._posBtn_18g7n_27:hover{background:var(--color-light-hover)}._active_18g7n_40{border-color:var(--color-accent)}._select_18g7n_44{width:100%;border:var(--border-s);background:var(--surface-1);border-radius:var(--radius-md);padding:var(--btn-padding-big);color:unset;min-width:100px}._posGroup_18g7n_54{display:inline-flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}@media only screen and (max-width:900px){._row_18g7n_8{display:flex;flex-direction:column;align-items:flex-start;width:100%}._rootGrid_18g7n_19{width:100%}}._panel_duzs6_1{border:var(--border-s);background:var(--surface-1);border-radius:var(--radius-md);padding:var(--space-sm);display:grid;gap:var(--space-sm)}._header_duzs6_10{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--space-sm)}._heading_duzs6_17{display:grid;gap:4px}._title_duzs6_22{margin:0;font-size:var(--font-size-md);color:var(--color-text-primary);opacity:.95}._subtitle_duzs6_29{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._actions_duzs6_35{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm);max-width:520px}._actionButton_duzs6_43{font-size:var(--font-size-sm);border:var(--border-s);background:var(--surface-1);border-radius:var(--radius-md);padding:var(--btn-padding);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}._actionButton_duzs6_43:hover{background:var(--color-light-hover)}._actionButton_duzs6_43:active{transform:translateY(1px)}._danger_duzs6_66{border:var(--border-s);border-color:var(--color-danger)}._danger_duzs6_66:hover{border-color:var(--color-danger-hover)}._grid_duzs6_75{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs) var(--space-sm)}._item_duzs6_81{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}@media(max-width:640px){._header_duzs6_10{grid-template-columns:1fr}._actions_duzs6_35{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-sm);margin:var(--space-sm) 0}._actionButton_duzs6_43{flex:1 1 calc(50% - var(--space-xs));min-width:140px}}@media(max-width:440px){._actions_duzs6_35,._grid_duzs6_75{grid-template-columns:1fr}}._legend_1gjol_1{display:flex;flex-wrap:wrap;gap:var(--space-lg);width:100%;background-color:transparent}._legendItem_1gjol_9{display:flex;align-items:center;gap:var(--space-sm)}._colorBox_1gjol_15{width:var(--box-s);height:var(--box-s);border-radius:var(--space-xs);box-shadow:var(--shadow-sm)}._label_1gjol_22{font-size:var(--font-size-xs)}._muted_1gjol_26 ._colorBox_1gjol_15{border:var(--border-s)}._triadOnly_1gjol_30{width:100%;display:flex;justify-content:space-between;align-items:center}._actionButton_1gjol_37{font-size:var(--font-size-sm);border:var(--border-s);background:var(--surface-1);border-radius:var(--radius-md);padding:var(--btn-padding);text-wrap:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}._actionButton_1gjol_37:not(._active_1gjol_52):hover{background:var(--color-light-hover)}._actionButton_1gjol_37:active{transform:translateY(1px)}._active_1gjol_52{background-color:var(--color-accent)}._active_1gjol_52:hover{opacity:.8}._container_lezmz_1{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-md);min-height:var(--stage-max-h);height:100%}._top_lezmz_12{height:100%;width:100%;display:flex;flex-direction:column;gap:var(--space-md)}._bottom_lezmz_20{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1;gap:var(--space-md)}body{font-family:var(--font-family-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}@media only screen and (max-width:640px){html{font-size:14px}}:root{--color-bg-primary: #111111;--color-bg-secondary: #1d1f20;--surface-1: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .08);--border-weak: rgba(255, 255, 255, .18);--color-light-hover: rgba(255, 255, 255, .1);--color-active-btn: rgba(255, 255, 255, .45);--color-text-primary: #ffffff;--color-text-secondary: #a0a4b8;--color-accent: #4f8cff;--color-grey-contrast: rgba(255, 255, 255, .22);--color-root-note: #ff5c5c;--color-scale-note: #4f8cff;--color-chord-note: #ffd166;--color-muted-note: #555;--color-danger: rgba(255, 92, 92, .35);--color-danger-hover: rgba(255, 92, 92, .6);--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--stage-max-h: 650px;--box-s: 20px;--fret-size: 60px;--btn-padding: 4px 8px;--btn-padding-big: 8px 10px;--content-max-width: 1400px;--radius-sm: 6px;--radius-md: 10px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .25s ease;--border-s: 1px solid var(--border-weak)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;text-align:inherit}button:focus-visible{outline:2px solid currentColor;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}.modern-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.modern-scroll:hover{scrollbar-color:rgba(255,255,255,.35) transparent}.modern-scroll::-webkit-scrollbar{width:10px;height:10px}.modern-scroll::-webkit-scrollbar-track{background:transparent}.modern-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;border:3px solid transparent;background-clip:content-box}.modern-scroll:hover::-webkit-scrollbar-thumb{background-color:#ffffff47}.modern-scroll::-webkit-scrollbar-thumb:active{background-color:#ffffff73}