._fretboard_12qbe_1{display:flex;flex-direction:column;background:linear-gradient(180deg,#2a1810,#1a0f0a);border-radius:8px;padding:20px;gap:2px;overflow-x:auto}._fretMarkers_12qbe_11{display:flex;height:24px;margin-bottom:8px}._markerSpacer_12qbe_17{width:60px;flex-shrink:0}._markerCell_12qbe_22{flex:1;min-width:60px;display:flex;justify-content:center;align-items:center}._marker_12qbe_17{display:flex;gap:8px}._dot_12qbe_35{width:10px;height:10px;background:#4a3728;border-radius:50%}._string_12qbe_42{display:flex;align-items:center;height:36px;position:relative}._string_12qbe_42:after{content:"";position:absolute;left:60px;right:0;height:2px;background:linear-gradient(90deg,#d4a574,#b8956a,#a68460);pointer-events:none;z-index:0}._string_12qbe_42:nth-child(2):after{height:2px}._string_12qbe_42:nth-child(3):after{height:2.5px}._string_12qbe_42:nth-child(4):after{height:3px}._string_12qbe_42:nth-child(5):after{height:3.5px}._string_12qbe_42:nth-child(6):after{height:4px}._string_12qbe_42:nth-child(7):after{height:4.5px}._dimmedString_12qbe_67{opacity:.15}._detectionMode_12qbe_72 ._fret_12qbe_1,._detectionMode_12qbe_72 ._nut_12qbe_73{cursor:pointer}._detectionMode_12qbe_72 ._fret_12qbe_1:hover:after,._detectionMode_12qbe_72 ._nut_12qbe_73[data-note]:hover:after{content:attr(data-note);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff4d;font-size:10px;pointer-events:none;z-index:1;white-space:nowrap}._detectionNote_12qbe_91{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f59e0b;color:#000;font-size:10px;font-weight:700;cursor:pointer;box-shadow:0 0 8px #f59e0b99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36px;padding:0 2px}._nut_12qbe_73{width:60px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background:beige;border-right:4px solid #2c2c2c;height:100%;z-index:1}._openNote_12qbe_125{font-size:10px;color:#333;font-weight:600;white-space:nowrap}._fret_12qbe_1{flex:1;min-width:60px;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}._fretWire_12qbe_143{position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,silver,gray,silver)}._note_12qbe_152{min-width:28px;height:28px;padding:0 6px;border-radius:14px;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700;color:#000;z-index:2;box-shadow:0 2px 4px #0000004d;white-space:nowrap}._rootNote_12qbe_169{border-radius:4px}._chordTone_12qbe_174{border:2px solid #fff;box-shadow:0 2px 4px #0006}._bassNote_12qbe_180{border:3px solid #fff;box-shadow:0 2px 4px #0000004d,0 0 8px #ffffff80}._fretNumbers_12qbe_185{display:flex;margin-top:8px}._numberSpacer_12qbe_190{width:60px;flex-shrink:0}._fretNumber_12qbe_185{flex:1;min-width:60px;text-align:center;font-size:12px;color:#666}._label_12qbe_204{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}._compact_12qbe_214{padding:12px 20px;opacity:.85}._compact_12qbe_214 ._fretMarkers_12qbe_11{height:16px;margin-bottom:4px}._compact_12qbe_214 ._dot_12qbe_35{width:6px;height:6px}._compact_12qbe_214 ._string_12qbe_42{height:24px}._compact_12qbe_214 ._nut_12qbe_73{width:40px}._compact_12qbe_214 ._string_12qbe_42:after{left:40px}._compact_12qbe_214 ._markerSpacer_12qbe_17,._compact_12qbe_214 ._numberSpacer_12qbe_190{width:40px}._compact_12qbe_214 ._fret_12qbe_1,._compact_12qbe_214 ._markerCell_12qbe_22{min-width:50px}._compact_12qbe_214 ._note_12qbe_152{min-width:20px;height:20px;padding:0 4px;font-size:8px}._compact_12qbe_214 ._rootNote_12qbe_169{border-radius:3px}._compact_12qbe_214 ._openNote_12qbe_125{font-size:10px}._compact_12qbe_214 ._fretNumbers_12qbe_185{margin-top:4px}._compact_12qbe_214 ._fretNumber_12qbe_185{min-width:50px;font-size:10px}._section_6gwn7_1{border:1px solid #333;border-radius:8px;overflow:hidden;background:#1a1a1a}._header_6gwn7_8{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:#252525;border:none;cursor:pointer;transition:background-color .2s}._header_6gwn7_8:hover{background:#2a2a2a}._title_6gwn7_24{font-size:14px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}._chevron_6gwn7_32{font-size:10px;color:#888;transition:transform .2s}._chevron_6gwn7_32._open_6gwn7_38{transform:rotate(180deg)}._content_6gwn7_42{padding:16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #333}._controls_11mgn_5{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}._label_11mgn_12{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa}._select_11mgn_20{background:#2a2a2a;border:1px solid #3d3d3d;border-radius:4px;color:#e0e0e0;padding:6px 10px;font-size:13px;cursor:pointer}._select_11mgn_20:hover{border-color:#555}._keyLabel_11mgn_34{font-size:14px;font-weight:600;color:#e0e0e0;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #2d2d2d}._progressionsList_11mgn_43{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:240px;overflow-y:auto;padding-right:8px;margin-bottom:16px}._progressionCard_11mgn_53{background:#2a2a2a;border-radius:6px;padding:10px 12px;cursor:pointer;border:2px solid transparent;transition:all .15s}._progressionCard_11mgn_53:hover{background:#333;border-color:#444}._progressionCard_11mgn_53._selected_11mgn_67{border-color:#ef4444;background:#ef44441a}._progressionNumerals_11mgn_72{font-size:14px;font-weight:500;color:#888;font-family:monospace}._progressionNumerals_11mgn_72 ._borrowed_11mgn_79{color:#a855f7}._progressionDesc_11mgn_83{font-size:11px;color:#666;margin-top:4px;font-style:italic}._selectedProgression_11mgn_90{background:#252525;border-radius:8px;padding:16px;border:1px solid #3d3d3d}._selectedHeader_11mgn_97{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}._selectedHint_11mgn_104{font-size:11px;color:#666}._chordsDisplay_11mgn_109{display:flex;gap:12px;flex-wrap:wrap}._chordColumn_11mgn_115{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:12px 16px;background:#2a2a2a;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .15s}._chordColumn_11mgn_115:hover{background:#333;transform:translateY(-2px)}._chordColumn_11mgn_115._activeChord_11mgn_133{border-color:#ef4444;background:#ef444426}._chordColumn_11mgn_115._borrowedChord_11mgn_138{background:#a855f71a}._chordColumn_11mgn_115._borrowedChord_11mgn_138._activeChord_11mgn_133{border-color:#a855f7;background:#a855f733}._chordNumeral_11mgn_147{font-size:12px;font-weight:600;color:#888;margin-bottom:4px;font-family:monospace}._chordName_11mgn_155{font-size:18px;font-weight:700;color:#fff;margin-bottom:2px}._chordColumn_11mgn_115._activeChord_11mgn_133 ._chordName_11mgn_155{color:#ef4444}._chordColumn_11mgn_115._borrowedChord_11mgn_138 ._chordNumeral_11mgn_147,._chordColumn_11mgn_115._borrowedChord_11mgn_138._activeChord_11mgn_133 ._chordName_11mgn_155{color:#a855f7}._chordQuality_11mgn_174{font-size:10px;color:#666;text-transform:uppercase}._progressionsList_11mgn_43::-webkit-scrollbar{width:6px}._progressionsList_11mgn_43::-webkit-scrollbar-track{background:#1e1e1e;border-radius:3px}._progressionsList_11mgn_43::-webkit-scrollbar-thumb{background:#444;border-radius:3px}._progressionsList_11mgn_43::-webkit-scrollbar-thumb:hover{background:#555}._clearButton_11mgn_199{padding:4px 10px;font-size:11px;background:#333;color:#888;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background .2s,color .2s;align-self:center}._clearButton_11mgn_199:hover{background:#404040;color:#e0e0e0}._overlay_akst1_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}._modal_akst1_15{background:#1a1a2e;border-radius:12px;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid #333}._header_akst1_27{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;flex-shrink:0}._title_akst1_36{margin:0;font-size:1.5rem;color:#fff}._closeButton_akst1_42{background:none;border:none;color:#888;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}._closeButton_akst1_42:hover{color:#fff}._content_akst1_57{padding:24px;overflow-y:auto;flex:1}._intro_akst1_63{color:#aaa;margin:0 0 24px;line-height:1.5}._section_akst1_69{margin-bottom:28px}._sectionTitle_akst1_73{color:#fbbf24;font-size:1.1rem;margin:0 0 12px;font-weight:600}._table_akst1_80{width:100%;border-collapse:collapse;font-size:.9rem}._table_akst1_80 th{text-align:left;color:#888;font-weight:500;padding:8px 12px;border-bottom:1px solid #333}._table_akst1_80 td{padding:10px 12px;border-bottom:1px solid #262633}._table_akst1_80 tr:last-child td{border-bottom:none}._table_akst1_80 tr:hover td{background:#ffffff08}._nameCell_akst1_107{color:#ccc;width:35%}._weUseCell_akst1_112{color:#4ade80;font-weight:600;font-family:SF Mono,Consolas,monospace;width:20%}._altCell_akst1_119{color:#888;font-family:SF Mono,Consolas,monospace}._notes_akst1_124{background:#ffffff08;border-radius:8px;padding:16px 20px;margin-top:24px}._notes_akst1_124 ul{margin:0;padding-left:20px;color:#aaa;line-height:1.8}._notes_akst1_124 li strong{color:#ccc}@media (max-width: 600px){._modal_akst1_15{max-height:90vh}._header_akst1_27,._content_akst1_57{padding:16px}._table_akst1_80{font-size:.8rem}._table_akst1_80 th,._table_akst1_80 td{padding:8px}._nameCell_akst1_107{width:30%}._weUseCell_akst1_112{width:25%}}._player_1j410_1{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:6px;margin-top:10px}._transport_1j410_12{display:flex;align-items:center;gap:10px}._playButton_1j410_18{width:30px;height:30px;background:#ef4444;border:none;border-radius:50%;cursor:pointer;font-size:11px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;padding:0 0 0 2px}._playButton_1j410_18:hover{background:#dc2626}._playButton_1j410_18:active{background:#b91c1c}._progressTrack_1j410_39{flex:1;height:4px;background:#333;border-radius:2px;cursor:pointer;transition:height .1s}._progressTrack_1j410_39:hover{height:6px}._progressFill_1j410_50{height:100%;background:#ef4444;border-radius:2px;pointer-events:none}._time_1j410_57{font-size:11px;color:#666;font-family:monospace;flex-shrink:0;min-width:60px;text-align:right}._key_1j410_66{font-size:11px;color:#888;flex-shrink:0}._practiceButtons_1j410_74{display:flex;gap:8px}._practiceButton_1j410_74{padding:5px 12px;font-size:11px;background:#1a2a3a;color:#7dd3fc;border:1px solid #2a4a6a;border-radius:4px;cursor:pointer;transition:background .15s}._practiceButton_1j410_74:hover{background:#1e3a4a;border-color:#3a6a8a}._practiceActive_1j410_95{display:flex;align-items:center;justify-content:space-between;gap:12px}._practiceInfo_1j410_102{font-size:12px;color:#7dd3fc;font-weight:500;letter-spacing:.02em}._stopButton_1j410_109{padding:4px 10px;font-size:11px;background:#3a1a1a;color:#f87171;border:1px solid #5a2d2d;border-radius:4px;cursor:pointer;transition:background .15s;flex-shrink:0}._stopButton_1j410_109:hover{background:#4a2020;border-color:#7a3d3d}._controls_qewyq_1{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}._topSection_qewyq_9{padding:16px;background:#1e1e1e;border-radius:8px}._topRow_qewyq_15{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}._group_qewyq_23{display:flex;align-items:center;gap:16px;flex-wrap:wrap}._sections_qewyq_31{display:flex;flex-direction:column;gap:8px}._sectionContent_qewyq_38{display:flex;flex-wrap:wrap;gap:16px;align-items:center}._label_qewyq_46{display:flex;align-items:center;gap:8px;font-size:14px;color:#e0e0e0}._select_qewyq_54{padding:8px 12px;font-size:14px;background:#2d2d2d;color:#e0e0e0;border:1px solid #404040;border-radius:4px;cursor:pointer;min-width:140px}._selectSmall_qewyq_65{padding:8px 12px;font-size:14px;background:#2d2d2d;color:#e0e0e0;border:1px solid #404040;border-radius:4px;cursor:pointer;min-width:70px}._select_qewyq_54:hover,._selectSmall_qewyq_65:hover{border-color:#555}._select_qewyq_54:focus,._selectSmall_qewyq_65:focus{outline:none;border-color:#3b82f6}._select_qewyq_54 option,._selectSmall_qewyq_65 option{background:#2d2d2d;color:#e0e0e0}._select_qewyq_54:disabled,._selectSmall_qewyq_65:disabled{opacity:.5;cursor:not-allowed}._checkboxLabel_qewyq_100{display:flex;align-items:center;gap:6px;font-size:13px;color:#b0b0b0;cursor:pointer;-webkit-user-select:none;user-select:none}._checkboxLabel_qewyq_100._disabled_qewyq_110{opacity:.4;cursor:not-allowed}._checkbox_qewyq_100{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}._checkbox_qewyq_100:disabled{cursor:not-allowed}._resetButton_qewyq_127{padding:8px 16px;font-size:14px;font-weight:500;background:#404040;color:#e0e0e0;border:1px solid #555;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}._resetButton_qewyq_127:hover{background:#505050;border-color:#666}._resetButton_qewyq_127:active{background:#383838}._hint_qewyq_149{font-size:11px;color:#666;font-style:italic}._intervalCheckboxes_qewyq_156{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px 16px;width:100%}._intervalCheckbox_qewyq_156{display:flex;align-items:center;gap:6px;font-size:13px;color:#b0b0b0;cursor:pointer;-webkit-user-select:none;user-select:none}._intervalCheckbox_qewyq_156:hover{color:#e0e0e0}._clearButton_qewyq_178{padding:6px 12px;font-size:12px;background:#333;color:#999;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background .2s,color .2s}._clearButton_qewyq_178:hover{background:#404040;color:#e0e0e0}._sectionResetButton_qewyq_195{padding:4px 10px;font-size:11px;background:#333;color:#888;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background .2s,color .2s;margin-left:auto}._sectionResetButton_qewyq_195:hover{background:#404040;color:#e0e0e0}._detectButton_qewyq_213{padding:8px 16px;font-size:14px;font-weight:500;background:#2a2a1a;color:#b8a040;border:1px solid #4a4020;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}._detectButton_qewyq_213:hover{background:#3a3a20;border-color:#6a6030}._detectButtonActive_qewyq_230{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b80}._detectButtonActive_qewyq_230:hover{background:#f59e0b38}._guideButton_qewyq_240{padding:8px 16px;font-size:14px;font-weight:500;background:#2d4a3e;color:#a3e4c1;border:1px solid #3d6b54;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}._guideButton_qewyq_240:hover{background:#3d5a4e;border-color:#4d7b64}._guideButton_qewyq_240:active{background:#1d3a2e}._keyReference_1y7t3_1{background:#1e1e1e;border-radius:8px;padding:16px 20px;margin-bottom:20px}._title_1y7t3_8{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}._keyRow_1y7t3_17{display:flex;align-items:center;gap:16px;margin-bottom:12px}._keyRow_1y7t3_17:last-child{margin-bottom:0}._keyLabel_1y7t3_28{width:80px;font-size:13px;font-weight:600;color:#e0e0e0;flex-shrink:0}._chordsContainer_1y7t3_36{display:flex;gap:8px;flex-wrap:wrap}._chordColumn_1y7t3_42{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 8px;background:#2a2a2a;border-radius:6px}._romanNumeral_1y7t3_52{font-size:11px;font-weight:500;color:#888;margin-bottom:2px}._chordSymbol_1y7t3_59{font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px}._major_1y7t3_67{color:#ef4444;background:#ef444426}._minor_1y7t3_72{color:#3b82f6;background:#3b82f626}._diminished_1y7t3_77{color:#facc15;background:#facc1526}._augmented_1y7t3_82{color:#22c55e;background:#22c55e26}._clickable_1y7t3_88{cursor:pointer;transition:transform .15s,box-shadow .15s}._clickable_1y7t3_88:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}._selected_1y7t3_98{outline:2px solid #fff;outline-offset:2px}._hint_1y7t3_103{font-weight:400;font-size:10px;color:#666;text-transform:none;letter-spacing:normal}._scaleReference_exsyd_1{background:#1e1e1e;border-radius:8px;padding:16px 20px;margin-bottom:20px}._header_exsyd_8{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._title_exsyd_15{font-size:14px;font-weight:700;color:#e0e0e0}._formula_exsyd_21{font-size:12px;font-weight:500;color:#888;font-family:monospace;background:#2a2a2a;padding:4px 8px;border-radius:4px}._notesContainer_exsyd_31{display:flex;gap:8px;flex-wrap:wrap}._noteColumn_exsyd_37{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:8px 10px;background:#2a2a2a;border-radius:6px;border:2px solid transparent}._noteColumn_exsyd_37._chordTone_exsyd_48{border-color:#ef4444;background:#ef44441a}._degree_exsyd_53{font-size:10px;font-weight:600;color:#666;margin-bottom:4px}._noteName_exsyd_60{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}._interval_exsyd_67{font-size:11px;font-weight:500;color:#888}._noteColumn_exsyd_37._chordTone_exsyd_48 ._noteName_exsyd_60,._noteColumn_exsyd_37._chordTone_exsyd_48 ._interval_exsyd_67{color:#ef4444}._legend_exsyd_81{margin-top:12px;display:flex;gap:16px}._legendItem_exsyd_87{display:flex;align-items:center;gap:6px;font-size:11px;color:#666}._chordToneIndicator_exsyd_95{width:12px;height:12px;border-radius:3px;border:2px solid #ef4444;background:#ef44441a}._container_464fw_1{background:#1e1e1e;border-radius:8px;padding:16px 20px;margin-top:20px}._header_464fw_8{display:flex;align-items:center;gap:12px;margin-bottom:16px}._title_464fw_15{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0}._chordLabel_464fw_24{font-size:14px;font-weight:600;color:#e0e0e0;text-transform:capitalize}._voicingsGrid_464fw_31{display:flex;flex-wrap:wrap;gap:20px}._diagram_464fw_37{display:flex;flex-direction:column;align-items:center;background:#2a2a2a;border-radius:8px;padding:12px;min-width:100px}._chordName_464fw_47{font-size:11px;color:#888;margin-bottom:8px;text-align:center;display:flex;align-items:center;gap:6px}._cagedBadge_464fw_57{font-size:9px;font-weight:700;color:#000;padding:2px 4px;border-radius:3px}._grid_464fw_65{position:relative}._fretIndicator_464fw_69{position:absolute;left:-24px;top:28px;font-size:10px;color:#666}._nut_464fw_77{width:100%;height:4px;background:#e0e0e0;border-radius:2px;margin-bottom:2px}._noNut_464fw_85{background:transparent;border-top:2px solid #444}._stringIndicators_464fw_90{display:flex;justify-content:space-between;padding:0 2px;margin-bottom:2px}._stringIndicator_464fw_90{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#888}._fretboard_464fw_107{position:relative}._fretRow_464fw_111{display:flex;position:relative;height:20px}._fretCell_464fw_117{width:14px;position:relative;display:flex;align-items:center;justify-content:center}._stringLine_464fw_125{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#555;transform:translate(-50%)}._finger_464fw_135{width:10px;height:10px;border-radius:50%;background:#ef4444;position:relative;z-index:1}._fretWire_464fw_144{position:absolute;bottom:0;left:0;right:0;height:2px;background:#666}._container_1c89s_1{display:flex;flex-direction:column;align-items:center;padding:20px;background:#1e1e1e;border-radius:8px;margin-top:20px}._title_1c89s_11{margin:0 0 16px;font-size:16px;font-weight:600;color:#e0e0e0}._svg_1c89s_18{display:block}._segment_1c89s_22{cursor:pointer;transition:opacity .2s}._segment_1c89s_22:hover{opacity:.85}._keySegment_1c89s_32{fill:#2d4a6d;stroke:#1e1e1e;stroke-width:2;transition:fill .2s}._keySegment_1c89s_32:hover{fill:#3d5a7d}._keySegment_1c89s_32._selected_1c89s_43{fill:#3b82f6}._sharpsSegment_1c89s_48{fill:#4a5c3a;stroke:#1e1e1e;stroke-width:2;transition:fill .2s}._sharpsSegment_1c89s_48:hover{fill:#5a6c4a}._sharpsSelected_1c89s_59{fill:#22c55e}._flatsSegment_1c89s_64{fill:#5c4a3a;stroke:#1e1e1e;stroke-width:2;transition:fill .2s}._flatsSegment_1c89s_64:hover{fill:#6c5a4a}._flatsSelected_1c89s_75{fill:#f59e0b}._minorSegment_1c89s_80{fill:#4a3a5c;stroke:#1e1e1e;stroke-width:2;transition:fill .2s}._minorSegment_1c89s_80:hover{fill:#5a4a6c}._minorSelected_1c89s_91{fill:#a855f7}._keyLabel_1c89s_96{fill:#c0d0e0;font-size:14px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}._enharmonicLabel_1c89s_106{font-size:11px;font-weight:400;fill:#90a0b0}._sharpsLabel_1c89s_112{fill:#b0d0a0;font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}._flatsLabel_1c89s_122{fill:#e0c0a0;font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}._minorLabel_1c89s_132{fill:#c0b0d0;font-size:12px;font-weight:500;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}._selectedLabel_1c89s_142{fill:#fff}._centerCircle_1c89s_146{fill:#121212;stroke:#404040;stroke-width:2}._legend_1c89s_153{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12px;color:#888;justify-content:center}._legendItem_1c89s_163{display:flex;align-items:center;gap:6px}._keyDot_1c89s_169{width:12px;height:12px;border-radius:2px;background:#2d4a6d}._sharpsDot_1c89s_176{width:12px;height:12px;border-radius:2px;background:#4a5c3a}._flatsDot_1c89s_183{width:12px;height:12px;border-radius:2px;background:#5c4a3a}._minorDot_1c89s_190{width:12px;height:12px;border-radius:2px;background:#4a3a5c}._panel_11ssl_1{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}._header_11ssl_11{display:flex;align-items:center;justify-content:space-between}._title_11ssl_17{font-size:13px;font-weight:600;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase}._clearButton_11ssl_25{padding:3px 10px;font-size:11px;background:#333;color:#888;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}._clearButton_11ssl_25:hover{background:#404040;color:#e0e0e0}._hint_11ssl_41{font-size:12px;color:#555;margin:0}._notes_11ssl_47{display:flex;gap:6px;flex-wrap:wrap}._noteChip_11ssl_53{padding:3px 9px;background:#2a2a2a;border:1px solid #444;border-radius:12px;font-size:12px;color:#ccc}._results_11ssl_62{display:flex;gap:8px;flex-wrap:wrap;align-items:center}._match_11ssl_69{padding:5px 14px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:6px;font-size:14px;font-weight:600;color:#f59e0b}._partialMatch_11ssl_79{padding:5px 14px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:6px;font-size:13px;color:#a0784a}._partialMatch_11ssl_79 em{font-size:11px;font-style:italic}._noMatch_11ssl_93{font-size:12px;color:#555;margin:0}._app_1kbmu_1{min-height:100vh;background:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}._header_1kbmu_8{padding:24px;text-align:center;background:#1e1e1e;border-bottom:1px solid #2d2d2d}._title_1kbmu_15{margin:0;font-size:28px;font-weight:700;color:#fff}._subtitle_1kbmu_22{margin:8px 0 0;font-size:14px;color:#888}._main_1kbmu_28{max-width:1200px;margin:0 auto;padding:24px}._footer_1kbmu_34{text-align:center;padding:24px;color:#fff;font-size:12px;background:#1e1e1e;border-top:1px solid #2d2d2d;margin-top:40px}*{box-sizing:border-box}body{margin:0;padding:0;background:#121212}