*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,#1f2450,#0e122b),linear-gradient(135deg,#0e122b,#1b1f3a);min-height:100dvh;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}#root{width:100%;min-height:100dvh}:root{--pc-0:#ff6f6f;--pc-1:#ff8d6f;--pc-2:#ffad6f;--pc-3:#e8b84b;--pc-4:#a8cc50;--pc-5:#6bcf72;--pc-6:#6fe1c6;--pc-7:#6fd2f0;--pc-8:#6f9dff;--pc-9:#8b6dff;--pc-10:#c26dff;--pc-11:#ff6de2;--surface-1:#fff;--surface-2:#f4f5ff;--surface-3:#eef0ff;--card-border:#d9def2;--text-primary:#0c1020;--text-secondary:#7c86ac}._navigator_1wuxq_3{background:var(--surface-1,#fff);border:1px solid var(--card-border,#d9def2);-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;box-shadow:inset 0 1px #fff9,0 12px 28px #080c261f}._topRow_1wuxq_17{align-items:center;gap:10px;display:flex}._keyControl_1wuxq_23{flex-shrink:0;align-items:center;gap:0;display:flex}._navBtn_1wuxq_30{cursor:pointer;min-width:44px;min-height:44px;color:var(--text-secondary,#7c86ac);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.4rem;transition:background .15s;display:flex}._navBtn_1wuxq_30:hover{background:var(--surface-2,#f4f5ff)}._navBtn_1wuxq_30:active{background:var(--surface-3,#eef0ff)}._keyLabel_1wuxq_53{text-align:center;min-width:2.8ch;color:var(--pc-color,var(--text-primary,#0c1020));font-size:1.25rem;font-weight:700}._tensionDots_1wuxq_63{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}._tensionDot_1wuxq_63{border:1.5px solid var(--card-border,#d9def2);background:0 0;border-radius:50%;width:9px;height:9px;transition:background .2s,border-color .2s}._tensionDotActive_1wuxq_80{background:#3145ff;border-color:#3145ff}._brightnessControl_1wuxq_87{flex-shrink:0;align-items:center;gap:4px;display:flex}._brightBtn_1wuxq_94{cursor:pointer;min-width:32px;min-height:32px;color:var(--text-secondary,#7c86ac);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}._brightBtn_1wuxq_94:hover{background:var(--surface-2,#f4f5ff)}._brightnessBar_1wuxq_113{background:var(--surface-3,#eef0ff);cursor:default;border-radius:999px;width:52px;height:7px;overflow:hidden}._brightnessFill_1wuxq_122{background:linear-gradient(90deg,#6f9dff 0%,#ffad6f 100%);border-radius:999px;height:100%;transition:width .25s}._familyTabs_1wuxq_131{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:5px;padding-bottom:1px;display:flex;overflow-x:auto}._familyTabs_1wuxq_131::-webkit-scrollbar{display:none}._familyTab_1wuxq_131{background:var(--surface-2,#f4f5ff);border:1px solid var(--card-border,#d9def2);cursor:pointer;min-height:36px;color:var(--text-secondary,#7c86ac);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:5px 10px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}._familyTab_1wuxq_131:hover{background:var(--surface-3,#eef0ff);color:var(--text-primary,#0c1020)}._familyTabActive_1wuxq_164{color:#fff;background:#3145ff;border-color:#3145ff;font-weight:600}._familyTabActive_1wuxq_164:hover{background:#2538e0}._modeDrum_1wuxq_177{border:1px solid var(--card-border,#d9def2);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}._drumRow_1wuxq_185{cursor:default;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0 14px;display:flex}._drumRowAdj_1wuxq_197{background:var(--surface-2,#f4f5ff);cursor:pointer;transition:background .15s}._drumRowAdj_1wuxq_197:hover{background:var(--surface-3,#eef0ff)}._drumRowAdj_1wuxq_197:active{background:color-mix(in srgb, #3145ff 10%, var(--surface-3,#eef0ff))}._drumRowCurrent_1wuxq_211{background:var(--surface-1,#fff);border-top:1px solid var(--card-border,#d9def2);border-bottom:1px solid var(--card-border,#d9def2)}._drumAdjName_1wuxq_217{color:var(--text-secondary,#7c86ac);font-size:.85rem;font-weight:400}._drumCurrentName_1wuxq_223{color:var(--text-primary,#0c1020);font-size:.95rem;font-weight:700}._drumBrightness_1wuxq_229{color:var(--text-secondary,#7c86ac);opacity:.65;font-size:.7rem;font-weight:500}._strip_1afb0_3{background:var(--surface-1,#fff);border:1px solid var(--card-border,#d9def2);-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;box-shadow:inset 0 1px #fff9,0 12px 28px #080c261f}._tileRow_1afb0_17{gap:6px;display:flex}._tile_1afb0_17{border:1px solid var(--card-border,#d9def2);cursor:pointer;background:linear-gradient(140deg,#f7f8ff,#eef1ff);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:64px;padding:6px 4px;transition:background .12s,border-color .12s,transform 80ms;display:flex;position:relative;box-shadow:0 6px 12px #10143414}._tile_1afb0_17:hover{background:var(--surface-3,#eef0ff)}._tile_1afb0_17:active{transform:scale(.95)}._tonic_1afb0_51{border-color:#5568ff;box-shadow:0 8px 18px #5568ff33}._selected_1afb0_57{border-color:var(--pc-color);background:color-mix(in srgb, var(--pc-color) 18%, #f7f8ff);box-shadow:0 4px 12px color-mix(in srgb, var(--pc-color) 35%, transparent)}._roman_1afb0_63{color:var(--text-secondary,#7c86ac);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:600}._note_1afb0_71{color:var(--text-primary,#0c1020);font-size:1rem;font-weight:700;line-height:1}._tile_1afb0_17:after{content:"";background:var(--pc-color);opacity:.85;height:5px;box-shadow:0 3px 8px color-mix(in srgb, var(--pc-color) 55%, transparent);border-radius:999px;position:absolute;bottom:6px;left:8px;right:8px}._wrapper_412n1_3{background:var(--surface-1,#fff);border:1px solid var(--card-border,#d9def2);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff9,0 12px 28px #080c261f}._empty_412n1_13{color:var(--text-secondary,#7c86ac);text-align:center;padding:24px;font-size:.9rem}._header_412n1_22{grid-template-columns:minmax(96px, 1.4fr) repeat(var(--col-count,6), 1fr);border-bottom:1px solid var(--card-border,#e3e7fb);z-index:2;background:linear-gradient(#fdfdff,#f1f3ff);display:grid;position:sticky;top:0}._hChord_412n1_33{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#7c86ac);border-right:1px solid var(--card-border,#e3e7fb);align-items:center;padding:10px 12px;font-size:.7rem;font-weight:600;display:flex}._hDegree_412n1_46{border:none;border-right:1px solid var(--card-border,#e3e7fb);cursor:pointer;min-height:44px;color:var(--text-secondary,#7c86ac);background:0 0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:background .12s,color .12s;display:flex}._hDegree_412n1_46:last-child{border-right:none}._hDegree_412n1_46:hover{background:var(--surface-2,#f4f5ff);color:var(--text-primary,#0c1020)}._hDegreeActive_412n1_70{color:#3145ff;background:var(--surface-2,#f4f5ff);position:relative}._hDegreeActive_412n1_70:after{content:"";background:#3145ff;border-radius:1px;height:2px;position:absolute;bottom:0;left:20%;right:20%}._body_412n1_90{flex-direction:column;display:flex}._row_412n1_97{border-bottom:1px solid #e8ecff;grid-template-columns:minmax(96px,1.4fr) repeat(6,1fr);transition:background .1s;display:grid}._row_412n1_97:last-child{border-bottom:none}._rowSelected_412n1_108{background:color-mix(in srgb, var(--row-color) 10%, transparent)}._chordCell_412n1_114{background:color-mix(in srgb, var(--pc-color) 22%, #fff);cursor:pointer;text-align:left;border:none;border-right:1px solid #e6e9f5;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:52px;padding:10px 12px;transition:background .12s;display:flex;position:relative}._chordCell_412n1_114:hover{background:color-mix(in srgb, var(--pc-color) 32%, #fff)}._chordCellSelected_412n1_135{background:color-mix(in srgb, var(--pc-color) 38%, #fff)}._chordCell_412n1_114:before{content:"";background:var(--pc-color);opacity:.7;border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}._chordCellSelected_412n1_135:before{opacity:1;top:10%;bottom:10%}._romanOverlay_412n1_158{color:#0f1636a6;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700;line-height:1}._chordName_412n1_167{color:#151b36;font-size:.9rem;font-weight:700;line-height:1.1}._noteCell_412n1_176,._emptyCell_412n1_177{border-right:1px solid #e6e9f5;justify-content:center;align-items:center;min-height:52px;font-size:.78rem;font-weight:600;display:flex}._noteCell_412n1_176:last-child,._emptyCell_412n1_177:last-child{border-right:none}._noteCell_412n1_176{cursor:pointer;color:#151b36;background:0 0;border-top:none;border-bottom:none;transition:background .1s,opacity .1s}._noteCell_412n1_176:hover{background:color-mix(in srgb, var(--pc-color) 18%, #fff)}._noteCellVisible_412n1_206{opacity:1;background:color-mix(in srgb, var(--pc-color) 42%, #fff)}._noteCellGhost_412n1_212{opacity:1;background:color-mix(in srgb, var(--pc-color) 8%, #fff);color:#0f163640;pointer-events:none}._noteCellSelected_412n1_220{background:color-mix(in srgb, var(--pc-color) 58%, #fff);outline:2px solid color-mix(in srgb, var(--pc-color) 65%, #2c58ff);outline-offset:-2px;opacity:1;border-radius:4px}._emptyCell_412n1_177{background:0 0}._wrapper_emc98_3{background:var(--surface-1,#fff);border:1px solid var(--card-border,#d9def2);border-radius:14px;padding:16px;overflow:hidden;box-shadow:inset 0 1px #fff9,0 12px 28px #080c261f}._shell_emc98_13{gap:3px;width:100%;height:110px;display:flex;position:relative}._keyWhite_emc98_23{cursor:pointer;background:linear-gradient(#dde0e8 0%,#eceef3 30%,#e4e7ee 100%);border:1px solid #a6aab6;border-radius:0 0 8px 8px;flex:1;height:100%;transition:background 80ms,box-shadow 80ms;position:relative;overflow:hidden;box-shadow:0 4px 10px #1014202e,inset 0 1px #fffffff2,inset 0 0 0 1px #c6cad6}._keyWhite_emc98_23:active{background:linear-gradient(#c8ccd4 0%,#d8dbe3 100%);box-shadow:0 1px 4px #1014202e,inset 0 0 0 1px #b0b4be}._keyWhite_emc98_23._role_root_emc98_45{background:var(--pc-color);border-color:color-mix(in srgb, var(--pc-color), #000 22%);box-shadow:0 4px 10px #1014202e, inset 0 1px 0 #fff6, 0 0 0 2px color-mix(in srgb, var(--pc-color), transparent 55%)}._keyWhite_emc98_23._role_tone_emc98_53{background:color-mix(in srgb, var(--pc-color) 52%, #dde0e8);border-color:color-mix(in srgb, var(--pc-color), #a6aab6 60%)}._keyWhite_emc98_23._role_scale_emc98_57{background:color-mix(in srgb, var(--pc-color) 22%, #dde0e8);border-color:#a6aab6}._keyBlack_emc98_64{width:calc(100% / var(--white-count,14) * .62);cursor:pointer;z-index:1;background:linear-gradient(#3a3d47 0%,#1e2028 60%,#14151a 100%);border:1px solid #0d0e12;border-top:none;border-radius:0 0 5px 5px;height:63%;transition:background 80ms;position:absolute;top:0;transform:translate(-50%);box-shadow:0 5px 10px #00000073,inset 0 1px #ffffff1a,inset 0 -2px 4px #0000004d}._keyBlack_emc98_64:active{background:linear-gradient(#2a2d35 0%,#16181e 100%);box-shadow:0 2px 5px #00000073}._keyBlack_emc98_64._role_root_emc98_45{background:var(--pc-color);border-color:color-mix(in srgb, var(--pc-color), #000 35%);box-shadow:0 5px 10px #00000059, 0 0 0 2px color-mix(in srgb, var(--pc-color), transparent 50%)}._keyBlack_emc98_64._role_tone_emc98_53{background:color-mix(in srgb, var(--pc-color) 75%, #1e2028);border-color:color-mix(in srgb, var(--pc-color), #000 45%)}._keyBlack_emc98_64._role_scale_emc98_57{background:color-mix(in srgb, var(--pc-color) 42%, #1e2028);border-color:color-mix(in srgb, var(--pc-color), #000 55%)}._wrapper_142ss_3{background:var(--surface-1,#fff);border:1px solid var(--card-border,#d9def2);scrollbar-width:none;border-radius:14px;padding:12px 16px 16px;overflow-x:auto;box-shadow:inset 0 1px #fff9,0 12px 28px #080c261f}._wrapper_142ss_3::-webkit-scrollbar{display:none}._shell_142ss_18{background:linear-gradient(#dddfe6 0%,#e3e5eb 40%,#dddfe6 100%);border:1px solid #c8ccd8;border-radius:10px;width:100%;min-width:420px;padding:6px 0;position:relative;box-shadow:0 2px 8px #161a3040,inset 0 1px #fff9,inset 0 -1px #161a301a}._string_142ss_34{align-items:center;height:28px;display:flex;position:relative}._stringLine_142ss_42{background:#161a304d;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._string_142ss_34:nth-child(4) ._stringLine_142ss_42{background:#161a3047;height:1.5px}._string_142ss_34:nth-child(5) ._stringLine_142ss_42{background:#161a3052;height:2px}._string_142ss_34:nth-child(6) ._stringLine_142ss_42{background:#161a3059;height:2.5px}._fretSlot_142ss_59{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}._nut_142ss_69{background:linear-gradient(90deg,#d4cfc4,#f0ece3,#d4cfc4);border-radius:1px;width:5px;position:absolute;top:-6px;bottom:-6px;left:0;box-shadow:1px 0 2px #161a3033}._fretWire_142ss_81{background:linear-gradient(90deg,#b4b8c499,#d2d6e0e6,#b4b8c499);width:1.5px;position:absolute;top:-4px;bottom:-4px;left:0;box-shadow:0 0 1px #ffffff80}._dot_142ss_93{z-index:1;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}._dot_142ss_93:active{transform:scale(.88)}._dotOpen_142ss_113{margin-left:-4px}._role_root_142ss_118{background:var(--pc-color);outline:2px solid color-mix(in srgb, var(--pc-color), #000 30%);outline-offset:0;box-shadow:inset 0 1px 0 #ffffff59, 0 0 0 3px color-mix(in srgb, var(--pc-color) 45%, transparent), 0 2px 6px #161a3040;border-radius:4px}._role_tone_142ss_130{background:color-mix(in srgb, var(--pc-color) 72%, #e3e5eb);border-radius:50%;box-shadow:0 1px 4px #161a3033}._role_scale_142ss_137{border:2px solid var(--pc-color);opacity:.75;background:0 0;border-radius:50%;width:18px;height:18px}._role_off_142ss_146{display:none}._markerLayer_142ss_152{pointer-events:none;position:absolute;inset:0}._marker_142ss_152{left:calc(var(--marker-pos,0) / var(--fret-count,13) * 100%);top:var(--marker-y,50%);background:#505a7d38;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #161a3026}