@charset "UTF-8";._handpanRenderer_1o1y2_133{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}._body_1o1y2_141{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_1o1y2_141{max-width:700px;min-width:400px}}@media (min-width: 1024px){._body_1o1y2_141{max-width:800px;min-width:500px}}._pad_1o1y2_165{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_1o1y2_165{border-width:2px;min-width:45px;min-height:45px}}._pad_1o1y2_165: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_1o1y2_165:focus{outline:3px solid var(--color-primary);outline-offset:3px;border-color:var(--color-primary)}._pad_1o1y2_165:active{opacity:.85}._padLabel_1o1y2_202{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_1o1y2_202{font-size:clamp(1rem,3vw,1.125rem)}}._padSelected_1o1y2_216{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_1o1y2_222{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_1o1y2_1 .6s ease-in-out;transform:translate(-50%,-50%) scale(1.05);z-index:15}@keyframes _pulsePad_1o1y2_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_1o1y2_241{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:red;border-radius:50%;z-index:1000}._debugCircle1_1o1y2_253,._debugCircle2_1o1y2_254,._debugCircle3_1o1y2_255{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_1o1y2_253{width:30%;height:30%}._debugCircle2_1o1y2_254{width:50%;height:50%}._debugCircle3_1o1y2_255{width:70%;height:70%}._debugCrosshairH_1o1y2_280,._debugCrosshairV_1o1y2_281{position:absolute;background:#f003;z-index:999}._debugCrosshairH_1o1y2_280{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%)}._debugCrosshairV_1o1y2_281{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}._debugPadId_1o1y2_303{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_1o1y2_318{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_1o1y2_133{padding:var(--spacing-md)}._body_1o1y2_141{max-width:100%}._pad_1o1y2_165{border-width:2px}}._scaleInfoPanel_1a6n4_133{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_1a6n4_133{padding:var(--spacing-lg)}}._header_1a6n4_149{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._scaleHeader_1a6n4_157{flex:1}._scaleName_1a6n4_161{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_1a6n4_161{font-size:var(--font-size-2xl)}}._scaleAliases_1a6n4_174{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin:0}._controls_1a6n4_181{display:flex;gap:var(--spacing-sm)}._playButton_1a6n4_186,._stopButton_1a6n4_187{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_1a6n4_186,._stopButton_1a6n4_187{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._playButton_1a6n4_186:hover,._stopButton_1a6n4_187:hover{background:var(--color-primary-dark);transform:translateY(-1px)}._playButton_1a6n4_186:focus,._stopButton_1a6n4_187:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playButton_1a6n4_186 svg,._stopButton_1a6n4_187 svg{flex-shrink:0}._stopButton_1a6n4_187{background:var(--color-error)}._stopButton_1a6n4_187:hover{background:#c82333}._scaleContent_1a6n4_233{display:flex;flex-direction:column;gap:var(--spacing-md)}._descriptionWrapper_1a6n4_239{display:flex;align-items:flex-start;gap:var(--spacing-xs);position:relative}._scaleDescription_1a6n4_246{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0;flex:1}._infoTooltipWrapper_1a6n4_254{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin-top:2px}._infoIcon_1a6n4_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_1a6n4_262:hover{color:#0d6b7d;background:#17a2b81a}._infoIcon_1a6n4_262 svg{display:block}._tooltip_1a6n4_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_1a6n4_281:before{content:"";position:absolute;bottom:100%;right:8px;border:6px solid transparent;border-bottom-color:var(--color-gray-900)}._infoTooltipWrapper_1a6n4_254:hover ._tooltip_1a6n4_281{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){._tooltip_1a6n4_281{right:auto;left:50%;transform:translate(-50%) translateY(-4px);min-width:200px}._tooltip_1a6n4_281:before{right:auto;left:50%;transform:translate(-50%)}._infoTooltipWrapper_1a6n4_254:hover ._tooltip_1a6n4_281{transform:translate(-50%) translateY(0)}}._scaleTags_1a6n4_331{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._scaleTag_1a6n4_331{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_1a6n4_346{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}._notesTitle_1a6n4_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_1a6n4_359{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._noteBadge_1a6n4_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_1a6n4_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_1a6n4_365:hover{background:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-1px)}._noteBadge_1a6n4_365:focus{outline:2px solid var(--color-primary);outline-offset:2px}._noteBadge_1a6n4_365:active{transform:translateY(0)}._noteBadgeActive_1a6n4_402{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_1a6n4_1 .6s ease-in-out;z-index:10}._noteBadgeActive_1a6n4_402:hover{background:linear-gradient(135deg,var(--color-info) 0%,#1a8a9f 100%);color:var(--color-white);transform:scale(1.15)}@keyframes _pulseNote_1a6n4_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_1a6n4_428{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){._header_1a6n4_149{flex-direction:column;align-items:stretch}._scaleName_1a6n4_161{font-size:var(--font-size-xl)}}._controls_1wwdo_133{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_1wwdo_146{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}._chordName_1wwdo_155{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);white-space:nowrap}._chordNotes_1wwdo_162{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono);white-space:nowrap}._chordFormula_1wwdo_169{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;white-space:nowrap}._controlsGroup_1wwdo_176{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);flex-shrink:0}._modeToggle_1wwdo_184{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_1wwdo_184{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:40px}}._modeToggle_1wwdo_184:hover{border-color:var(--color-primary);background:var(--color-gray-200)}._modeToggle_1wwdo_184:focus{outline:2px solid var(--color-primary);outline-offset:2px}._modeToggleArpeggio_1wwdo_213{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}._modeToggleArpeggio_1wwdo_213:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}._modeToggleSimultaneous_1wwdo_224{background:var(--color-gray-200);color:var(--color-text-primary);border-color:var(--color-gray-400)}._speedControl_1wwdo_230{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);min-width:120px}._speedLabel_1wwdo_238{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;min-width:50px}._slider_1wwdo_246{flex:1;height:6px;border-radius:3px;background:var(--color-gray-200);outline:none;cursor:pointer;appearance:none;min-width:80px}._slider_1wwdo_246:disabled{opacity:.5;cursor:not-allowed}._slider_1wwdo_246::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all var(--transition-base)}._slider_1wwdo_246::-webkit-slider-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}._slider_1wwdo_246::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;transition:all var(--transition-base)}._slider_1wwdo_246::-moz-range-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}._slider_1wwdo_246:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playbackButtons_1wwdo_291{display:flex;gap:var(--spacing-sm)}._playButton_1wwdo_296,._stopButton_1wwdo_297{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_1wwdo_296,._stopButton_1wwdo_297{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._playButton_1wwdo_296:hover,._stopButton_1wwdo_297:hover{background:var(--color-primary-dark);transform:translateY(-1px)}._playButton_1wwdo_296:focus,._stopButton_1wwdo_297:focus{outline:2px solid var(--color-primary);outline-offset:2px}._playButton_1wwdo_296 svg,._stopButton_1wwdo_297 svg{flex-shrink:0}._stopButton_1wwdo_297{background:var(--color-error)}._stopButton_1wwdo_297:hover{background:#c82333}@media (max-width: 768px){._controls_1wwdo_133{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._chordInfo_1wwdo_146{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}._controlsGroup_1wwdo_176{width:100%;flex-wrap:wrap;justify-content:space-between}._speedControl_1wwdo_230{flex:1;min-width:150px}}._chordsSection_1a10e_134{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}@media (min-width: 768px){._chordsSection_1a10e_134{gap:var(--spacing-xl)}}._chordControls_1a10e_148{width:100%;min-width:0;margin-bottom:var(--spacing-md)}._sectionTitle_1a10e_154{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}._sectionDescription_1a10e_161{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md);font-style:italic}._triadsSection_1a10e_168{width:100%;min-width:0;overflow:hidden}._triadsLegend_1a10e_174{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_1a10e_174{font-size:var(--font-size-xs);gap:var(--spacing-sm)}}._legendTonic_1a10e_189{display:flex;align-items:center;gap:var(--spacing-xs)}._legendTonic_1a10e_189:before{content:"■";color:#6366f1cc;font-size:var(--font-size-lg)}._legendRelative_1a10e_200{display:flex;align-items:center;gap:var(--spacing-xs)}._legendRelative_1a10e_200:before{content:"■";color:#eab308cc;font-size:var(--font-size-lg)}._triadsRow_1a10e_211{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_1a10e_211::-webkit-scrollbar{height:6px}._triadsRow_1a10e_211::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}._triadsRow_1a10e_211::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}._triadsRow_1a10e_211::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}._triadTile_1a10e_237{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_1a10e_237{min-width:140px;max-width:170px;padding:var(--spacing-md) var(--spacing-lg);min-height:80px}}._triadTile_1a10e_237:hover{border-color:var(--color-primary);background:var(--color-gray-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}._triadTile_1a10e_237:focus{outline:2px solid var(--color-primary);outline-offset:2px}._triadTileSelected_1a10e_274{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._triadTileSelected_1a10e_274 ._triadName_1a10e_279,._triadTileSelected_1a10e_274 ._triadNotes_1a10e_280{color:var(--color-white)}._triadTileSelected_1a10e_274:hover{background:var(--color-primary)}._triadTileTonic_1a10e_287{border-color:#6366f166;background:linear-gradient(135deg,#c7d2fe4d,#a5b4fc66);position:relative}._triadTileTonic_1a10e_287:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--border-radius-md) - 2px);background:linear-gradient(135deg,#c7d2fe26,#a5b4fc40);pointer-events:none}._triadTileTonic_1a10e_287:hover{border-color:#6366f199;background:linear-gradient(135deg,#c7d2fe66,#a5b4fc80);box-shadow:0 2px 8px #6366f126}._triadTileTonic_1a10e_287._triadTileSelected_1a10e_274{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._triadTileTonic_1a10e_287._triadTileSelected_1a10e_274:before{display:none}._triadTileTonic_1a10e_287._triadTileSelected_1a10e_274 ._triadName_1a10e_279,._triadTileTonic_1a10e_287._triadTileSelected_1a10e_274 ._triadNotes_1a10e_280{color:var(--color-white)}._triadTileTonic_1a10e_287._triadTileSelected_1a10e_274:hover{background:var(--color-primary)}._triadTileRelativeMajor_1a10e_324{border-color:#eab30866;background:linear-gradient(135deg,#fef08a4d,#fde04766);position:relative}._triadTileRelativeMajor_1a10e_324:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--border-radius-md) - 2px);background:linear-gradient(135deg,#fef08a26,#fde04740);pointer-events:none}._triadTileRelativeMajor_1a10e_324:hover{border-color:#eab30899;background:linear-gradient(135deg,#fef08a66,#fde04780)}._triadTileRelativeMajor_1a10e_324._triadTileSelected_1a10e_274{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._triadTileRelativeMajor_1a10e_324._triadTileSelected_1a10e_274:before{display:none}._triadTileRelativeMajor_1a10e_324._triadTileSelected_1a10e_274 ._triadName_1a10e_279,._triadTileRelativeMajor_1a10e_324._triadTileSelected_1a10e_274 ._triadNotes_1a10e_280{color:var(--color-white)}._triadTileRelativeMajor_1a10e_324._triadTileSelected_1a10e_274:hover{background:var(--color-primary)}._triadTileRelativeMajor_1a10e_324._triadTileTonic_1a10e_287{border-color:#6366f166;background:linear-gradient(135deg,#c7d2fe4d,#a5b4fc66)}._triadDegree_1a10e_364{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_1a10e_364{font-size:var(--font-size-sm)}}._triadName_1a10e_279{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._triadName_1a10e_279{font-size:var(--font-size-lg)}}._triadNotes_1a10e_280{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){._triadNotes_1a10e_280{font-size:var(--font-size-sm)}}._fourNoteSection_1a10e_399{width:100%;min-width:0;overflow:hidden}._chordGroups_1a10e_405{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_1a10e_405{display:flex;flex-direction:column;gap:var(--spacing-sm)}._groupTitle_1a10e_423{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_1a10e_434{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}@media (min-width: 768px){._chordGrid_1a10e_434{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}._chordItem_1a10e_445{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_1a10e_445{padding:var(--spacing-md) var(--spacing-lg);min-height:70px}}._chordItem_1a10e_445:hover{border-color:var(--color-primary);background:var(--color-gray-50);transform:translateY(-2px);box-shadow:var(--shadow-sm)}._chordItem_1a10e_445:focus{outline:2px solid var(--color-primary);outline-offset:2px}._chordItemSelected_1a10e_477{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-white)}._chordItemSelected_1a10e_477 ._chordName_1a10e_482,._chordItemSelected_1a10e_477 ._chordNotes_1a10e_483{color:var(--color-white)}._chordItemSelected_1a10e_477:hover{background:var(--color-primary)}._chordName_1a10e_482{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._chordName_1a10e_482{font-size:var(--font-size-lg)}}._chordNotes_1a10e_483{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){._chordNotes_1a10e_483{font-size:var(--font-size-base)}}._emptyMessage_1a10e_512{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){._triadsRow_1a10e_211{gap:var(--spacing-xs)}._triadTile_1a10e_237{min-width:100px;max-width:120px;padding:var(--spacing-sm)}._chordGroups_1a10e_405{max-height:400px}._chordGrid_1a10e_434{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs)}._chordItem_1a10e_445{padding:var(--spacing-xs) var(--spacing-sm)}}._handpanWidget_1jtex_133{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-md);box-sizing:border-box;overflow:hidden}._handpanWidget_1jtex_133,._handpanWidget_1jtex_133 *{box-sizing:border-box}@media (min-width: 768px){._handpanWidget_1jtex_133{padding:var(--spacing-xl)}}._header_1jtex_150{margin-bottom:var(--spacing-md);text-align:center}@media (min-width: 768px){._header_1jtex_150{margin-bottom:var(--spacing-xl)}}._title_1jtex_160{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_1jtex_160{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}}._selector_1jtex_174{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%;max-width:800px;margin:0 auto}@media (min-width: 640px){._selector_1jtex_174{grid-template-columns:2fr 1fr 1fr;align-items:end}}._selectorRow_1jtex_189{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._selectorGrid_1jtex_196{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){._selectorGrid_1jtex_196{grid-template-columns:1fr 1fr}}._label_1jtex_207{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width: 768px){._label_1jtex_207{font-size:var(--font-size-lg)}}._select_1jtex_174{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_1jtex_174{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}._select_1jtex_174:hover{border-color:var(--color-primary)}._select_1jtex_174:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}._select_1jtex_174:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border)}@media (min-width: 640px){._selectCompact_1jtex_252{max-width:120px}}._topRow_1jtex_257{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_1jtex_257{grid-template-columns:minmax(280px,500px) 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}}@media (min-width: 1024px){._topRow_1jtex_257{gap:var(--spacing-2xl)}}._handpanSection_1jtex_279{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%;min-width:0;overflow:hidden}@media (min-width: 768px){._handpanSection_1jtex_279{min-height:500px}}@media (min-width: 1024px){._handpanSection_1jtex_279{min-height:600px}}._scaleInfoSection_1jtex_299,._chordsSectionWrapper_1jtex_305{width:100%;min-width:0;overflow:hidden}._placeholder_1jtex_311{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-success-dark: #1a7a31;--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)}}