@charset "UTF-8";._handpanRenderer_3kvys_134{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}._body_3kvys_142{position:relative;width:100%;max-width:600px;min-width:300px;aspect-ratio:1;background:radial-gradient(circle at center,#8b4513,#654321,#3d2817 60%,#1a1a1a);border-radius:50%;box-shadow:0 0 40px #00000080,inset 0 0 60px #0000004d,inset 0 0 20px #8b451333;margin:0 auto}@media (min-width: 768px){._body_3kvys_142{max-width:700px;min-width:400px}}@media (min-width: 1024px){._body_3kvys_142{max-width:800px;min-width:500px}}._pad_3kvys_166{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,peru,#8b4513,#654321);border:3px solid #3d2817;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff1a;touch-action:manipulation}@media (max-width: 768px){._pad_3kvys_166{border-width:2px;min-width:45px;min-height:45px}}._pad_3kvys_166:hover{background:radial-gradient(circle at 30% 30%,#c9a882,#8a5a33,#5e3c21);border-color:var(--color-accent);box-shadow:0 4px 16px #8a5a3380,0 0 24px #8a5a3366,inset 0 1px 3px #ffffff4d;z-index:10;opacity:.95}._pad_3kvys_166:focus{outline:3px solid var(--color-primary);outline-offset:3px;border-color:var(--color-primary)}._pad_3kvys_166:active{opacity:.85}._padLabel_3kvys_203{font-size:clamp(.875rem,2.5vw,1rem);font-weight:var(--font-weight-medium);color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;user-select:none}@media (max-width: 768px){._padLabel_3kvys_203{font-size:clamp(1rem,3vw,1.125rem)}}._padSelected_3kvys_217{background:radial-gradient(circle at 30% 30%,var(--color-accent-light) 0%,var(--color-accent) 50%,var(--color-accent-dark) 100%);border-color:var(--color-accent-dark);box-shadow:0 2px 8px #0000004d,0 0 15px #8a5a3366,inset 0 1px 2px #fff3}._padActive_3kvys_223{background:radial-gradient(circle at 30% 30%,#4dd4e8 0%,var(--color-info) 50%,#0d6b7d 100%);border:3px solid #0d6b7d;box-shadow:0 4px 16px #17a2b899,0 0 30px #17a2b8cc,0 0 50px #17a2b866,inset 0 2px 4px #ffffff80;animation:_pulsePad_3kvys_1 .6s ease-in-out;transform:translate(-50%,-50%) scale(1.05);z-index:15}@keyframes _pulsePad_3kvys_1{0%,to{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 4px 16px #17a2b899,0 0 30px #17a2b8cc,0 0 50px #17a2b866,inset 0 2px 4px #ffffff80}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px #17a2b8cc,0 0 40px #17a2b8,0 0 70px #17a2b899,inset 0 3px 6px #fff9}}._debugCenter_3kvys_242{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:red;border-radius:50%;z-index:1000}._debugCircle1_3kvys_254,._debugCircle2_3kvys_255,._debugCircle3_3kvys_256{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,0,0,.3);border-radius:50%;z-index:999}._debugCircle1_3kvys_254{width:30%;height:30%}._debugCircle2_3kvys_255{width:50%;height:50%}._debugCircle3_3kvys_256{width:70%;height:70%}._debugCrosshairH_3kvys_281,._debugCrosshairV_3kvys_282{position:absolute;background:#f003;z-index:999}._debugCrosshairH_3kvys_281{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%)}._debugCrosshairV_3kvys_282{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}._debugPadId_3kvys_304{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;color:red;background:#fff;padding:2px 4px;border-radius:var(--radius-sm);white-space:nowrap;z-index:1001;pointer-events:none}._debugPadNote_3kvys_319{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;color:#00f;background:#fff;padding:2px 4px;border-radius:var(--radius-sm);white-space:nowrap;z-index:1001;pointer-events:none}@media (max-width: 768px){._handpanRenderer_3kvys_134{padding:var(--spacing-md)}._body_3kvys_142{max-width:100%}._pad_3kvys_166{border-width:2px}}._scaleInfoPanel_u7a7c_134{min-width:0;overflow:hidden;width:100%;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}@media (min-width: 768px){._scaleInfoPanel_u7a7c_134{padding:var(--spacing-lg)}}._header_u7a7c_150{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._scaleHeader_u7a7c_158{flex:1}._scaleName_u7a7c_162{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);color:var(--color-primary);margin:0 0 var(--spacing-xs);font-family:var(--font-family-heading)}@media (min-width: 768px){._scaleName_u7a7c_162{font-size:var(--font-size-2xl)}}._scaleAliases_u7a7c_175{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin:0}._controls_u7a7c_182{display:flex;gap:var(--spacing-sm)}._playButton_u7a7c_187,._stopButton_u7a7c_188{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-900);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);touch-action:manipulation;min-height:40px}@media (max-width: 768px){._playButton_u7a7c_187,._stopButton_u7a7c_188{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._playButton_u7a7c_187:hover,._stopButton_u7a7c_188:hover{background:var(--color-gray-800)}._playButton_u7a7c_187:focus,._stopButton_u7a7c_188:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playButton_u7a7c_187 svg,._stopButton_u7a7c_188 svg{flex-shrink:0}._stopButton_u7a7c_188{background:var(--color-error)}._stopButton_u7a7c_188:hover{background:#c82333}._scaleContent_u7a7c_233{display:flex;flex-direction:column;gap:var(--spacing-md)}._descriptionWrapper_u7a7c_239{display:flex;align-items:flex-start;gap:var(--spacing-xs);position:relative}._scaleDescription_u7a7c_246{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0;flex:1}._infoTooltipWrapper_u7a7c_254{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin-top:2px}._infoIcon_u7a7c_262{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-info);cursor:help;transition:all var(--transition-base);border-radius:50%}._infoIcon_u7a7c_262:hover{color:#0d6b7d;background:#17a2b81a}._infoIcon_u7a7c_262 svg{display:block}._tooltip_u7a7c_281{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;max-width:300px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-900);color:var(--color-white);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-base);z-index:1000;pointer-events:none}._tooltip_u7a7c_281:before{content:"";position:absolute;bottom:100%;right:8px;border:6px solid transparent;border-bottom-color:var(--color-gray-900)}._infoTooltipWrapper_u7a7c_254:hover ._tooltip_u7a7c_281{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){._tooltip_u7a7c_281{right:auto;left:50%;transform:translate(-50%) translateY(-4px);min-width:200px}._tooltip_u7a7c_281:before{right:auto;left:50%;transform:translate(-50%)}._infoTooltipWrapper_u7a7c_254:hover ._tooltip_u7a7c_281{transform:translate(-50%) translateY(0)}}._scaleTags_u7a7c_331{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._scaleTag_u7a7c_331{font-size:var(--font-size-xs);padding:4px var(--spacing-sm);background:var(--color-primary-light);color:var(--color-gray-900);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}._scaleNotesSection_u7a7c_346{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}._notesTitle_u7a7c_352{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}._notesList_u7a7c_359{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._noteBadge_u7a7c_365{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);color:var(--color-text-primary);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base);touch-action:manipulation}@media (max-width: 768px){._noteBadge_u7a7c_365{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);min-width:44px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}}._noteBadge_u7a7c_365:hover{background:var(--color-primary-light);color:var(--color-gray-900)}._noteBadge_u7a7c_365:focus{outline:2px solid var(--color-primary);outline-offset:2px}._noteBadgeActive_u7a7c_398{background:linear-gradient(135deg,var(--color-info) 0%,#1a8a9f 100%);color:var(--color-white);font-weight:var(--font-weight-medium);border:2px solid #0d6b7d;transform:scale(1.15);box-shadow:0 4px 12px #17a2b880,0 0 20px #17a2b866,inset 0 1px 3px #fff6;animation:_pulseNote_u7a7c_1 .6s ease-in-out;z-index:10}._noteBadgeActive_u7a7c_398:hover{background:linear-gradient(135deg,var(--color-info) 0%,#1a8a9f 100%);color:var(--color-white);transform:scale(1.15)}@keyframes _pulseNote_u7a7c_1{0%,to{transform:scale(1.15);box-shadow:0 4px 12px #17a2b880,0 0 20px #17a2b866,inset 0 1px 3px #fff6}50%{transform:scale(1.25);box-shadow:0 6px 16px #17a2b8b3,0 0 30px #17a2b899,inset 0 1px 4px #ffffff80}}._emptyMessage_u7a7c_424{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){._header_u7a7c_150{flex-direction:column;align-items:stretch}._scaleName_u7a7c_162{font-size:var(--font-size-xl)}}._controls_1c97f_134{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius-md);flex-wrap:wrap}._chordInfo_1c97f_147{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}._chordName_1c97f_156{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-primary);white-space:nowrap}._chordNotes_1c97f_163{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono);white-space:nowrap}._chordFormula_1c97f_170{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;white-space:nowrap}._controlsGroup_1c97f_177{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex-shrink:0}._modeToggle_1c97f_185{padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-gray-100);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;touch-action:manipulation}@media (max-width: 768px){._modeToggle_1c97f_185{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:40px}}._modeToggle_1c97f_185:hover{border-color:var(--color-primary);background:var(--color-gray-200)}._modeToggle_1c97f_185:focus{outline:2px solid var(--color-primary);outline-offset:2px}._modeToggleArpeggio_1c97f_214{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}._modeToggleArpeggio_1c97f_214:hover{background:var(--color-gray-800);border-color:var(--color-primary-dark)}._modeToggleSimultaneous_1c97f_225{background:var(--color-gray-200);color:var(--color-text-primary);border-color:var(--color-gray-400)}._speedControl_1c97f_231{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);min-width:120px}._speedLabel_1c97f_239{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;min-width:50px}._slider_1c97f_247{flex:1;height:6px;border-radius:var(--radius-sm);background:var(--color-gray-200);outline:none;cursor:pointer;appearance:none;min-width:80px}._slider_1c97f_247:disabled{opacity:.5;cursor:not-allowed}._slider_1c97f_247::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-gray-900);cursor:pointer;transition:all var(--transition-base)}._slider_1c97f_247::-webkit-slider-thumb:hover{background:var(--color-gray-800);transform:scale(1.1)}._slider_1c97f_247::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-gray-900);cursor:pointer;border:none;transition:all var(--transition-base)}._slider_1c97f_247::-moz-range-thumb:hover{background:var(--color-gray-800);transform:scale(1.1)}._slider_1c97f_247:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playbackButtons_1c97f_292{display:flex;gap:var(--spacing-sm)}._playButton_1c97f_297,._stopButton_1c97f_298{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-900);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;touch-action:manipulation}@media (max-width: 768px){._playButton_1c97f_297,._stopButton_1c97f_298{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._playButton_1c97f_297:hover,._stopButton_1c97f_298:hover{background:var(--color-gray-800)}._playButton_1c97f_297:focus,._stopButton_1c97f_298:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playButton_1c97f_297 svg,._stopButton_1c97f_298 svg{flex-shrink:0}._stopButton_1c97f_298{background:var(--color-error)}._stopButton_1c97f_298:hover{background:#c82333}@media (max-width: 768px){._controls_1c97f_134{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._chordInfo_1c97f_147{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}._controlsGroup_1c97f_177{width:100%;flex-wrap:wrap;justify-content:space-between}._speedControl_1c97f_231{flex:1;min-width:150px}}._chordsSection_14kxz_135{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}@media (min-width: 768px){._chordsSection_14kxz_135{gap:var(--spacing-xl)}}._chordControls_14kxz_149{width:100%;min-width:0;margin-bottom:var(--spacing-md)}._sectionTitle_14kxz_155{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}._sectionDescription_14kxz_162{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md);font-style:italic}._triadsSection_14kxz_169{width:100%;min-width:0;overflow:hidden}._triadsLegend_14kxz_175{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap}@media (max-width: 768px){._triadsLegend_14kxz_175{font-size:var(--font-size-xs);gap:var(--spacing-sm)}}._legendTonic_14kxz_190{display:flex;align-items:center;gap:var(--spacing-xs)}._legendTonic_14kxz_190:before{content:"■";color:#6366f1cc;font-size:var(--font-size-lg)}._legendRelative_14kxz_201{display:flex;align-items:center;gap:var(--spacing-xs)}._legendRelative_14kxz_201:before{content:"■";color:#eab308cc;font-size:var(--font-size-lg)}._triadsRow_14kxz_212{display:flex;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-xs) 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;min-width:0}._triadsRow_14kxz_212::-webkit-scrollbar{height:6px}._triadsRow_14kxz_212::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}._triadsRow_14kxz_212::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}._triadsRow_14kxz_212::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}._triadTile_14kxz_238{flex:0 0 auto;min-width:120px;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;scroll-snap-align:start;touch-action:manipulation}@media (max-width: 768px){._triadTile_14kxz_238{min-width:140px;max-width:170px;padding:var(--spacing-md) var(--spacing-lg);min-height:80px}}._triadTile_14kxz_238:hover{border-color:var(--color-primary);background:var(--color-gray-50);box-shadow:var(--shadow-md)}._triadTile_14kxz_238:focus{outline:2px solid var(--color-primary);outline-offset:2px}._triadTileSelected_14kxz_274{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-gray-900)}._triadTileSelected_14kxz_274 ._triadName_14kxz_279,._triadTileSelected_14kxz_274 ._triadNotes_14kxz_280{color:var(--color-gray-900)}._triadTileSelected_14kxz_274:hover{background:var(--color-gray-900);color:var(--color-white)}._triadTileSelected_14kxz_274:hover ._triadName_14kxz_279,._triadTileSelected_14kxz_274:hover ._triadNotes_14kxz_280,._triadTileSelected_14kxz_274:hover ._chordName_14kxz_289,._triadTileSelected_14kxz_274:hover ._chordNotes_14kxz_290{color:var(--color-white)}._triadTileTonic_14kxz_294{border-color:#6366f166;background:linear-gradient(135deg,#c7d2fe4d,#a5b4fc66);position:relative}._triadTileTonic_14kxz_294:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--border-radius-md) - 2px);background:linear-gradient(135deg,#c7d2fe26,#a5b4fc40);pointer-events:none}._triadTileTonic_14kxz_294:hover{border-color:#6366f199;background:linear-gradient(135deg,#c7d2fe66,#a5b4fc80);box-shadow:0 2px 8px #6366f126}._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-gray-900)}._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274:before{display:none}._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274 ._triadName_14kxz_279,._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274 ._triadNotes_14kxz_280{color:var(--color-gray-900)}._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274:hover{background:var(--color-gray-900);color:var(--color-white)}._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274:hover ._triadName_14kxz_279,._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274:hover ._triadNotes_14kxz_280,._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274:hover ._chordName_14kxz_289,._triadTileTonic_14kxz_294._triadTileSelected_14kxz_274:hover ._chordNotes_14kxz_290{color:var(--color-white)}._triadTileRelativeMajor_14kxz_338{border-color:#eab30866;background:linear-gradient(135deg,#fef08a4d,#fde04766);position:relative}._triadTileRelativeMajor_14kxz_338:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--border-radius-md) - 2px);background:linear-gradient(135deg,#fef08a26,#fde04740);pointer-events:none}._triadTileRelativeMajor_14kxz_338:hover{border-color:#eab30899;background:linear-gradient(135deg,#fef08a66,#fde04780)}._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-gray-900)}._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274:before{display:none}._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274 ._triadName_14kxz_279,._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274 ._triadNotes_14kxz_280{color:var(--color-gray-900)}._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274:hover{background:var(--color-gray-900);color:var(--color-white)}._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274:hover ._triadName_14kxz_279,._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274:hover ._triadNotes_14kxz_280,._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274:hover ._chordName_14kxz_289,._triadTileRelativeMajor_14kxz_338._triadTileSelected_14kxz_274:hover ._chordNotes_14kxz_290{color:var(--color-white)}._triadTileRelativeMajor_14kxz_338._triadTileTonic_14kxz_294{border-color:#6366f166;background:linear-gradient(135deg,#c7d2fe4d,#a5b4fc66)}._triadDegree_14kxz_385{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-family:var(--font-family-serif, serif);font-style:italic}@media (max-width: 768px){._triadDegree_14kxz_385{font-size:var(--font-size-sm)}}._triadName_14kxz_279{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._triadName_14kxz_279{font-size:var(--font-size-lg)}}._triadNotes_14kxz_280{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){._triadNotes_14kxz_280{font-size:var(--font-size-sm)}}._fourNoteSection_14kxz_420{width:100%;min-width:0;overflow:hidden}._chordGroups_14kxz_426{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-sm);width:100%;min-width:0}._chordGroup_14kxz_426{display:flex;flex-direction:column;gap:var(--spacing-sm)}._groupTitle_14kxz_444{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}._chordGrid_14kxz_455{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}@media (min-width: 768px){._chordGrid_14kxz_455{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}._chordItem_14kxz_466{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;min-width:0;touch-action:manipulation}@media (max-width: 768px){._chordItem_14kxz_466{padding:var(--spacing-md) var(--spacing-lg);min-height:70px}}._chordItem_14kxz_466:hover{border-color:var(--color-primary);background:var(--color-gray-50);box-shadow:var(--shadow-sm)}._chordItem_14kxz_466:focus{outline:2px solid var(--color-primary);outline-offset:2px}._chordItemSelected_14kxz_497{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-gray-900)}._chordItemSelected_14kxz_497 ._chordName_14kxz_289,._chordItemSelected_14kxz_497 ._chordNotes_14kxz_290{color:var(--color-gray-900)}._chordItemSelected_14kxz_497:hover{background:var(--color-gray-900);color:var(--color-white)}._chordItemSelected_14kxz_497:hover ._triadName_14kxz_279,._chordItemSelected_14kxz_497:hover ._triadNotes_14kxz_280,._chordItemSelected_14kxz_497:hover ._chordName_14kxz_289,._chordItemSelected_14kxz_497:hover ._chordNotes_14kxz_290{color:var(--color-white)}._chordName_14kxz_289{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._chordName_14kxz_289{font-size:var(--font-size-lg)}}._chordNotes_14kxz_290{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){._chordNotes_14kxz_290{font-size:var(--font-size-base)}}._emptyMessage_14kxz_539{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){._triadsRow_14kxz_212{gap:var(--spacing-xs)}._triadTile_14kxz_238{min-width:100px;max-width:120px;padding:var(--spacing-sm)}._chordGroups_14kxz_426{max-height:400px}._chordGrid_14kxz_455{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs)}._chordItem_14kxz_466{padding:var(--spacing-xs) var(--spacing-sm)}}._handpanWidget_1w8z3_134{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-md);box-sizing:border-box;overflow:hidden}._handpanWidget_1w8z3_134,._handpanWidget_1w8z3_134 *{box-sizing:border-box}@media (min-width: 768px){._handpanWidget_1w8z3_134{padding:var(--spacing-xl)}}._header_1w8z3_151{margin-bottom:var(--spacing-md);text-align:center}@media (min-width: 768px){._header_1w8z3_151{margin-bottom:var(--spacing-xl)}}._title_1w8z3_161{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);color:var(--color-primary);margin-bottom:var(--spacing-md);font-family:var(--font-family-heading)}@media (min-width: 768px){._title_1w8z3_161{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}}._selector_1w8z3_175{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%;max-width:800px;margin:0 auto}@media (min-width: 640px){._selector_1w8z3_175{grid-template-columns:2fr 1fr 1fr;align-items:end}}._selectorRow_1w8z3_190{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._selectorGrid_1w8z3_197{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){._selectorGrid_1w8z3_197{grid-template-columns:1fr 1fr}}._label_1w8z3_208{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._label_1w8z3_208{font-size:var(--font-size-lg)}}._select_1w8z3_175{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);width:100%}@media (max-width: 768px){._select_1w8z3_175{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._select_1w8z3_175:hover{border-color:var(--color-primary)}._select_1w8z3_175:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}._select_1w8z3_175:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border)}@media (min-width: 640px){._selectCompact_1w8z3_253{max-width:120px}}._topRow_1w8z3_258{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);align-items:start;width:100%;min-width:0;margin-bottom:var(--spacing-md)}@media (min-width: 768px){._topRow_1w8z3_258{grid-template-columns:minmax(280px,500px) 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}}@media (min-width: 1024px){._topRow_1w8z3_258{gap:var(--spacing-2xl)}}._handpanSection_1w8z3_280{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%;min-width:0;overflow:hidden}@media (min-width: 768px){._handpanSection_1w8z3_280{min-height:500px}}@media (min-width: 1024px){._handpanSection_1w8z3_280{min-height:600px}}._scaleInfoSection_1w8z3_300,._chordsSectionWrapper_1w8z3_306{width:100%;min-width:0;overflow:hidden}._placeholder_1w8z3_312{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);background:var(--color-gray-50);border-radius:var(--border-radius-md)}:root{--color-primary: #8a5a33;--color-primary-light: #c9a882;--color-primary-dark: #5e3c21;--color-secondary: #5e6b54;--color-secondary-light: #7a8770;--color-secondary-dark: #1a1511;--color-accent: #211b16;--color-accent-light: #e5ddd2;--color-accent-dark: #5e3c21;--color-white: #fffdfa;--color-gray-50: #f7f3ed;--color-gray-100: #efe9e0;--color-gray-200: #e5ddd2;--color-gray-300: #d8cec0;--color-gray-400: #bfb3a2;--color-gray-500: #7a6e5e;--color-gray-600: #5f544b;--color-gray-700: #453d35;--color-gray-800: #302923;--color-gray-900: #211b16;--color-black: #14100c;--color-success: #5e6b54;--color-success-dark: #47523f;--color-warning: #a8752a;--color-error: #9c3b2e;--color-info: #5f6b74;--font-family-primary: "Work Sans", system-ui, -apple-system, sans-serif;--font-family-heading: "Newsreader", Georgia, "Times New Roman", serif;--font-family-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--font-size-xs: clamp(.6875rem, .66rem + .14vw, .75rem);--font-size-sm: clamp(.8125rem, .79rem + .11vw, .875rem);--font-size-base: clamp(.9375rem, .91rem + .14vw, 1rem);--font-size-lg: clamp(1.0625rem, 1.02rem + .23vw, 1.1875rem);--font-size-xl: clamp(1.1875rem, 1.11rem + .34vw, 1.375rem);--font-size-2xl: clamp(1.4375rem, 1.28rem + .8vw, 1.75rem);--font-size-3xl: clamp(1.75rem, 1.4rem + 1.75vw, 2.375rem);--font-size-4xl: clamp(2.125rem, 1.6rem + 2.6vw, 2.875rem);--font-size-5xl: clamp(2.5rem, 1.7rem + 4vw, 4rem);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 500;--font-weight-bold: 500;--font-weight-extrabold: 600;--line-height-tight: 1.12;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--line-height-loose: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--width-full: 100%;--width-screen: 100vw;--width-container: 1240px;--width-container-sm: 640px;--width-container-md: 768px;--width-container-lg: 1024px;--width-container-xl: 1240px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--radius-none: 0;--radius-sm: 2px;--radius-base: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-xl: 2px;--radius-2xl: 2px;--radius-3xl: 2px;--radius-full: 9999px;--shadow-sm: 0 0 0 1px rgba(33, 27, 22, .1);--shadow-base: 0 0 0 1px rgba(33, 27, 22, .12);--shadow-md: 0 0 0 1px rgba(33, 27, 22, .2);--shadow-lg: 0 0 0 1px rgba(33, 27, 22, .24);--shadow-xl: 0 2px 8px rgba(33, 27, 22, .08), 0 0 0 1px rgba(33, 27, 22, .1);--shadow-2xl: 0 12px 32px rgba(33, 27, 22, .18);--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-base: .24s cubic-bezier(.4, 0, .2, 1);--transition-normal: .24s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--header-height: 76px;--footer-height: 200px;--max-width: var(--width-container);--spacing-xs: var(--space-2);--spacing-sm: var(--space-3);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--spacing-4xl: var(--space-20);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-radius-full: var(--radius-full);--font-size-md: var(--font-size-base);--font-size-xxl: var(--font-size-2xl);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-surface: var(--color-white);--color-border: var(--color-gray-300);--color-background: var(--color-gray-50);--color-background-secondary: var(--color-gray-100);--color-hairline: rgba(33, 27, 22, .14);--color-hairline-strong: rgba(33, 27, 22, .24);--color-focus: var(--color-gray-900);--color-focus-inverse: var(--color-white)}.chord-explorer-page[data-astro-cid-xjyedmry]{min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:var(--spacing-2xl) 0;background:var(--color-gray-50)}.breadcrumb[data-astro-cid-xjyedmry]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb[data-astro-cid-xjyedmry] a[data-astro-cid-xjyedmry]{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-base),border-color var(--transition-base)}.breadcrumb[data-astro-cid-xjyedmry] a[data-astro-cid-xjyedmry]:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.breadcrumb[data-astro-cid-xjyedmry] .separator[data-astro-cid-xjyedmry]{color:var(--color-gray-400)}.chord-explorer-hero[data-astro-cid-xjyedmry]{text-align:left;padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-hairline)}.chord-explorer-hero__title[data-astro-cid-xjyedmry]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-light);color:var(--color-gray-900);margin-bottom:var(--spacing-lg);font-family:var(--font-family-heading)}@media (min-width: 768px){.chord-explorer-hero__title[data-astro-cid-xjyedmry]{font-size:var(--font-size-5xl)}}.chord-explorer-hero__description[data-astro-cid-xjyedmry]{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:56ch;line-height:var(--line-height-relaxed)}.chord-explorer-widget-section[data-astro-cid-xjyedmry]{padding:var(--spacing-xl) 0;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-base);margin-bottom:var(--spacing-2xl)}@media (max-width: 768px){.chord-explorer-hero__title[data-astro-cid-xjyedmry]{font-size:var(--font-size-3xl)}.chord-explorer-hero__description[data-astro-cid-xjyedmry]{font-size:var(--font-size-lg)}}