@charset "UTF-8";._handpanRenderer_1frks_127{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}._body_1frks_135{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_1frks_135{max-width:700px;min-width:400px}}@media (min-width: 1024px){._body_1frks_135{max-width:800px;min-width:500px}}._pad_1frks_159{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_1frks_159{border-width:2px;min-width:45px;min-height:45px}}._pad_1frks_159:hover{background:radial-gradient(circle at 30% 30%,#ffa07a,coral,tomato);border-color:var(--color-accent);box-shadow:0 4px 16px #ff7f5080,0 0 24px #ff7f5066,inset 0 1px 3px #ffffff4d;z-index:10;opacity:.95}._pad_1frks_159:focus{outline:3px solid var(--color-primary);outline-offset:3px;border-color:var(--color-primary)}._pad_1frks_159:active{opacity:.85}._padLabel_1frks_196{font-size:clamp(.875rem,2.5vw,1rem);font-weight:var(--font-weight-bold);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_1frks_196{font-size:clamp(1rem,3vw,1.125rem)}}._padSelected_1frks_210{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 #ff7f5066,inset 0 1px 2px #fff3}._padActive_1frks_216{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_1frks_1 .6s ease-in-out;transform:translate(-50%,-50%) scale(1.05);z-index:15}@keyframes _pulsePad_1frks_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_1frks_235{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:red;border-radius:50%;z-index:1000}._debugCircle1_1frks_247,._debugCircle2_1frks_248,._debugCircle3_1frks_249{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_1frks_247{width:30%;height:30%}._debugCircle2_1frks_248{width:50%;height:50%}._debugCircle3_1frks_249{width:70%;height:70%}._debugCrosshairH_1frks_274,._debugCrosshairV_1frks_275{position:absolute;background:#f003;z-index:999}._debugCrosshairH_1frks_274{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%)}._debugCrosshairV_1frks_275{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}._debugPadId_1frks_297{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;color:red;background:#fff;padding:2px 4px;border-radius:2px;white-space:nowrap;z-index:1001;pointer-events:none}._debugPadNote_1frks_312{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;color:#00f;background:#fff;padding:2px 4px;border-radius:2px;white-space:nowrap;z-index:1001;pointer-events:none}@media (max-width: 768px){._handpanRenderer_1frks_127{padding:var(--spacing-md)}._body_1frks_135{max-width:100%}._pad_1frks_159{border-width:2px}}._scaleInfoPanel_1lzpr_127{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_1lzpr_127{padding:var(--spacing-lg)}}._header_1lzpr_143{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._scaleHeader_1lzpr_151{flex:1}._scaleName_1lzpr_155{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-xs);font-family:var(--font-family-heading)}@media (min-width: 768px){._scaleName_1lzpr_155{font-size:var(--font-size-2xl)}}._scaleAliases_1lzpr_168{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin:0}._controls_1lzpr_175{display:flex;gap:var(--spacing-sm)}._playButton_1lzpr_180,._stopButton_1lzpr_181{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);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_1lzpr_180,._stopButton_1lzpr_181{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._playButton_1lzpr_180:hover,._stopButton_1lzpr_181:hover{background:var(--color-primary-dark);transform:translateY(-1px)}._playButton_1lzpr_180:focus,._stopButton_1lzpr_181:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playButton_1lzpr_180 svg,._stopButton_1lzpr_181 svg{flex-shrink:0}._stopButton_1lzpr_181{background:var(--color-error)}._stopButton_1lzpr_181:hover{background:#c82333}._scaleContent_1lzpr_227{display:flex;flex-direction:column;gap:var(--spacing-md)}._descriptionWrapper_1lzpr_233{display:flex;align-items:flex-start;gap:var(--spacing-xs);position:relative}._scaleDescription_1lzpr_240{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0;flex:1}._infoTooltipWrapper_1lzpr_248{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin-top:2px}._infoIcon_1lzpr_256{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_1lzpr_256:hover{color:#0d6b7d;background:#17a2b81a}._infoIcon_1lzpr_256 svg{display:block}._tooltip_1lzpr_275{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_1lzpr_275:before{content:"";position:absolute;bottom:100%;right:8px;border:6px solid transparent;border-bottom-color:var(--color-gray-900)}._infoTooltipWrapper_1lzpr_248:hover ._tooltip_1lzpr_275{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){._tooltip_1lzpr_275{right:auto;left:50%;transform:translate(-50%) translateY(-4px);min-width:200px}._tooltip_1lzpr_275:before{right:auto;left:50%;transform:translate(-50%)}._infoTooltipWrapper_1lzpr_248:hover ._tooltip_1lzpr_275{transform:translate(-50%) translateY(0)}}._scaleTags_1lzpr_325{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._scaleTag_1lzpr_325{font-size:var(--font-size-xs);padding:4px var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}._scaleNotesSection_1lzpr_340{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}._notesTitle_1lzpr_346{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}._notesList_1lzpr_353{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._noteBadge_1lzpr_359{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_1lzpr_359{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_1lzpr_359:hover{background:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-1px)}._noteBadge_1lzpr_359:focus{outline:2px solid var(--color-primary);outline-offset:2px}._noteBadge_1lzpr_359:active{transform:translateY(0)}._noteBadgeActive_1lzpr_396{background:linear-gradient(135deg,var(--color-info) 0%,#1a8a9f 100%);color:var(--color-white);font-weight:var(--font-weight-bold);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_1lzpr_1 .6s ease-in-out;z-index:10}._noteBadgeActive_1lzpr_396:hover{background:linear-gradient(135deg,var(--color-info) 0%,#1a8a9f 100%);color:var(--color-white);transform:scale(1.15)}@keyframes _pulseNote_1lzpr_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_1lzpr_422{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){._header_1lzpr_143{flex-direction:column;align-items:stretch}._scaleName_1lzpr_155{font-size:var(--font-size-xl)}}._controls_wpzjx_127{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_wpzjx_140{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}._chordName_wpzjx_149{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);white-space:nowrap}._chordNotes_wpzjx_156{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono);white-space:nowrap}._chordFormula_wpzjx_163{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;white-space:nowrap}._controlsGroup_wpzjx_170{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex-shrink:0}._modeToggle_wpzjx_178{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_wpzjx_178{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:40px}}._modeToggle_wpzjx_178:hover{border-color:var(--color-primary);background:var(--color-gray-200)}._modeToggle_wpzjx_178:focus{outline:2px solid var(--color-primary);outline-offset:2px}._modeToggleArpeggio_wpzjx_207{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}._modeToggleArpeggio_wpzjx_207:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}._modeToggleSimultaneous_wpzjx_218{background:var(--color-gray-200);color:var(--color-text-primary);border-color:var(--color-gray-400)}._speedControl_wpzjx_224{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);min-width:120px}._speedLabel_wpzjx_232{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;min-width:50px}._slider_wpzjx_240{flex:1;height:6px;border-radius:3px;background:var(--color-gray-200);outline:none;cursor:pointer;appearance:none;min-width:80px}._slider_wpzjx_240:disabled{opacity:.5;cursor:not-allowed}._slider_wpzjx_240::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all var(--transition-base)}._slider_wpzjx_240::-webkit-slider-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}._slider_wpzjx_240::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;transition:all var(--transition-base)}._slider_wpzjx_240::-moz-range-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}._slider_wpzjx_240:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playbackButtons_wpzjx_285{display:flex;gap:var(--spacing-sm)}._playButton_wpzjx_290,._stopButton_wpzjx_291{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);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_wpzjx_290,._stopButton_wpzjx_291{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._playButton_wpzjx_290:hover,._stopButton_wpzjx_291:hover{background:var(--color-primary-dark);transform:translateY(-1px)}._playButton_wpzjx_290:focus,._stopButton_wpzjx_291:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playButton_wpzjx_290 svg,._stopButton_wpzjx_291 svg{flex-shrink:0}._stopButton_wpzjx_291{background:var(--color-error)}._stopButton_wpzjx_291:hover{background:#c82333}@media (max-width: 768px){._controls_wpzjx_127{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._chordInfo_wpzjx_140{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}._controlsGroup_wpzjx_170{width:100%;flex-wrap:wrap;justify-content:space-between}._speedControl_wpzjx_224{flex:1;min-width:150px}}._chordsSection_12ki4_128{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}@media (min-width: 768px){._chordsSection_12ki4_128{gap:var(--spacing-xl)}}._chordControls_12ki4_142{width:100%;min-width:0;margin-bottom:var(--spacing-md)}._sectionTitle_12ki4_148{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}._sectionDescription_12ki4_155{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md);font-style:italic}._triadsSection_12ki4_162{width:100%;min-width:0;overflow:hidden}._triadsLegend_12ki4_168{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_12ki4_168{font-size:var(--font-size-xs);gap:var(--spacing-sm)}}._legendTonic_12ki4_183{display:flex;align-items:center;gap:var(--spacing-xs)}._legendTonic_12ki4_183:before{content:"■";color:#6366f1cc;font-size:var(--font-size-lg)}._legendRelative_12ki4_194{display:flex;align-items:center;gap:var(--spacing-xs)}._legendRelative_12ki4_194:before{content:"■";color:#eab308cc;font-size:var(--font-size-lg)}._triadsRow_12ki4_205{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_12ki4_205::-webkit-scrollbar{height:6px}._triadsRow_12ki4_205::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}._triadsRow_12ki4_205::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}._triadsRow_12ki4_205::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}._triadTile_12ki4_231{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_12ki4_231{min-width:140px;max-width:170px;padding:var(--spacing-md) var(--spacing-lg);min-height:80px}}._triadTile_12ki4_231:hover{border-color:var(--color-primary);background:var(--color-gray-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}._triadTile_12ki4_231:focus{outline:2px solid var(--color-primary);outline-offset:2px}._triadTileSelected_12ki4_268{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._triadTileSelected_12ki4_268 ._triadName_12ki4_273,._triadTileSelected_12ki4_268 ._triadNotes_12ki4_274{color:var(--color-white)}._triadTileSelected_12ki4_268:hover{background:var(--color-primary)}._triadTileTonic_12ki4_281{border-color:#6366f166;background:linear-gradient(135deg,#c7d2fe4d,#a5b4fc66);position:relative}._triadTileTonic_12ki4_281:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--border-radius-md) - 2px);background:linear-gradient(135deg,#c7d2fe26,#a5b4fc40);pointer-events:none}._triadTileTonic_12ki4_281:hover{border-color:#6366f199;background:linear-gradient(135deg,#c7d2fe66,#a5b4fc80);box-shadow:0 2px 8px #6366f126}._triadTileTonic_12ki4_281._triadTileSelected_12ki4_268{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._triadTileTonic_12ki4_281._triadTileSelected_12ki4_268:before{display:none}._triadTileTonic_12ki4_281._triadTileSelected_12ki4_268 ._triadName_12ki4_273,._triadTileTonic_12ki4_281._triadTileSelected_12ki4_268 ._triadNotes_12ki4_274{color:var(--color-white)}._triadTileTonic_12ki4_281._triadTileSelected_12ki4_268:hover{background:var(--color-primary)}._triadTileRelativeMajor_12ki4_318{border-color:#eab30866;background:linear-gradient(135deg,#fef08a4d,#fde04766);position:relative}._triadTileRelativeMajor_12ki4_318:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--border-radius-md) - 2px);background:linear-gradient(135deg,#fef08a26,#fde04740);pointer-events:none}._triadTileRelativeMajor_12ki4_318:hover{border-color:#eab30899;background:linear-gradient(135deg,#fef08a66,#fde04780)}._triadTileRelativeMajor_12ki4_318._triadTileSelected_12ki4_268{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._triadTileRelativeMajor_12ki4_318._triadTileSelected_12ki4_268:before{display:none}._triadTileRelativeMajor_12ki4_318._triadTileSelected_12ki4_268 ._triadName_12ki4_273,._triadTileRelativeMajor_12ki4_318._triadTileSelected_12ki4_268 ._triadNotes_12ki4_274{color:var(--color-white)}._triadTileRelativeMajor_12ki4_318._triadTileSelected_12ki4_268:hover{background:var(--color-primary)}._triadTileRelativeMajor_12ki4_318._triadTileTonic_12ki4_281{border-color:#6366f166;background:linear-gradient(135deg,#c7d2fe4d,#a5b4fc66)}._triadDegree_12ki4_358{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_12ki4_358{font-size:var(--font-size-sm)}}._triadName_12ki4_273{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._triadName_12ki4_273{font-size:var(--font-size-lg)}}._triadNotes_12ki4_274{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){._triadNotes_12ki4_274{font-size:var(--font-size-sm)}}._fourNoteSection_12ki4_393{width:100%;min-width:0;overflow:hidden}._chordGroups_12ki4_399{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_12ki4_399{display:flex;flex-direction:column;gap:var(--spacing-sm)}._groupTitle_12ki4_417{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_12ki4_428{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}@media (min-width: 768px){._chordGrid_12ki4_428{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}._chordItem_12ki4_439{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_12ki4_439{padding:var(--spacing-md) var(--spacing-lg);min-height:70px}}._chordItem_12ki4_439:hover{border-color:var(--color-primary);background:var(--color-gray-50);transform:translateY(-2px);box-shadow:var(--shadow-sm)}._chordItem_12ki4_439:focus{outline:2px solid var(--color-primary);outline-offset:2px}._chordItemSelected_12ki4_471{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._chordItemSelected_12ki4_471 ._chordName_12ki4_476,._chordItemSelected_12ki4_471 ._chordNotes_12ki4_477{color:var(--color-white)}._chordItemSelected_12ki4_471:hover{background:var(--color-primary)}._chordName_12ki4_476{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._chordName_12ki4_476{font-size:var(--font-size-lg)}}._chordNotes_12ki4_477{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){._chordNotes_12ki4_477{font-size:var(--font-size-base)}}._emptyMessage_12ki4_506{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){._triadsRow_12ki4_205{gap:var(--spacing-xs)}._triadTile_12ki4_231{min-width:100px;max-width:120px;padding:var(--spacing-sm)}._chordGroups_12ki4_399{max-height:400px}._chordGrid_12ki4_428{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs)}._chordItem_12ki4_439{padding:var(--spacing-xs) var(--spacing-sm)}}._handpanWidget_zk8t5_127{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-md);box-sizing:border-box;overflow:hidden}._handpanWidget_zk8t5_127,._handpanWidget_zk8t5_127 *{box-sizing:border-box}@media (min-width: 768px){._handpanWidget_zk8t5_127{padding:var(--spacing-xl)}}._header_zk8t5_144{margin-bottom:var(--spacing-md);text-align:center}@media (min-width: 768px){._header_zk8t5_144{margin-bottom:var(--spacing-xl)}}._title_zk8t5_154{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md);font-family:var(--font-family-heading)}@media (min-width: 768px){._title_zk8t5_154{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}}._selector_zk8t5_168{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%;max-width:800px;margin:0 auto}@media (min-width: 640px){._selector_zk8t5_168{grid-template-columns:2fr 1fr 1fr;align-items:end}}._selectorRow_zk8t5_183{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._selectorGrid_zk8t5_190{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){._selectorGrid_zk8t5_190{grid-template-columns:1fr 1fr}}._label_zk8t5_201{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._label_zk8t5_201{font-size:var(--font-size-lg)}}._select_zk8t5_168{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_zk8t5_168{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._select_zk8t5_168:hover{border-color:var(--color-primary)}._select_zk8t5_168:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}._select_zk8t5_168:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border)}@media (min-width: 640px){._selectCompact_zk8t5_246{max-width:120px}}._topRow_zk8t5_251{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_zk8t5_251{grid-template-columns:minmax(280px,500px) 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}}@media (min-width: 1024px){._topRow_zk8t5_251{gap:var(--spacing-2xl)}}._handpanSection_zk8t5_273{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%;min-width:0;overflow:hidden}@media (min-width: 768px){._handpanSection_zk8t5_273{min-height:500px}}@media (min-width: 1024px){._handpanSection_zk8t5_273{min-height:600px}}._scaleInfoSection_zk8t5_293,._chordsSectionWrapper_zk8t5_299{width:100%;min-width:0;overflow:hidden}._placeholder_zk8t5_305{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: #8B4513;--color-primary-light: #CD853F;--color-primary-dark: #654321;--color-secondary: #2F4F4F;--color-secondary-light: #708090;--color-secondary-dark: #1C1C1C;--color-accent: #FF7F50;--color-accent-light: #FFA07A;--color-accent-dark: #FF4500;--color-white: #FFFFFF;--color-gray-50: #F8F9FA;--color-gray-100: #F8F9FA;--color-gray-200: #E9ECEF;--color-gray-300: #DEE2E6;--color-gray-400: #CED4DA;--color-gray-500: #ADB5BD;--color-gray-600: #6C757D;--color-gray-700: #495057;--color-gray-800: #343A40;--color-gray-900: #212529;--color-black: #000000;--color-success: #28A745;--color-warning: #FFC107;--color-error: #DC3545;--color-info: #17A2B8;--font-family-primary: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-family-mono: "Fira Code", "Courier New", monospace;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--font-size-4xl: clamp(2.25rem, 1.8rem + 2.25vw, 3rem);--font-size-5xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--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: 1200px;--width-container-sm: 640px;--width-container-md: 768px;--width-container-lg: 1024px;--width-container-xl: 1200px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--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: 70px;--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-white);--color-background-secondary: var(--color-gray-100)}.chord-explorer-page[data-astro-cid-xjyedmry]{min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.chord-explorer-page[data-astro-cid-xjyedmry] .container[data-astro-cid-xjyedmry]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.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;transition:color var(--transition-base)}.breadcrumb[data-astro-cid-xjyedmry] a[data-astro-cid-xjyedmry]:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb[data-astro-cid-xjyedmry] .separator[data-astro-cid-xjyedmry]{color:var(--color-gray-400)}.chord-explorer-hero[data-astro-cid-xjyedmry]{text-align:center;padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl)}.chord-explorer-hero__title[data-astro-cid-xjyedmry]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-lg);font-family:var(--font-family-heading)}.chord-explorer-hero__description[data-astro-cid-xjyedmry]{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:800px;margin:0 auto;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)}}