._container_12bze_8{max-width:100%;margin:0 auto;padding:16px}._backLink_12bze_14{display:inline-block;margin-bottom:12px;color:#6366f1;text-decoration:none;font-size:.85rem}._backLink_12bze_14:hover{text-decoration:underline}._pageBanner_12bze_26{margin-bottom:12px}._bannerTitle_12bze_30{margin:0;font-size:1.4rem;font-weight:700;color:#111827}._bannerSub_12bze_37{margin:4px 0 0;font-size:.85rem;color:#6b7280}._keyNav_12bze_45{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}._keyNavItem_12bze_52{padding:4px 10px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;font-size:.8rem;text-decoration:none;white-space:nowrap}._keyNavItem_12bze_52:hover{background:#eef2ff;border-color:#a5b4fc}._controls_12bze_70{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px;padding:10px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}._controlGroup_12bze_82{display:flex;align-items:center;gap:8px}._controlLabel_12bze_88{font-size:.85rem;font-weight:600;color:#374151}._toggleBtn_12bze_94{padding:4px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.8rem;transition:all .15s}._toggleBtn_12bze_94:hover{background:#f3f4f6}._toggleBtnActive_12bze_108{background:#3b82f6;color:#fff;border-color:#3b82f6}._toggleBtnActive_12bze_108:hover{background:#3b82f6}._scaleSlider_12bze_121{width:120px;min-width:0}._keyBlock_12bze_128{margin-bottom:24px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fdf6f7;scroll-margin-top:12px}._keyTitle_12bze_138{margin:0 0 10px;font-size:.9rem;font-weight:600;color:#6b7280}._keyTitleName_12bze_145{font-size:1.25rem;font-weight:700;color:#be123c;margin-left:6px}._chordRow_12bze_153{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:10px}._chordRow_12bze_153:last-child{margin-bottom:0}._chordGroup_12bze_165{display:flex;flex-wrap:wrap;gap:4px}._chordItem_12bze_171{display:flex;flex-direction:column;align-items:center}._degreeLabel_12bze_177{font-size:.7rem;font-weight:700;color:#9f1239;line-height:1.2;text-align:center;overflow-wrap:anywhere;min-height:1.2em;margin-bottom:2px}._diagramBox_12bze_189{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f3f4f6;border-radius:4px;padding:2px;width:100%}._naCell_12bze_200{font-size:.7rem;color:#9ca3af;padding:12px 0}._footNote_12bze_208{margin-top:20px;font-size:.85rem;color:#6b7280}._footLink_12bze_214{color:#6366f1;text-decoration:none}._footLink_12bze_214:hover{text-decoration:underline}._topLinks_12bze_225{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}._topLinks_12bze_225>a{margin-bottom:0}._chordItemLink_12bze_238{color:inherit;text-decoration:none;cursor:pointer;border-radius:4px}._chordItemLink_12bze_238:hover ._diagramBox_12bze_189{border-color:#be123c;box-shadow:0 0 0 1px #be123c}._chordItemLink_12bze_238:hover ._degreeLabel_12bze_177{text-decoration:underline}._diagramBox_12bze_189{flex-direction:column}._degreeLabel_12bze_177 a{color:inherit;text-decoration:none}._degreeLabel_12bze_177 a:hover{text-decoration:underline}