._navbarWrapper_13wdt_2{position:fixed;bottom:0;left:200px;right:0;display:none;height:64px;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 768px){._navbarWrapper_13wdt_2{display:block;left:0}}._navbar_13wdt_2{display:flex;align-items:center;height:100%;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000000d;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}._navbar_13wdt_2::-webkit-scrollbar{display:none}._fadeRight_13wdt_38{position:absolute;top:0;right:0;bottom:env(safe-area-inset-bottom);width:48px;background:linear-gradient(to left,#fff,#ffffffe6 30%,#fff0);pointer-events:none;z-index:10}._fadeLeft_13wdt_50{position:absolute;top:0;left:0;bottom:env(safe-area-inset-bottom);width:48px;background:linear-gradient(to right,#fff,#ffffffe6 30%,#fff0);pointer-events:none;z-index:10}._navItem_13wdt_61{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-width:64px;height:100%;padding:8px 12px;background:none;border:none;color:#9ca3af;cursor:pointer;transition:all .2s ease;white-space:nowrap}._navItem_13wdt_61:hover,._navItem_13wdt_61._active_13wdt_83{color:var(--color-primary)}._navItem_13wdt_61._active_13wdt_83 ._icon_13wdt_87{transform:scale(1.1)}._icon_13wdt_87{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}._label_13wdt_98{font-size:11px;font-weight:500}._iconOnly_13wdt_103{min-width:48px;padding:8px}._diagram_6vaux_1{display:block}._container_1b1vw_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}._notation_1b1vw_9{display:flex;flex-direction:column;gap:2px;font-family:Monaco,Menlo,Consolas,monospace}._stringRow_1b1vw_16{display:flex;align-items:center;gap:8px}._stringLabel_1b1vw_22{width:16px;font-size:12px;color:var(--color-text-secondary);text-align:right}._fretNumber_1b1vw_29{font-size:14px;font-weight:600;color:var(--color-text);min-width:16px;text-align:center}._container_1kp62_1{padding:16px 20px;max-width:100%;margin:0 auto}._content_1kp62_7{max-width:800px;margin:0 auto}._title_1kp62_12{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 4px}._subtitle_1kp62_19{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px}._mobileSettingsButton_1kp62_26{display:none;width:100%;padding:14px 20px;margin-bottom:20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileSettingsButton_1kp62_26:hover{background:var(--color-primary-dark)}._mobileSettingsButton_1kp62_26:active{transform:scale(.98)}@media (max-width: 768px){._mobileSettingsButton_1kp62_26{display:flex}}._introManga_1kp62_59{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1kp62_66{width:100%;height:auto;display:block}._section_1kp62_73{margin-bottom:24px}._sectionTitle_1kp62_77{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 12px}._categoryDescription_1kp62_84{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0;padding:12px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._selectPrompt_1kp62_94{font-size:16px;color:var(--color-text-muted);text-align:center;padding:40px 20px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--color-border)}._chordsGrid_1kp62_105{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}._chordCard_1kp62_111{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center}._chordHeader_1kp62_121{margin-bottom:12px}._chordName_1kp62_125{font-size:20px;font-weight:700;color:var(--color-text)}._chordDiagram_1kp62_131{display:flex;justify-content:center;align-items:center}@media (max-width: 600px){._chordsGrid_1kp62_105{grid-template-columns:repeat(2,1fr);gap:12px}._chordCard_1kp62_111{padding:12px}._chordName_1kp62_125{font-size:16px}}._sidebar_177z4_2{position:fixed;top:56px;left:0;bottom:0;width:240px;background:var(--color-bg);border-right:1px solid var(--color-border);z-index:90;display:flex;flex-direction:column;overflow-x:hidden}._header_177z4_16{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}._title_177z4_25{font-size:16px;font-weight:700;color:var(--color-text);margin:0;flex:1}._content_177z4_33{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}._settingsSection_177z4_41{display:flex;flex-direction:column;gap:20px}._settingGroup_177z4_47{display:flex;flex-direction:column;gap:8px}._settingLabel_177z4_53{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin:0}._settingHint_177z4_61{display:block;font-size:11px;color:var(--color-text-muted);margin-top:4px}._calibrationStatus_177z4_69{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:12px}._calibrationLabel_177z4_79{color:var(--color-text-secondary)}._calibrationPending_177z4_83{color:var(--color-text-muted)}._calibrationProgress_177z4_87{color:var(--color-warning);font-weight:600}._calibrationComplete_177z4_92{color:var(--color-success);font-weight:600}._select_177z4_97{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color .2s ease}._select_177z4_97:focus{outline:none;border-color:var(--color-primary)}._keyGrid_177z4_114{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}._keyButton_177z4_120{padding:10px 6px;font-size:13px;font-weight:600;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}._keyButton_177z4_120:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}._keyButtonActive_177z4_137{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._keyButtonActive_177z4_137:hover{background:var(--color-primary)}._stringGrid_177z4_148{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}._stringButton_177z4_154{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}._stringButton_177z4_154:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}._stringButton_177z4_154._active_177z4_172{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._stringButton_177z4_154 ._stringNumber_177z4_178{font-size:11px;font-weight:500;color:var(--color-text-muted)}._stringButton_177z4_154._active_177z4_172 ._stringNumber_177z4_178{color:#fffc}._stringButton_177z4_154 ._stringNote_177z4_188{font-size:14px;font-weight:700;color:var(--color-text)}._stringButton_177z4_154._active_177z4_172 ._stringNote_177z4_188{color:#fff}._positionGrid_177z4_198{display:flex;gap:6px}._combinationNote_177z4_203{padding:12px;font-size:13px;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);text-align:center}._posButton_177z4_212{flex:1;padding:10px 6px;font-size:13px;font-weight:600;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}._posButton_177z4_212:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}._posButtonActive_177z4_230{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._posButtonActive_177z4_230:hover{background:var(--color-primary)}._posButton_177z4_212:disabled,._keyButton_177z4_120:disabled{opacity:.5;cursor:not-allowed}._modeButtons_177z4_247{display:flex;gap:4px}._modeButton_177z4_247{flex:1;padding:8px 6px;font-size:12px;font-weight:500;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}._modeButton_177z4_247:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-tertiary)}._modeButton_177z4_247:disabled{opacity:.5;cursor:not-allowed}._modeButtonActive_177z4_275{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._modeButtonActive_177z4_275:hover:not(:disabled){background:var(--color-primary)}._bpmButtons_177z4_286{display:flex;gap:4px;flex-wrap:wrap}._bpmButton_177z4_286{padding:8px 10px;font-size:12px;font-weight:500;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}._bpmButton_177z4_286:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-tertiary)}._bpmButton_177z4_286:disabled{opacity:.5;cursor:not-allowed}._bpmButtonActive_177z4_314{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._bpmButtonActive_177z4_314:hover:not(:disabled){background:var(--color-primary)}._metronomeToggle_177z4_325{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}._metronomeToggle_177z4_325 input{width:16px;height:16px;cursor:pointer}._metronomeToggle_177z4_325 input:disabled{opacity:.5;cursor:not-allowed}._simulationSection_177z4_346{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}._slider_177z4_352{width:100%;height:4px;border-radius:2px;background:var(--color-bg-tertiary);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}._slider_177z4_352::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}._slider_177z4_352::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}._slider_177z4_352:disabled{opacity:.5;cursor:not-allowed}._backingTrackSection_177z4_390{margin-top:16px;padding:12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}._sectionHeader_177z4_399{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px}._mixerRow_177z4_406{display:flex;align-items:center;gap:8px;margin-bottom:10px}._mixerRow_177z4_406:last-child{margin-bottom:0}._mixerLabel_177z4_417{font-size:12px;color:var(--color-text);min-width:50px}._mixerLabelGroup_177z4_423{display:flex;flex-direction:column;gap:2px;flex-shrink:0}._bassToggle_177z4_430{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text);cursor:pointer;white-space:nowrap;flex-shrink:0}._bassToggle_177z4_430 input{width:14px;height:14px;cursor:pointer}._bassToggle_177z4_430 input:disabled{opacity:.5;cursor:not-allowed}._volumeSlider_177z4_452{flex:1;height:4px;border-radius:2px;background:var(--color-bg-tertiary);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}._volumeSlider_177z4_452::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 2px #0003}._volumeSlider_177z4_452::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 2px #0003}._volumeSlider_177z4_452:disabled{opacity:.5;cursor:not-allowed}._volumeValue_177z4_489{font-size:10px;color:var(--color-text-muted);white-space:nowrap;padding-left:20px}._practiceButton_177z4_497{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:15px;font-weight:600;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}._practiceButton_177z4_497:hover{background:var(--color-primary-dark)}._practiceButtonStop_177z4_518{background:var(--color-error)}._practiceButtonStop_177z4_518:hover{background:#dc2626}._practiceButtonDisabled_177z4_526{background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}._practiceButtonDisabled_177z4_526:hover{background:var(--color-bg-tertiary)}._exampleButton_177z4_537{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all .2s ease}._exampleButton_177z4_537:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}._exampleButton_177z4_537:disabled{opacity:.5;cursor:not-allowed}._exampleButtonPlaying_177z4_565{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._exampleButtonPlaying_177z4_565:hover:not(:disabled){background:var(--color-primary);color:#fff}._descriptionSection_177z4_577{padding:8px 0}._description_177z4_577{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.6}._footer_177z4_589{padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:12px}._footerButtons_177z4_598{display:flex;gap:8px}._homeButton_177z4_603,._aboutButton_177z4_604{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all .2s ease}._homeButton_177z4_603:hover,._aboutButton_177z4_604:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}._homeButton_177z4_603 svg{flex-shrink:0}._twitterLink_177z4_631{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:13px;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease}._twitterLink_177z4_631:hover{color:var(--color-text);background:var(--color-bg)}._twitterLink_177z4_631 svg{flex-shrink:0}._categoryList_177z4_654{display:flex;flex-direction:column;gap:8px}._categoryButton_177z4_660{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}._categoryButton_177z4_660:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}._categoryButtonActive_177z4_680{background:var(--color-primary-light);border-color:var(--color-primary)}._categoryName_177z4_685{font-size:13px;font-weight:600;color:var(--color-text)}._categoryChords_177z4_691{font-size:11px;color:var(--color-text-secondary);line-height:1.3}._progressionList_177z4_698{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}._progressionButton_177z4_706{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}._progressionButton_177z4_706:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}._progressionButtonActive_177z4_726{background:var(--color-primary-light);border-color:var(--color-primary)}._progressionName_177z4_731{font-size:12px;font-weight:600;color:var(--color-text)}._progressionNumerals_177z4_737{font-size:10px;color:var(--color-text-secondary)}._articleSection_177z4_743{display:flex;flex-direction:column;gap:16px}._articleCategory_177z4_749{display:flex;flex-direction:column;gap:8px}._articleCategoryHeader_177z4_755{display:flex;align-items:center;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--color-border)}._articleCategoryIcon_177z4_763{font-size:14px}._articleCategoryName_177z4_767{font-size:12px;font-weight:600;color:var(--color-text)}._articleList_177z4_773{display:flex;flex-direction:column;gap:4px}._articleButton_177z4_779{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font-size:12px;color:var(--color-text)}._articleButton_177z4_779:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}._songIcon_177z4_800{font-size:14px;flex-shrink:0}._songInfo_177z4_805{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}._songTitle_177z4_813{font-size:11px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._songArtist_177z4_821{font-size:10px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._songVs_177z4_829{font-size:10px;color:var(--color-text-secondary);margin:0 4px}._mathIcon_177z4_835,._researchIcon_177z4_840,._trendsIcon_177z4_845{font-size:14px;flex-shrink:0}._comingSoonSection_177z4_851{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center}._comingSoonIcon_177z4_860{font-size:40px;margin-bottom:12px;opacity:.7}._comingSoonText_177z4_866{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 8px}._comingSoonSub_177z4_873{font-size:12px;color:var(--color-text-muted);margin:0}._presetList_177z4_881{display:flex;flex-direction:column;gap:8px}._presetButton_177z4_887{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}._presetButton_177z4_887:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-tertiary)}._presetButton_177z4_887:disabled{opacity:.5;cursor:not-allowed}._presetButtonActive_177z4_911{border-color:var(--color-primary);background:var(--color-primary-light)}._presetName_177z4_916{font-size:13px;font-weight:600;color:var(--color-text)}._presetDescription_177z4_922{font-size:11px;color:var(--color-text-muted);line-height:1.3}@media (max-width: 768px){._sidebar_177z4_2{width:280px;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}._sidebarMobileOpen_177z4_936{transform:translate(0);box-shadow:var(--shadow-lg)}._keyGrid_177z4_114{grid-template-columns:repeat(3,1fr)}._progressionList_177z4_698{max-height:200px}}._container_ldf32_1{display:flex;flex:1;justify-content:flex-start;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}._container_ldf32_1::-webkit-scrollbar{display:none}._modeButton_ldf32_15{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}._modeButton_ldf32_15:hover{background:var(--color-bg-tertiary);color:var(--color-text)}._modeButtonActive_ldf32_35{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._modeButtonActive_ldf32_35:hover{background:var(--color-primary);color:#fff}._iconOnly_ldf32_46{padding:8px 10px;gap:0}._modeIcon_ldf32_51{display:flex;align-items:center;justify-content:center;width:18px;height:18px}._modeIcon_ldf32_51 svg{width:18px;height:18px}._modeLabel_ldf32_64{font-size:12px}@media (max-width: 768px){._container_ldf32_1{display:none}}@media (max-width: 480px){._modeButton_ldf32_15{padding:6px 10px;gap:4px}._modeIcon_ldf32_51{width:16px;height:16px}._modeIcon_ldf32_51 svg{width:16px;height:16px}._modeLabel_ldf32_64{font-size:11px}}._overlay_ut82i_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}._modal_ut82i_15{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:24px;position:relative;box-shadow:0 4px 24px #00000026}._closeButton_ut82i_25{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}._closeButton_ut82i_25:hover{background:#f0f0f0}._header_ut82i_45{text-align:center;margin-bottom:24px}._title_ut82i_50{font-size:24px;font-weight:700;color:#333;margin:0 0 8px}._subtitle_ut82i_57{font-size:14px;color:#666;margin:0}._error_ut82i_63{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}._buttons_ut82i_73{display:flex;flex-direction:column;gap:12px}._socialButton_ut82i_79{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s}._socialButton_ut82i_79:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}._socialButton_ut82i_79:disabled{opacity:.6;cursor:not-allowed}._socialButton_ut82i_79._apple_ut82i_105{background:#000;color:#fff;border-color:#000}._socialButton_ut82i_79._apple_ut82i_105:hover:not(:disabled){background:#333}._divider_ut82i_115{display:flex;align-items:center;gap:16px;margin:8px 0}._divider_ut82i_115:before,._divider_ut82i_115:after{content:"";flex:1;height:1px;background:#e0e0e0}._divider_ut82i_115 span{font-size:12px;color:#999}._guestButton_ut82i_135{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:none;border-radius:12px;background:#f5f5f5;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}._guestButton_ut82i_135:hover:not(:disabled){background:#eee}._guestButton_ut82i_135:disabled{opacity:.6;cursor:not-allowed}._emailForm_ut82i_161{display:flex;flex-direction:column;gap:16px}._inputGroup_ut82i_167{display:flex;flex-direction:column;gap:6px}._inputGroup_ut82i_167 label{font-size:14px;font-weight:500;color:#333}._inputGroup_ut82i_167 input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s}._inputGroup_ut82i_167 input:focus{outline:none;border-color:#4caf50}._inputGroup_ut82i_167 input:disabled{background:#f5f5f5}._submitButton_ut82i_196{padding:14px 20px;border:none;border-radius:12px;background:#4caf50;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}._submitButton_ut82i_196:hover:not(:disabled){background:#43a047}._submitButton_ut82i_196:disabled{opacity:.6;cursor:not-allowed}._switchMode_ut82i_218{text-align:center;font-size:14px;color:#666}._switchMode_ut82i_218 button{background:none;border:none;color:#4caf50;font-weight:600;cursor:pointer;padding:0;margin-left:4px}._switchMode_ut82i_218 button:hover{text-decoration:underline}._backButton_ut82i_238{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px}._backButton_ut82i_238:hover{text-decoration:underline}._container_13e7c_1{position:relative}._loading_13e7c_5{padding:8px 16px;color:#999;font-size:14px}._loginButton_13e7c_11{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}._loginButton_13e7c_11:hover{background:#43a047}._userButton_13e7c_30{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:background .2s}._userButton_13e7c_30:hover{background:#eee}._avatar_13e7c_46{width:28px;height:28px;border-radius:50%;object-fit:cover}._avatarPlaceholder_13e7c_53{width:28px;height:28px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;color:#666}._userName_13e7c_64{font-size:14px;font-weight:500;color:#333;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._rotated_13e7c_74{transform:rotate(180deg);transition:transform .2s}._dropdown_13e7c_79{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;min-width:200px;z-index:100;overflow:hidden}._userInfo_13e7c_91{padding:16px}._email_13e7c_95{display:block;font-size:12px;color:#666;margin-bottom:8px}._upgradeButton_13e7c_102{display:block;width:100%;padding:8px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}._upgradeButton_13e7c_102:hover{background:#43a047}._divider_13e7c_120{height:1px;background:#eee}._menuItem_13e7c_125{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;font-size:14px;color:#333;cursor:pointer;transition:background .2s}._menuItem_13e7c_125:hover{background:#f5f5f5}._container_btjno_1{display:flex;align-items:center;gap:4px}._icon_btjno_7{font-size:16px;color:var(--color-text-muted)}._select_btjno_12{padding:4px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;outline:none;transition:border-color .15s ease}._select_btjno_12:hover{border-color:var(--color-primary)}._select_btjno_12:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}._app_ppwbj_1{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#f8fafc}._main_ppwbj_9{flex:1;padding-bottom:80px;overflow-y:auto}._topBar_ppwbj_16{display:flex;position:fixed;top:0;left:0;right:0;z-index:100;align-items:center;padding:8px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);gap:8px}._topBarRight_ppwbj_32{display:flex;align-items:center;gap:8px;margin-left:auto}._hamburgerButton_ppwbj_40{display:none;width:40px;height:40px;padding:0;background:transparent;border:none;color:var(--color-text);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background .2s ease}._hamburgerButton_ppwbj_40:hover{background:var(--color-bg-tertiary)}._mobileOverlay_ppwbj_60{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:80}._hasTopBar_ppwbj_72{padding-top:56px}._hasSidePanel_ppwbj_77{margin-left:240px}@media (max-width: 768px){._hamburgerButton_ppwbj_40{display:flex}._mobileOverlay_ppwbj_60{display:block}._hasSidePanel_ppwbj_77{margin-left:0}}._container_12zzc_1{max-width:800px;margin:0 auto;padding-bottom:32px}._header_12zzc_8{text-align:center;padding:20px 20px 16px}._logo_12zzc_13{width:120px;height:120px;margin-bottom:8px}._siteName_12zzc_19{font-size:28px;font-weight:800;color:var(--color-text);margin:0 0 8px;letter-spacing:2px}._tagline_12zzc_27{font-size:16px;font-weight:600;color:var(--color-text);margin:0}._appDescription_12zzc_34{font-size:13px;color:var(--color-text-secondary);line-height:1.5;max-width:400px;margin:8px auto 0}._heroManga_12zzc_45{width:100%;margin-bottom:32px}._heroImage_12zzc_50{width:100%;height:auto;display:block}._sectionGroup_12zzc_57{margin-bottom:32px;padding:0 16px}._sectionGroupTitle_12zzc_62{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 16px 4px;padding-left:12px;border-left:4px solid var(--color-primary)}._sectionGrid_12zzc_72{display:flex;flex-direction:column;gap:16px}._sectionCard_12zzc_79{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:var(--shadow-sm)}._sectionCard_12zzc_79:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}._sectionCardDisabled_12zzc_98{cursor:not-allowed;opacity:.7}._sectionCardDisabled_12zzc_98:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:none}._sectionManga_12zzc_110{width:100%;overflow:hidden;position:relative}._comingSoonOverlay_12zzc_117{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}._comingSoonBadge_12zzc_126{background:var(--color-primary);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}._sectionMangaImage_12zzc_137{width:100%;height:auto;display:block}._sectionInfo_12zzc_144{padding:16px}._sectionName_12zzc_148{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 6px}._sectionDescription_12zzc_155{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0}._sectionFeatures_12zzc_162{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}._feature_12zzc_169{font-size:11px;padding:4px 10px;background:var(--color-bg-tertiary);color:var(--color-primary);border-radius:12px;font-weight:500}@media (min-width: 600px){._sectionGrid_12zzc_72{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 480px){._header_12zzc_8{padding:16px 16px 12px}._logo_12zzc_13{width:100px;height:100px}._tagline_12zzc_27{font-size:14px}._sectionGroupTitle_12zzc_62{font-size:16px}._sectionInfo_12zzc_144{padding:12px}._sectionName_12zzc_148{font-size:15px}._sectionDescription_12zzc_155{font-size:12px}}._footer_12zzc_220{margin-top:40px;padding:24px 0;border-top:1px solid var(--color-border);display:flex;justify-content:center}._twitterLink_12zzc_228{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease}._twitterLink_12zzc_228:hover{color:var(--color-text);background:var(--color-bg-secondary)}._twitterLink_12zzc_228 svg{flex-shrink:0}._container_xhltj_2{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:8px;overflow:hidden}._mainArea_xhltj_12{flex:1;position:relative;overflow:hidden;min-height:200px}._strings_xhltj_20{position:absolute;left:0;right:0;top:28%;bottom:4%;display:flex;flex-direction:column;justify-content:space-between}._stringLine_xhltj_31{height:2px;background:#fff3;position:relative;border-bottom:1px solid}._stringLabel_xhltj_38{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;opacity:.8}._hitLine_xhltj_49{position:absolute;top:25%;bottom:1%;width:3px;background:linear-gradient(180deg,#fff0,#ffffffe6 20%,#fff,#ffffffe6 80%,#fff0);border-radius:2px;z-index:10}._hitLineGlow_xhltj_65{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(ellipse at center,rgba(255,255,255,.4) 0%,transparent 70%);animation:_hitLineGlow_xhltj_65 1s ease-in-out infinite}@keyframes _hitLineGlow_xhltj_65{0%,to{opacity:.5}50%{opacity:1}}._measureLine_xhltj_82{position:absolute;top:20%;bottom:1%;width:2px;background:#ffffff40;z-index:2;transform:translate(-50%)}._measureNumber_xhltj_92{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#ffffff80;background:#0f172acc;padding:1px 4px;border-radius:3px}._chordName_xhltj_106{position:absolute;top:2%;font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;text-shadow:0 2px 8px rgba(0,0,0,.7);z-index:6;transition:transform .15s ease,opacity .2s ease}._chordJudged_xhltj_120{animation:_chordJudged_xhltj_120 .3s ease-out}@keyframes _chordJudged_xhltj_120{0%{transform:translate(-50%) scale(1.3)}to{transform:translate(-50%) scale(1)}}._resultIcon_xhltj_133{font-size:18px}._tabNote_xhltj_138{position:absolute;width:36px;height:36px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006;transition:transform .1s ease,opacity .2s ease;z-index:5}._tabNote_xhltj_138:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:inherit;opacity:.3;filter:blur(3px)}._tabNote_xhltj_138:after{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:14px;background:#fff9;transform:translate(-50%);border-radius:1px;z-index:0}._noteJudged_xhltj_176{animation:_noteJudged_xhltj_176 .3s ease-out}@keyframes _noteJudged_xhltj_176{0%{transform:translate(-50%) translateY(-50%) scale(1.3)}to{transform:translate(-50%) translateY(-50%) scale(1)}}._tabFret_xhltj_189{font-size:14px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}._countdown_xhltj_198{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;transition:background-color .3s ease}._countdownReady_xhltj_209{font-size:48px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:_countdownPulse_xhltj_1 .8s ease-in-out infinite}._countdownNumber_xhltj_217{font-size:80px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:_countdownPop_xhltj_1 .5s ease-out}@keyframes _countdownPulse_xhltj_1{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes _countdownPop_xhltj_1{0%{transform:scale(1.5);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}._scoreSummary_xhltj_251{display:flex;justify-content:center;gap:24px;padding:10px;background:#0000004d}._scoreItem_xhltj_259{display:flex;flex-direction:column;align-items:center;gap:2px}._scoreValue_xhltj_266{font-size:20px;font-weight:700}._scoreLabel_xhltj_271{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}._timeline_xhltj_279{height:24px;background:#0006;position:relative;margin:8px;border-radius:4px;overflow:hidden}._timelineProgress_xhltj_288{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#6366f14d,#6366f180);transition:width .1s linear}._timelineDot_xhltj_300{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s,background-color .2s}._stringDetection_xhltj_311{position:absolute;top:28%;bottom:4%;width:50px;z-index:15}._stringIndicator_xhltj_319{position:absolute;left:0;width:28px;height:28px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .15s ease}._stringIndicator_xhltj_319._correct_xhltj_337{animation:_correctPop_xhltj_1 .3s ease-out;box-shadow:0 0 10px #22c55e80}._stringIndicator_xhltj_319._wrong_xhltj_342{animation:_wrongShake_xhltj_1 .3s ease-out;box-shadow:0 0 10px #ef444480}._stringIndicator_xhltj_319._waiting_xhltj_347{border-style:dashed;opacity:.5;animation:_waitingPulse_xhltj_1 1s ease-in-out infinite}@keyframes _correctPop_xhltj_1{0%{transform:translateY(-50%) scale(1.3)}to{transform:translateY(-50%) scale(1)}}@keyframes _wrongShake_xhltj_1{0%,to{transform:translateY(-50%) translate(0)}25%{transform:translateY(-50%) translate(-3px)}75%{transform:translateY(-50%) translate(3px)}}@keyframes _waitingPulse_xhltj_1{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width: 600px){._mainArea_xhltj_12{min-height:160px}._chordName_xhltj_106{font-size:16px}._resultIcon_xhltj_133{font-size:12px}._tabNote_xhltj_138{width:28px;height:28px}._tabNote_xhltj_138:after{height:10px}._tabFret_xhltj_189{font-size:11px}._countdownReady_xhltj_209{font-size:36px}._countdownNumber_xhltj_217{font-size:60px}._scoreSummary_xhltj_251{gap:16px;padding:8px}._scoreValue_xhltj_266{font-size:18px}}._container_1pfsq_2{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px)}._normalView_1pfsq_10{flex:1;padding:16px 20px;max-width:800px;margin:0 auto;width:100%}._header_1pfsq_18{display:flex;align-items:center;gap:12px;margin-bottom:12px}._backButton_1pfsq_25{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;box-shadow:none;cursor:pointer}._backButton_1pfsq_25:hover{background:var(--color-bg-tertiary)}._headerInfo_1pfsq_45{flex:1;display:flex;align-items:center;gap:12px}._categoryBadge_1pfsq_52{padding:4px 12px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;border-radius:12px}._progressText_1pfsq_61{font-size:14px;color:var(--color-text-secondary)}._categoryDescription_1pfsq_67{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}._categoryDescription_1pfsq_67 p{margin:0;font-size:13px;line-height:1.6;color:var(--color-text-secondary)}._chordsGrid_1pfsq_82{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}._chordCard_1pfsq_89{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;transition:all .2s ease}._chordCardHighlighted_1pfsq_100{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f14d,0 4px 12px #6366f133;transform:scale(1.02);background:var(--color-bg)}._chordCardHeader_1pfsq_107{margin-bottom:12px}._chordName_1pfsq_111{font-size:20px;font-weight:700;color:var(--color-text)}._chordDiagram_1pfsq_117{display:flex;justify-content:center;align-items:center}._instruction_1pfsq_123{text-align:center;font-size:14px;color:var(--color-text-secondary)}._practiceView_1pfsq_130{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:var(--radius-lg)}._practiceHeader_1pfsq_138{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}._practiceInfo_1pfsq_147{display:flex;gap:16px}._practiceInfoItem_1pfsq_152{padding:4px 10px;background:#ffffff26;border-radius:12px;color:#fff;font-size:12px;font-weight:500}._stopButton_1pfsq_161{padding:6px 16px;background:var(--color-error);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}._stopButton_1pfsq_161:hover{background:#dc2626}._volumeIndicator_1pfsq_178{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff1a;border-radius:12px}._volumeMeter_1pfsq_187{width:60px;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative}._volumeBar_1pfsq_196{height:100%;border-radius:4px;transition:width .05s ease-out}._volumeBar_1pfsq_196._low_1pfsq_202{background:#22c55e}._volumeBar_1pfsq_196._medium_1pfsq_206{background:#eab308}._volumeBar_1pfsq_196._high_1pfsq_210{background:#ef4444}._volumeThreshold_1pfsq_214{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.7}._volumeValue_1pfsq_223{font-size:10px;color:#fffc;min-width:40px;text-align:right;font-family:monospace}._resultsOverlay_1pfsq_232{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._resultsModal_1pfsq_243{background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}._resultsTitle_1pfsq_253{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 24px}._totalScore_1pfsq_260{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px}._totalScoreValue_1pfsq_268{font-size:72px;font-weight:700;color:var(--color-primary);line-height:1}._totalScoreLabel_1pfsq_275{font-size:24px;font-weight:600;color:var(--color-text-secondary)}._scoreDetails_1pfsq_281{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}._scoreRow_1pfsq_288{display:flex;justify-content:space-between;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}._scoreRowLabel_1pfsq_296{font-size:14px;color:var(--color-text-secondary)}._scoreRowValue_1pfsq_301{font-size:14px;font-weight:600;color:var(--color-text)}._scoreStats_1pfsq_307{display:flex;justify-content:center;gap:32px;margin-bottom:24px}._statItem_1pfsq_314{display:flex;flex-direction:column;align-items:center}._statValue_1pfsq_320{font-size:28px;font-weight:700;color:var(--color-text)}._statLabel_1pfsq_326{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}._resultsMeta_1pfsq_333{display:flex;justify-content:center;gap:24px;margin-bottom:24px;font-size:13px;color:var(--color-text-secondary)}._resultsCloseButton_1pfsq_342{width:100%;padding:14px;font-size:16px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s}._resultsCloseButton_1pfsq_342:hover{background:var(--color-primary-dark, #4f46e5)}._mobileActions_1pfsq_360{display:none;flex-direction:column;gap:12px;width:100%;margin-bottom:16px}._mobileSettingsButton_1pfsq_368,._mobileExampleButton_1pfsq_369,._mobileStartButton_1pfsq_370{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._mobileSettingsButton_1pfsq_368{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}._mobileSettingsButton_1pfsq_368:hover{background:var(--color-bg-secondary)}._mobileExampleButton_1pfsq_369{background:var(--color-secondary, #6c757d);color:#fff}._mobileExampleButton_1pfsq_369:hover:not(:disabled){background:var(--color-secondary-dark, #5a6268)}._mobileExampleButton_1pfsq_369:disabled{opacity:.6;cursor:not-allowed}._mobileStartButton_1pfsq_370{background:var(--color-primary);color:#fff}._mobileStartButton_1pfsq_370:hover{background:var(--color-primary-dark)}._mobileStartButton_1pfsq_370:active,._mobileSettingsButton_1pfsq_368:active,._mobileExampleButton_1pfsq_369:active:not(:disabled){transform:scale(.98)}@media (max-width: 768px){._mobileActions_1pfsq_360{display:flex}}@media (max-width: 640px){._chordsGrid_1pfsq_82{grid-template-columns:repeat(2,1fr);gap:12px}._chordCard_1pfsq_89{padding:12px}._chordName_1pfsq_111{font-size:16px}._practiceView_1pfsq_130{margin:4px;border-radius:var(--radius-md)}._resultsModal_1pfsq_243{padding:24px}._totalScoreValue_1pfsq_268{font-size:56px}._scoreStats_1pfsq_307{gap:20px}._statValue_1pfsq_320{font-size:24px}}._container_1wibz_1{padding:16px 20px;max-width:800px;margin:0 auto}._content_1wibz_7{flex:1}._title_1wibz_11{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}._subtitle_1wibz_18{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}._mobileSettingsButton_1wibz_25{display:none;width:100%;padding:14px 20px;margin-bottom:20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileSettingsButton_1wibz_25:hover{background:var(--color-primary-dark)}._mobileSettingsButton_1wibz_25:active{transform:scale(.98)}@media (max-width: 768px){._mobileSettingsButton_1wibz_25{display:flex}}._introManga_1wibz_58{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1wibz_65{width:100%;height:auto;display:block}._container_enx4c_1{display:flex;justify-content:center}._fretboard_enx4c_6{display:block}._container_1egvy_1{padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:16px}._modeLabel_1egvy_9{text-align:center;font-size:12px;font-weight:600;color:var(--color-primary);margin-bottom:8px}._tabGrid_1egvy_17{font-family:Courier New,Courier,monospace;font-size:14px;display:flex;flex-direction:column;gap:2px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}._stringLine_1egvy_28{display:flex;align-items:center;gap:8px;height:20px;flex-shrink:0}._stringLabel_1egvy_36{width:16px;text-align:right;font-weight:600;color:var(--color-text-secondary);font-size:12px;flex-shrink:0;position:sticky;left:0;background:var(--color-bg-secondary);z-index:2}._stringContent_1egvy_49{position:relative;height:100%;display:flex;align-items:center;flex-shrink:0}._line_1egvy_57{position:absolute;left:0;right:0;height:1px;background:var(--color-border)}._fretNumbers_1egvy_65{display:flex;position:relative;z-index:1;gap:4px;padding:0 4px;flex-shrink:0}._fretNumber_1egvy_65{width:24px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:4px;background:var(--color-bg-secondary);transition:all .2s ease}._hasNote_1egvy_86{background:var(--color-bg-tertiary);color:var(--color-text)}._noNote_1egvy_91{color:var(--color-text-muted);opacity:.3}._current_1egvy_96{background:var(--color-primary);color:#fff;transform:scale(1.15);box-shadow:0 0 8px #6366f166}._completed_1egvy_103{background:var(--color-success);color:#fff;opacity:.7}._barLine_1egvy_110{margin-left:8px;position:relative}._barLine_1egvy_110:before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:2px;background:var(--color-text-secondary);opacity:.5}._holdNote_1egvy_127{color:var(--color-text-muted);opacity:.5;font-size:12px}._positionIndicator_1egvy_133{margin-top:12px;padding-top:8px;border-top:1px solid var(--color-border)}._indicatorTrack_1egvy_139{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}._indicatorDot_1egvy_146{width:8px;height:8px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);transition:all .2s ease}._indicatorCurrent_1egvy_155{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.3)}._indicatorCompleted_1egvy_161{background:var(--color-success);border-color:var(--color-success)}._indicatorEmpty_1egvy_167{opacity:.2;background:transparent;border-color:var(--color-border)}._timedLabel_1egvy_174{color:#f59e0b;font-weight:500}._cursorLine_1egvy_180{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ef4444,#f97316,#ef4444);border-radius:2px;z-index:10;box-shadow:0 0 8px #ef444499;animation:_cursorPulse_1egvy_1 .5s ease-in-out infinite;transition:left .1s linear}@keyframes _cursorPulse_1egvy_1{0%,to{opacity:1;box-shadow:0 0 8px #ef444499}50%{opacity:.8;box-shadow:0 0 16px #ef4444cc}}._perfect_1egvy_205{background:#22c55e!important;color:#fff!important;box-shadow:0 0 8px #22c55e80}._good_1egvy_211{background:#eab308!important;color:#fff!important;box-shadow:0 0 8px #eab30880}._miss_1egvy_217{background:#ef4444!important;color:#fff!important;box-shadow:0 0 8px #ef444480}._resultLabels_1egvy_224{display:flex;gap:4px;padding:8px 4px 0;margin-left:24px}._resultLabel_1egvy_224{width:24px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:4px}._resultPerfect_1egvy_242{color:#22c55e}._resultGood_1egvy_246{color:#eab308}._resultMiss_1egvy_250{color:#ef4444}._resultPending_1egvy_254{color:transparent}._indicatorPerfect_1egvy_259{background:#22c55e;border-color:#22c55e}._indicatorGood_1egvy_264{background:#eab308;border-color:#eab308}._indicatorMiss_1egvy_269{background:#ef4444;border-color:#ef4444}._indicatorHold_1egvy_275{width:6px;opacity:.4}._indicatorBarLine_1egvy_281{margin-left:6px}@media (max-width: 480px){._tabGrid_1egvy_17{font-size:12px}._fretNumber_1egvy_65{width:20px;height:18px}._fretNumbers_1egvy_65{gap:2px}._barLine_1egvy_110{margin-left:6px}._barLine_1egvy_110:before{left:-4px}}._container_d0a42_2{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:8px;overflow:hidden}._mainArea_d0a42_12{flex:1;position:relative;overflow:hidden;min-height:200px}._strings_d0a42_20{position:absolute;left:0;right:0;top:10%;bottom:10%;display:flex;flex-direction:column;justify-content:space-between}._stringLine_d0a42_31{height:2px;background:#fff3;position:relative;border-bottom:1px solid}._stringLabel_d0a42_38{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;opacity:.8}._hitLine_d0a42_49{position:absolute;top:5%;bottom:5%;width:3px;background:linear-gradient(180deg,#fff0,#ffffffe6 20%,#fff,#ffffffe6 80%,#fff0);border-radius:2px;z-index:10}._hitLineGlow_d0a42_65{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 70%);animation:_hitLineGlow_d0a42_65 1s ease-in-out infinite}@keyframes _hitLineGlow_d0a42_65{0%,to{opacity:.5}50%{opacity:1}}._measureLine_d0a42_82{position:absolute;top:5%;bottom:5%;width:2px;background:#ffffff40;z-index:2;transform:translate(-50%)}._measureNumber_d0a42_92{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#ffffff80;background:#0f172acc;padding:1px 4px;border-radius:3px}._note_d0a42_106{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006;transition:transform .1s ease,opacity .2s ease;z-index:5}._note_d0a42_106:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:inherit;opacity:.3;filter:blur(3px)}._note_d0a42_106:after{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:16px;background:#ffffffb3;transform:translate(-50%);border-radius:1px;z-index:0}._holdNote_d0a42_144{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.3;transform:translate(-50%) translateY(-50%);z-index:3}._fretNumber_d0a42_154{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}._resultBadge_d0a42_162{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0000004d;z-index:2}._noteJudged_d0a42_179{animation:_noteJudged_d0a42_179 .3s ease-out}@keyframes _noteJudged_d0a42_179{0%{transform:translate(-50%) translateY(-50%) scale(1.3)}to{transform:translate(-50%) translateY(-50%) scale(1)}}._countdown_d0a42_193{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;transition:background-color .3s ease}._countdownReady_d0a42_204{font-size:48px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:_countdownPulse_d0a42_1 .8s ease-in-out infinite}._countdownNumber_d0a42_212{font-size:80px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:_countdownPop_d0a42_1 .5s ease-out}@keyframes _countdownPulse_d0a42_1{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes _countdownPop_d0a42_1{0%{transform:scale(1.5);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}._scoreSummary_d0a42_246{display:flex;justify-content:center;gap:24px;padding:10px;background:#0000004d}._scoreItem_d0a42_254{display:flex;flex-direction:column;align-items:center;gap:2px}._scoreValue_d0a42_261{font-size:20px;font-weight:700}._scoreLabel_d0a42_266{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}._timeline_d0a42_274{height:24px;background:#0006;position:relative;margin:8px;border-radius:4px;overflow:hidden}._timelineProgress_d0a42_283{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#6366f14d,#6366f180);transition:width .1s linear}._timelineDot_d0a42_295{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s,background-color .2s}._timelineHold_d0a42_305{position:absolute;top:50%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);opacity:.25}@media (max-width: 600px){._note_d0a42_106{width:32px;height:32px}._fretNumber_d0a42_154{font-size:14px}._countdownReady_d0a42_204{font-size:36px}._countdownNumber_d0a42_212{font-size:60px}._scoreSummary_d0a42_246{gap:16px;padding:8px}._scoreValue_d0a42_261{font-size:18px}}._container_48062_2{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px)}._normalView_48062_10{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px}._scaleDescription_48062_21{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:16px 20px;max-width:600px;width:100%}._scaleTitle_48062_29{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px;text-align:center}._scaleDescription_48062_21 p{margin:0;font-size:14px;line-height:1.7;color:var(--color-text-secondary);text-align:left}._mobileActions_48062_46{display:none;flex-direction:column;gap:12px;width:100%;max-width:600px}._mobileSettingsButton_48062_54,._mobileExampleButton_48062_55,._mobileStartButton_48062_56{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._mobileSettingsButton_48062_54{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}._mobileSettingsButton_48062_54:hover{background:var(--color-bg-secondary)}._mobileExampleButton_48062_55{background:var(--color-secondary, #6c757d);color:#fff}._mobileExampleButton_48062_55:hover:not(:disabled){background:var(--color-secondary-dark, #5a6268)}._mobileExampleButton_48062_55:disabled{opacity:.6;cursor:not-allowed}._mobileStartButton_48062_56{background:var(--color-primary);color:#fff}._mobileStartButton_48062_56:hover{background:var(--color-primary-dark)}._mobileStartButton_48062_56:active,._mobileSettingsButton_48062_54:active,._mobileExampleButton_48062_55:active:not(:disabled){transform:scale(.98)}._mobileStopButton_48062_110{background:var(--color-error, #dc3545);color:#fff}._mobileStopButton_48062_110:hover{background:#c82333}._fretboardContainer_48062_120{display:flex;justify-content:center;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}._tabSection_48062_131{width:100%;max-width:600px;overflow-x:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px}._progressContainer_48062_141{display:flex;align-items:center;gap:12px;max-width:500px;width:100%}._progressBar_48062_149{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}._progressFill_48062_157{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:4px;transition:width .3s ease}._progressText_48062_164{font-size:14px;color:var(--color-text-secondary);min-width:60px;text-align:right}._hint_48062_172{color:var(--color-text-secondary);font-size:14px;margin:0;text-align:center}._pitchInfo_48062_180{font-size:14px;color:var(--color-text-secondary);padding:8px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._error_48062_189{padding:12px;background:#fef2f2;color:var(--color-error);border-radius:var(--radius-md);font-size:14px;max-width:500px;width:100%;text-align:center}._practiceView_48062_201{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:var(--radius-lg);overflow:hidden;margin:8px}._practiceHeader_48062_212{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}._practiceInfo_48062_221{display:flex;gap:16px}._practiceInfoItem_48062_226{padding:4px 10px;background:#ffffff26;border-radius:12px;color:#fff;font-size:12px;font-weight:500}._stopButton_48062_235{padding:6px 16px;background:var(--color-error);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}._volumeIndicator_48062_248{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff1a;border-radius:12px}._volumeMeter_48062_257{width:60px;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative}._volumeBar_48062_266{height:100%;border-radius:4px;transition:width .05s ease-out}._volumeBar_48062_266._low_48062_272{background:#22c55e}._volumeBar_48062_266._medium_48062_276{background:#eab308}._volumeBar_48062_266._high_48062_280{background:#ef4444}._volumeThreshold_48062_284{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.7}._volumeValue_48062_293{font-size:10px;color:#fffc;min-width:40px;text-align:right;font-family:monospace}._stopButton_48062_235:hover{background:#dc2626}._resultsOverlay_48062_306{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._resultsModal_48062_317{background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;max-width:360px;width:100%;box-shadow:var(--shadow-lg)}._resultsTitle_48062_326{font-size:18px;font-weight:600;text-align:center;margin:0 0 20px;color:var(--color-text)}._totalScore_48062_334{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px}._totalScoreValue_48062_342{font-size:64px;font-weight:700;color:var(--color-primary)}._totalScoreLabel_48062_348{font-size:20px;color:var(--color-text-secondary)}._scoreDetails_48062_353{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}._scoreRow_48062_360{display:flex;justify-content:space-between;padding:8px 0}._scoreRow_48062_360:not(:last-child){border-bottom:1px solid var(--color-border)}._scoreRowLabel_48062_370{font-size:14px;color:var(--color-text-secondary)}._scoreRowValue_48062_375{font-size:14px;font-weight:600;color:var(--color-text)}._scoreStats_48062_381{display:flex;justify-content:space-around;margin-bottom:16px}._statItem_48062_387{text-align:center}._statValue_48062_391{display:block;font-size:24px;font-weight:700;color:var(--color-text)}._statLabel_48062_398{font-size:12px;color:var(--color-text-muted);text-transform:uppercase}._statItem_48062_387:nth-child(1) ._statValue_48062_391{color:#22c55e}._statItem_48062_387:nth-child(2) ._statValue_48062_391{color:#eab308}._statItem_48062_387:nth-child(3) ._statValue_48062_391{color:#ef4444}._resultsMeta_48062_416{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted);margin-bottom:20px}._resultsCloseButton_48062_424{width:100%;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer}._resultsCloseButton_48062_424:hover{background:var(--color-primary-dark)}@media (max-width: 768px){._mobileActions_48062_46{display:flex}._normalView_48062_10{padding:12px;gap:12px}._scaleDescription_48062_21{padding:14px 16px}._scaleTitle_48062_29{font-size:16px}._scaleDescription_48062_21 p{font-size:13px;line-height:1.6}._fretboardContainer_48062_120{padding:12px 8px;overflow-x:auto;width:100%;min-width:0}._fretboardContainer_48062_120>svg{min-width:320px}._practiceView_48062_201{margin:4px;border-radius:var(--radius-md)}._practiceInfo_48062_221{gap:8px}._practiceInfoItem_48062_226{padding:4px 8px;font-size:11px}._progressContainer_48062_141{max-width:100%}._hint_48062_172{font-size:13px;padding:0 8px}}._container_1b92j_1{padding:16px 20px;max-width:800px;margin:0 auto}._content_1b92j_7{flex:1}._title_1b92j_11{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}._subtitle_1b92j_18{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}._mobileSettingsButton_1b92j_25{display:none;width:100%;padding:14px 20px;margin-bottom:20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileSettingsButton_1b92j_25:hover{background:var(--color-primary-dark)}._mobileSettingsButton_1b92j_25:active{transform:scale(.98)}._mobileActions_1b92j_52{display:none;flex-direction:column;gap:12px;width:100%;margin-bottom:20px}._mobileExampleButton_1b92j_60{display:flex;width:100%;padding:14px 20px;background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileExampleButton_1b92j_60:hover{background:var(--color-bg-tertiary)}._mobileExampleButton_1b92j_60:disabled{opacity:.5;cursor:not-allowed}._mobileStartButton_1b92j_86{display:flex;width:100%;padding:14px 20px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileStartButton_1b92j_86:hover{background:var(--color-success-dark)}._mobileStartButton_1b92j_86:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){._mobileActions_1b92j_52,._mobileSettingsButton_1b92j_25{display:flex}}._introManga_1b92j_123{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1b92j_130{width:100%;height:auto;display:block}._selectPrompt_1b92j_137{font-size:16px;color:var(--color-text-muted);text-align:center;padding:40px 20px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--color-border)}._infoSection_1b92j_148{width:100%;text-align:center;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:16px}._sectionTitle_1b92j_157{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}._patternDescription_1b92j_164{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 4px}._progressionDisplay_1b92j_172{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}._chordBadge_1b92j_180{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-text)}._tabSection_1b92j_191{width:100%;overflow-x:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}._hint_1b92j_201{margin:0;padding:12px 16px;font-size:13px;color:var(--color-text-muted);text-align:center;line-height:1.5}._container_1av66_2{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px)}._normalView_1av66_10{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:800px;margin:0 auto;width:100%}._practiceView_1av66_24{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:var(--radius-lg);overflow:hidden;margin:8px}._practiceHeader_1av66_35{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:8px}._practiceInfo_1av66_46{display:flex;gap:12px;flex-wrap:wrap;align-items:center}._practiceInfoItem_1av66_53{padding:4px 10px;background:#ffffff26;border-radius:12px;color:#fff;font-size:12px;font-weight:500}._stopButton_1av66_62{padding:6px 16px;background:var(--color-error);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}._stopButton_1av66_62:hover{background:#dc2626}._volumeIndicator_1av66_79{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff1a;border-radius:12px}._volumeMeter_1av66_88{width:60px;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative}._volumeBar_1av66_97{height:100%;border-radius:4px;transition:width .05s ease-out}._volumeBar_1av66_97._low_1av66_103{background:#22c55e}._volumeBar_1av66_97._medium_1av66_107{background:#eab308}._volumeBar_1av66_97._high_1av66_111{background:#ef4444}._volumeThreshold_1av66_115{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.7}._volumeValue_1av66_124{font-size:10px;color:#fffc;min-width:40px;text-align:right;font-family:monospace}._header_1av66_133{text-align:center;width:100%}._title_1av66_138{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 4px}._subtitle_1av66_145{font-size:14px;color:var(--color-text-secondary);margin:0}._introManga_1av66_152{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08));width:100%;max-width:600px}._mangaImage_1av66_161{width:100%;height:auto;display:block}._infoSection_1av66_168{width:100%;text-align:center;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._sectionTitle_1av66_176{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}._patternDescription_1av66_183{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 4px}._selectPrompt_1av66_191{font-size:16px;color:var(--color-text-muted);text-align:center;padding:40px 20px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--color-border);width:100%}._mobileActions_1av66_203{display:none;flex-direction:column;gap:12px;width:100%;max-width:600px;margin:0 auto 16px}._mobileSettingsButton_1av66_212{display:none;align-items:center;justify-content:center;gap:8px;width:100%;max-width:600px;padding:14px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-bg-tertiary);color:var(--color-text)}._mobileExampleButton_1av66_230,._mobileStartButton_1av66_231{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._mobileSettingsButton_1av66_212:hover{background:var(--color-bg-secondary)}._mobileExampleButton_1av66_230{background:var(--color-secondary, #6c757d);color:#fff}._mobileExampleButton_1av66_230:hover:not(:disabled){background:var(--color-secondary-dark, #5a6268)}._mobileExampleButton_1av66_230:disabled{opacity:.6;cursor:not-allowed}._mobileStartButton_1av66_231{background:var(--color-primary);color:#fff}._mobileStartButton_1av66_231:hover:not(:disabled){background:var(--color-primary-dark)}._mobileStartButton_1av66_231:disabled{opacity:.6;cursor:not-allowed}._mobileStopButton_1av66_278{background:var(--color-error, #dc3545);color:#fff}._mobileStopButton_1av66_278:hover{background:#c82333}._mobileStartButton_1av66_231:active,._mobileSettingsButton_1av66_212:active,._mobileExampleButton_1av66_230:active:not(:disabled){transform:scale(.98)}._progressionDisplay_1av66_294{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}._chordBadge_1av66_302{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-text);transition:all .2s}._activeChord_1av66_313{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.1)}._tabSection_1av66_321{width:100%;overflow-x:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}._pitchInfo_1av66_331{padding:8px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-secondary);text-align:center}._hint_1av66_341{margin:0;padding:12px 16px;font-size:13px;color:var(--color-text-muted);text-align:center;line-height:1.5}._resultsOverlay_1av66_351{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._resultsModal_1av66_362{background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}._resultsTitle_1av66_372{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 24px}._totalScore_1av66_380{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}._totalScoreValue_1av66_387{font-size:56px;font-weight:700;color:var(--color-primary);line-height:1}._totalScoreLabel_1av66_394{font-size:14px;color:var(--color-text-secondary);margin-top:4px}._scoreDetails_1av66_401{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}._scoreRow_1av66_408{display:flex;justify-content:space-between;padding:8px 0}._scoreRow_1av66_408:not(:last-child){border-bottom:1px solid var(--color-border)}._scoreRowLabel_1av66_418{font-size:14px;color:var(--color-text-secondary)}._scoreRowValue_1av66_423{font-size:14px;font-weight:600;color:var(--color-text)}._scoreStats_1av66_430{display:flex;justify-content:center;gap:24px;margin-bottom:20px}._statItem_1av66_437{display:flex;flex-direction:column;align-items:center}._statValue_1av66_443{font-size:24px;font-weight:700;color:var(--color-text)}._statLabel_1av66_449{font-size:12px;color:var(--color-text-secondary);margin-top:2px}._resultsMeta_1av66_456{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--color-text-muted);margin-bottom:20px}._resultsActions_1av66_466{display:flex;justify-content:center;gap:12px}._closeButton_1av66_472{padding:12px 32px;background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._closeButton_1av66_472:hover{background:var(--color-bg-secondary)}._retryButton_1av66_488{padding:12px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}._retryButton_1av66_488:hover{background:var(--color-primary-dark, #0056b3)}@media (max-width: 768px){._normalView_1av66_10{padding:12px}._practiceView_1av66_24{margin:4px;border-radius:var(--radius-md)}._practiceHeader_1av66_35{padding:6px 12px;gap:6px}._practiceInfo_1av66_46{gap:6px}._practiceInfoItem_1av66_53{font-size:11px;padding:3px 8px}._title_1av66_138{font-size:18px}._mobileSettingsButton_1av66_212,._mobileActions_1av66_203{display:flex}._resultsModal_1av66_362{padding:24px}._totalScoreValue_1av66_387{font-size:48px}._scoreStats_1av66_430{gap:16px}}._container_17tjg_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_17tjg_7{display:flex;align-items:center;gap:16px;margin-bottom:24px}._backButton_17tjg_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_17tjg_14:hover{background:var(--color-bg-tertiary)}._content_17tjg_32{flex:1}._title_17tjg_36{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:4px}._subtitle_17tjg_43{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}._mobileSettingsButton_17tjg_50{display:none;width:100%;padding:14px 20px;margin-bottom:20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileSettingsButton_17tjg_50:hover{background:var(--color-primary-dark)}._mobileSettingsButton_17tjg_50:active{transform:scale(.98)}@media (max-width: 768px){._mobileSettingsButton_17tjg_50{display:flex}}._introManga_17tjg_83{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_17tjg_90{width:100%;height:auto;display:block}._section_17tjg_96{margin-bottom:24px}._sectionTitle_17tjg_100{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}._keyGrid_17tjg_110{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}._keyButton_17tjg_117{width:40px;height:36px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text);transition:all .2s;box-shadow:none}._keyButton_17tjg_117:hover{border-color:var(--color-primary)}._keyButtonActive_17tjg_134{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._categoryTabs_17tjg_141{display:flex;gap:8px;flex-wrap:wrap}._categoryTab_17tjg_141{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;font-size:13px;color:var(--color-text);transition:all .2s;box-shadow:none}._categoryTab_17tjg_141:hover{border-color:var(--color-primary)}._categoryTabActive_17tjg_162{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._progressionList_17tjg_169{display:flex;flex-direction:column;gap:12px}._progressionCard_17tjg_175{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;box-shadow:var(--shadow-sm)}._progressionCard_17tjg_175._expanded_17tjg_184{box-shadow:var(--shadow-md);border-color:var(--color-primary)}._progressionHeader_17tjg_189{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}._progressionHeader_17tjg_189:hover{background:var(--color-bg-tertiary)}._progressionMain_17tjg_201{flex:1}._progressionName_17tjg_205{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}._progressionChords_17tjg_212{display:flex;gap:6px;flex-wrap:wrap}._chordBadge_17tjg_218{padding:4px 10px;background:#eef2ff;color:var(--color-primary);border-radius:4px;font-size:13px;font-weight:600}._progressionMeta_17tjg_227{display:flex;align-items:center;gap:12px}._difficultyBadge_17tjg_233{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#1e293b}._expandIcon_17tjg_241{color:var(--color-text-muted);transition:transform .2s}._expandIconOpen_17tjg_246{transform:rotate(180deg)}._progressionDetails_17tjg_251{padding:0 16px 16px;border-top:1px solid var(--color-border)}._description_17tjg_256{font-size:14px;color:var(--color-text-secondary);margin:16px 0;line-height:1.6}._numerals_17tjg_263{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}._numeralsLabel_17tjg_271{font-size:12px;color:var(--color-text-secondary)}._numeralBadge_17tjg_276{padding:4px 8px;background:var(--color-bg-tertiary);border-radius:4px;font-size:12px;font-family:monospace;color:var(--color-text)}._songsSection_17tjg_285{margin-bottom:16px}._songsTitle_17tjg_289{font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:8px}._songList_17tjg_296{list-style:none;padding:0;margin:0}._songItem_17tjg_302{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:14px}._songItem_17tjg_302:last-child{border-bottom:none}._songTitle_17tjg_315{font-weight:500;color:var(--color-text);flex:1}._songArtist_17tjg_321{color:var(--color-text-secondary)}._songYear_17tjg_325{color:var(--color-text-muted);font-size:12px}._practiceButton_17tjg_330{width:100%;padding:14px;border-radius:var(--radius-md);font-size:16px;font-weight:600}@media (max-width: 480px){._keyButton_17tjg_117{width:36px;height:32px;font-size:13px}._categoryTab_17tjg_141{padding:6px 12px;font-size:12px}._progressionName_17tjg_205{font-size:15px}._chordBadge_17tjg_218{font-size:12px;padding:3px 8px}}._container_1oimc_2{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px)}._normalView_1oimc_10{flex:1;padding:16px 20px;max-width:800px;margin:0 auto;width:100%}._header_1oimc_18{display:flex;align-items:center;gap:12px;margin-bottom:12px}._backButton_1oimc_25{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none;cursor:pointer}._backButton_1oimc_25:hover{background:var(--color-bg-tertiary)}._headerInfo_1oimc_44{flex:1;display:flex;align-items:center;gap:12px}._keyBadge_1oimc_51{padding:6px 12px;background:var(--color-primary);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#fff}._difficultyBadge_1oimc_60{padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:#fff}._title_1oimc_68{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 12px}._progressionDescription_1oimc_76{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}._progressionDescription_1oimc_76 p{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}._numerals_1oimc_91{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}._numeralsLabel_1oimc_99{font-size:14px;font-weight:600;color:var(--color-text-secondary)}._numeralBadge_1oimc_105{padding:4px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text)}._chordsSection_1oimc_115{margin-bottom:20px}._chordsHeader_1oimc_119{display:flex;align-items:center;gap:12px;margin-bottom:12px}._chordsTitle_1oimc_126{font-size:14px;font-weight:600;color:var(--color-text-secondary)}._chordsBadges_1oimc_132{display:flex;gap:8px;flex-wrap:wrap}._chordBadge_1oimc_138{padding:4px 12px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;border-radius:12px}._chordsGrid_1oimc_148{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}._chordCard_1oimc_154{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;align-items:center;transition:all .2s ease}._chordCardHighlighted_1oimc_165{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f14d,0 4px 12px #6366f133;transform:scale(1.02);background:var(--color-bg)}._chordCardHeader_1oimc_172{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}._chordNumeral_1oimc_179{font-size:12px;font-weight:500;color:var(--color-text-muted)}._chordName_1oimc_185{font-size:18px;font-weight:700;color:var(--color-text)}._chordDiagram_1oimc_191{display:flex;justify-content:center;align-items:center}._songsSection_1oimc_198{margin-bottom:20px}._songsTitle_1oimc_202{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin:0 0 8px}._songList_1oimc_209{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}._songItem_1oimc_218{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}._songTitle_1oimc_227{font-size:14px;font-weight:600;color:var(--color-text)}._songArtist_1oimc_233{font-size:13px;color:var(--color-text-secondary)}._songYear_1oimc_238{font-size:12px;color:var(--color-text-muted);margin-left:auto}._instruction_1oimc_244{text-align:center;font-size:14px;color:var(--color-text-secondary)}._mobileActions_1oimc_251{display:none;flex-direction:column;gap:12px;width:100%;margin-bottom:16px}._mobileSettingsButton_1oimc_259,._mobileExampleButton_1oimc_260,._mobileStartButton_1oimc_261{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._mobileSettingsButton_1oimc_259{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}._mobileSettingsButton_1oimc_259:hover{background:var(--color-bg-secondary)}._mobileExampleButton_1oimc_260{background:var(--color-secondary, #6c757d);color:#fff}._mobileExampleButton_1oimc_260:hover:not(:disabled){background:var(--color-secondary-dark, #5a6268)}._mobileExampleButton_1oimc_260:disabled{opacity:.6;cursor:not-allowed}._mobileStartButton_1oimc_261{background:var(--color-primary);color:#fff}._mobileStartButton_1oimc_261:hover{background:var(--color-primary-dark)}._mobileStartButton_1oimc_261:active,._mobileSettingsButton_1oimc_259:active,._mobileExampleButton_1oimc_260:active:not(:disabled){transform:scale(.98)}@media (max-width: 768px){._mobileActions_1oimc_251{display:flex}}._error_1oimc_321{padding:40px;text-align:center;color:var(--color-error)}._practiceView_1oimc_328{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:var(--radius-lg)}._practiceHeader_1oimc_336{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}._practiceInfo_1oimc_345{display:flex;gap:16px}._practiceInfoItem_1oimc_350{padding:4px 10px;background:#ffffff26;border-radius:12px;color:#fff;font-size:12px;font-weight:500}._stopButton_1oimc_359{padding:6px 16px;background:var(--color-error);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}._stopButton_1oimc_359:hover{background:#dc2626}._volumeIndicator_1oimc_376{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff1a;border-radius:12px}._volumeMeter_1oimc_385{width:60px;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative}._volumeBar_1oimc_394{height:100%;border-radius:4px;transition:width .05s ease-out}._volumeBar_1oimc_394._low_1oimc_400{background:#22c55e}._volumeBar_1oimc_394._medium_1oimc_404{background:#eab308}._volumeBar_1oimc_394._high_1oimc_408{background:#ef4444}._volumeThreshold_1oimc_412{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.7}._volumeValue_1oimc_421{font-size:10px;color:#fffc;min-width:40px;text-align:right;font-family:monospace}._resultsOverlay_1oimc_430{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._resultsModal_1oimc_441{background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}._resultsTitle_1oimc_451{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 24px}._totalScore_1oimc_458{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px}._totalScoreValue_1oimc_466{font-size:72px;font-weight:700;color:var(--color-primary);line-height:1}._totalScoreLabel_1oimc_473{font-size:24px;font-weight:600;color:var(--color-text-secondary)}._scoreDetails_1oimc_479{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}._scoreRow_1oimc_486{display:flex;justify-content:space-between;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}._scoreRowLabel_1oimc_494{font-size:14px;color:var(--color-text-secondary)}._scoreRowValue_1oimc_499{font-size:14px;font-weight:600;color:var(--color-text)}._scoreStats_1oimc_505{display:flex;justify-content:center;gap:32px;margin-bottom:24px}._statItem_1oimc_512{display:flex;flex-direction:column;align-items:center}._statValue_1oimc_518{font-size:28px;font-weight:700;color:var(--color-text)}._statLabel_1oimc_524{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}._resultsMeta_1oimc_531{display:flex;justify-content:center;gap:24px;margin-bottom:24px;font-size:13px;color:var(--color-text-secondary)}._resultsCloseButton_1oimc_540{width:100%;padding:14px;font-size:16px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s}._resultsCloseButton_1oimc_540:hover{background:var(--color-primary-dark, #4f46e5)}@media (max-width: 640px){._title_1oimc_68{font-size:20px}._chordsGrid_1oimc_148{grid-template-columns:repeat(2,1fr);gap:12px}._chordCard_1oimc_154{padding:10px}._chordName_1oimc_185{font-size:16px}._practiceView_1oimc_328{margin:4px;border-radius:var(--radius-md)}._resultsModal_1oimc_441{padding:24px}._totalScoreValue_1oimc_466{font-size:56px}._scoreStats_1oimc_505{gap:20px}._statValue_1oimc_518{font-size:24px}}._container_hcbw7_1{display:inline-flex;align-items:center;gap:1px}._small_hcbw7_8{font-size:12px}._medium_hcbw7_12{font-size:16px}._large_hcbw7_16{font-size:24px}._starFilled_hcbw7_21{color:gold;text-shadow:0 1px 2px rgba(0,0,0,.1)}._starEmpty_hcbw7_26{color:#ddd}._compact_hcbw7_31{display:inline-flex;align-items:center;gap:4px}._compactText_hcbw7_37{font-size:.9em;color:var(--color-text-secondary);font-weight:500}._container_gpm64_1{display:flex;flex-direction:column;gap:20px}._overallSection_gpm64_8{background:linear-gradient(135deg,#fff8e1,#ffe082);border:1px solid #FFD54F;border-radius:var(--radius-lg);padding:16px}._overallTitle_gpm64_15{font-size:14px;font-weight:600;color:#f57f17;margin:0 0 8px}._overallStats_gpm64_22{display:flex;align-items:center;gap:8px;margin-bottom:8px}._overallPercent_gpm64_29{font-size:14px;color:#f57f17;font-weight:600}._overallDetail_gpm64_35{font-size:12px;color:#795548;margin-top:8px}._typeList_gpm64_42{display:flex;flex-direction:column;gap:12px}._typeCard_gpm64_49{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px}._typeCard_gpm64_49._clickable_gpm64_56{cursor:pointer;transition:all .15s ease}._typeCard_gpm64_49._clickable_gpm64_56:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}._typeHeader_gpm64_66{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._typeName_gpm64_73{font-size:14px;font-weight:700}._progressBar_gpm64_79{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:10px}._progressFill_gpm64_87{height:100%;border-radius:4px;transition:width .3s ease}._categoryBadges_gpm64_94{display:flex;flex-wrap:wrap;gap:6px}._categoryBadge_gpm64_94{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;transition:all .15s ease}._categoryBadge_gpm64_94:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}._categoryName_gpm64_117{color:var(--color-text);font-weight:500}@media (max-width: 480px){._overallSection_gpm64_8,._typeCard_gpm64_49{padding:12px}._categoryBadge_gpm64_94{padding:3px 6px;font-size:10px}}._overlay_1j5b4_2{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}._modal_1j5b4_17{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}._header_1j5b4_29{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:3px solid;flex-shrink:0}._headerContent_1j5b4_38{display:flex;flex-direction:column;gap:4px}._title_1j5b4_44{font-size:18px;font-weight:700;margin:0}._stats_1j5b4_50{font-size:12px;color:var(--color-text-muted)}._headerActions_1j5b4_55{display:flex;align-items:center;gap:8px}._closeButton_1j5b4_61{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .15s ease}._closeButton_1j5b4_61:hover{background:var(--color-bg-secondary);color:var(--color-text)}._bpmHeader_1j5b4_77{display:flex;align-items:center;padding:8px 12px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}._bpmHeaderLabel_1j5b4_86{flex:1;min-width:100px}._bpmHeaderLevel_1j5b4_91{width:60px;display:flex;flex-direction:column;align-items:center;gap:1px}._bpmLevelName_1j5b4_99{font-size:11px;font-weight:600;color:var(--color-text-muted)}._bpmRange_1j5b4_105{font-size:9px;color:var(--color-text-muted);opacity:.7}._itemList_1j5b4_113{flex:1;overflow-y:auto;padding:8px}._item_1j5b4_113{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:8px}._item_1j5b4_113:last-child{margin-bottom:0}._itemInfo_1j5b4_135{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}._itemName_1j5b4_143{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._itemScore_1j5b4_152{display:flex;align-items:center;gap:8px}._scoreValue_1j5b4_158{font-size:11px;color:var(--color-text-muted)}._notAttempted_1j5b4_163{font-size:11px;color:var(--color-text-muted);font-style:italic}._itemWithBpm_1j5b4_170{display:flex;align-items:center;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:6px;min-height:52px}._itemWithBpm_1j5b4_170:last-child{margin-bottom:0}._itemWithBpm_1j5b4_170 ._itemName_1j5b4_143{flex:1;min-width:100px;font-size:12px}._bpmScores_1j5b4_191{display:flex;align-items:center}._bpmScore_1j5b4_191{width:60px;display:flex;flex-direction:column;align-items:center;gap:2px}._bpmScore_1j5b4_191 ._scoreValue_1j5b4_158{font-size:10px}._attemptCount_1j5b4_208{font-size:9px;color:var(--color-text-muted);opacity:.7;margin-left:2px}._bpmScore_1j5b4_191 ._notAttempted_1j5b4_163{font-size:12px;color:var(--color-text-muted)}._practiceButton_1j5b4_221{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;aspect-ratio:1 / 1;padding:0!important;border:none;border-radius:50%!important;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex:0 0 32px!important;margin-left:8px;box-sizing:border-box;overflow:hidden}._practiceButton_1j5b4_221:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}@media (max-width: 480px){._overlay_1j5b4_2{padding:8px}._modal_1j5b4_17{max-height:90vh}._header_1j5b4_29{padding:12px}._title_1j5b4_44{font-size:16px}._bpmHeader_1j5b4_77{padding:6px 8px}._bpmHeaderLabel_1j5b4_86{min-width:80px}._bpmHeaderLevel_1j5b4_91{width:50px}._bpmLevelName_1j5b4_99{font-size:10px}._bpmRange_1j5b4_105{font-size:8px}._item_1j5b4_113{padding:10px}._itemWithBpm_1j5b4_170{padding:8px}._itemWithBpm_1j5b4_170 ._itemName_1j5b4_143{min-width:80px;font-size:11px}._bpmScore_1j5b4_191{width:50px}._practiceButton_1j5b4_221{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex-basis:28px}}._container_nk6v6_1{padding:24px 20px;max-width:600px;margin:0 auto}._notLoggedIn_nk6v6_8,._empty_nk6v6_9,._loading_nk6v6_10,._error_nk6v6_11{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}._notLoggedIn_nk6v6_8 svg,._empty_nk6v6_9 svg{color:var(--color-primary);margin-bottom:16px}._notLoggedIn_nk6v6_8 h2,._empty_nk6v6_9 h2{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:8px}._notLoggedIn_nk6v6_8 p,._empty_nk6v6_9 p{font-size:14px;line-height:1.6}._error_nk6v6_11{color:var(--color-error)}._header_nk6v6_42{margin-bottom:24px}._title_nk6v6_46{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}._guestNote_nk6v6_53{font-size:12px;color:var(--color-warning);background:#ff98001a;padding:8px 12px;border-radius:var(--radius-sm)}._summaryCards_nk6v6_62{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}._card_nk6v6_69{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px}._cardIcon_nk6v6_79{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-md);color:#fff}._cardContent_nk6v6_90{display:flex;align-items:baseline;gap:4px}._cardValue_nk6v6_96{font-size:28px;font-weight:700;color:var(--color-text)}._cardLabel_nk6v6_102{font-size:14px;color:var(--color-text-secondary)}._cardTitle_nk6v6_107{font-size:12px;color:var(--color-text-muted)}._section_nk6v6_113{margin-bottom:24px}._emptyMastery_nk6v6_118{text-align:center;padding:24px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary)}._emptyMasteryHint_nk6v6_127{font-size:12px;color:var(--color-text-muted);margin-top:8px}._sectionTitle_nk6v6_133{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:12px}._typeStats_nk6v6_141{display:flex;flex-direction:column;gap:12px}._typeStat_nk6v6_141{display:flex;align-items:center;gap:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}._typeIcon_nk6v6_157{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#fff;flex-shrink:0}._typeInfo_nk6v6_168{display:flex;flex-direction:column;gap:2px;min-width:80px}._typeName_nk6v6_175{font-size:14px;font-weight:500;color:var(--color-text)}._typeCount_nk6v6_181{font-size:12px;color:var(--color-text-secondary)}._typeBar_nk6v6_186{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}._typeBarFill_nk6v6_194{height:100%;border-radius:4px;transition:width .3s ease}._recentList_nk6v6_201{display:flex;flex-direction:column;gap:8px}._recentItem_nk6v6_207{display:flex;align-items:center;gap:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}._recentIcon_nk6v6_217{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}._recentInfo_nk6v6_228{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}._recentTarget_nk6v6_236{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._recentMeta_nk6v6_245{font-size:12px;color:var(--color-text-muted)}@media (max-width: 400px){._summaryCards_nk6v6_62{grid-template-columns:1fr 1fr;gap:8px}._card_nk6v6_69{padding:12px}._cardValue_nk6v6_96{font-size:24px}}._container_b1ha1_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_b1ha1_7{display:flex;align-items:center;gap:12px;margin-bottom:20px}._backButton_b1ha1_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_b1ha1_14:hover{background:var(--color-bg-tertiary)}._title_b1ha1_32{font-size:20px;font-weight:700;color:var(--color-text);margin:0}._introManga_b1ha1_40{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_b1ha1_47{width:100%;height:auto;display:block}._featuredSection_b1ha1_54{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}._featuredCard_b1ha1_61{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;width:100%;text-align:left}._featuredCard_b1ha1_61:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}._featuredIcon_b1ha1_81{font-size:32px;flex-shrink:0}._featuredInfo_b1ha1_86{flex:1}._featuredTitle_b1ha1_90{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 4px}._featuredDescription_b1ha1_97{font-size:13px;color:var(--color-text-secondary);margin:0}._featuredArrow_b1ha1_103{color:var(--color-text-muted);flex-shrink:0}._categories_b1ha1_108{display:flex;flex-direction:column;gap:24px}._categorySection_b1ha1_114{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}._categoryHeader_b1ha1_121{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}._categoryIcon_b1ha1_130{font-size:28px}._categoryInfo_b1ha1_134{flex:1}._categoryName_b1ha1_138{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 4px}._categoryDescription_b1ha1_145{font-size:12px;color:var(--color-text-secondary);margin:0}._articleList_b1ha1_151{display:flex;flex-direction:column}._articleCard_b1ha1_156{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background-color .2s;width:100%}._articleCard_b1ha1_156:last-child{border-bottom:none}._articleCard_b1ha1_156:hover{background:var(--color-bg-secondary)}._articleNumber_b1ha1_178{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0}._articleInfo_b1ha1_192{flex:1;min-width:0}._articleTitle_b1ha1_197{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 4px}._articleDescription_b1ha1_204{font-size:12px;color:var(--color-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._articleArrow_b1ha1_213{color:var(--color-text-muted);flex-shrink:0}@media (max-width: 480px){._container_b1ha1_1{padding:12px 16px}._intro_b1ha1_40{padding:20px}._characters_b1ha1_227{font-size:40px}._introText_b1ha1_231{font-size:14px}}._container_18ce4_1{padding:16px 20px;max-width:600px;margin:0 auto}._header_18ce4_7{display:flex;align-items:center;gap:12px;margin-bottom:16px}._backButton_18ce4_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_18ce4_14:hover{background:var(--color-bg-tertiary)}._headerInfo_18ce4_32{flex:1}._categoryBadge_18ce4_36{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-secondary);border-radius:20px;font-size:12px;font-weight:500;color:var(--color-text-secondary)}._title_18ce4_48{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 24px;line-height:1.4}._introManga_18ce4_57{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_18ce4_64{width:100%;height:auto;display:block}._content_18ce4_70{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}._heading_18ce4_78{font-size:16px;font-weight:700;color:var(--color-text);margin:8px 0 0;padding-left:12px;border-left:4px solid var(--color-primary)}._dialogue_18ce4_88{display:flex;gap:12px;align-items:flex-start}._dialogueParent_18ce4_94{flex-direction:row}._dialogueChild_18ce4_98{flex-direction:row-reverse}._avatar_18ce4_102{width:80px;height:80px;object-fit:contain;flex-shrink:0}._bubble_18ce4_109{flex:1;padding:12px 16px;background:var(--color-bg-secondary);border-radius:16px;max-width:80%;position:relative}._dialogueParent_18ce4_94 ._bubble_18ce4_109{background:transparent;border:1px solid #333;border-bottom-left-radius:4px}._dialogueParent_18ce4_94 ._bubble_18ce4_109:before{content:"";position:absolute;left:-8px;bottom:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #333}._dialogueParent_18ce4_94 ._bubble_18ce4_109:after{content:"";position:absolute;left:-6px;bottom:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--color-bg, #fff)}._dialogueChild_18ce4_98 ._bubble_18ce4_109{background:transparent;border:1px solid #333;border-bottom-right-radius:4px}._dialogueChild_18ce4_98 ._bubble_18ce4_109:before{content:"";position:absolute;right:-8px;bottom:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #333}._dialogueChild_18ce4_98 ._bubble_18ce4_109:after{content:"";position:absolute;right:-6px;bottom:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--color-bg, #fff)}._speakerName_18ce4_178{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}._bubbleText_18ce4_186{font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);margin:0;line-height:1.7}._pointBox_18ce4_195{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:var(--radius-lg);padding:16px;margin:8px 0}._pointHeader_18ce4_203{display:flex;align-items:center;gap:8px;margin-bottom:8px}._pointIcon_18ce4_210{font-size:18px}._pointTitle_18ce4_214{font-size:14px;font-weight:700;color:#92400e}._pointText_18ce4_220{font-size:14px;color:#78350f;margin:0;line-height:1.6;white-space:pre-line}._navigation_18ce4_229{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--color-border)}._navButton_18ce4_236{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s}._navButton_18ce4_236:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._navLabel_18ce4_256{font-weight:500}._error_18ce4_260{text-align:center;padding:40px;color:var(--color-text-secondary)}@media (max-width: 480px){._container_18ce4_1{padding:12px 16px}._title_18ce4_48{font-size:18px}._bubble_18ce4_109{max-width:85%}._avatar_18ce4_102{width:48px;height:48px;font-size:22px}._bubbleText_18ce4_186{font-size:15px}._navButton_18ce4_236{padding:10px 12px;font-size:13px}}._container_1ndip_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_1ndip_7{display:flex;align-items:center;gap:12px;margin-bottom:20px}._backButton_1ndip_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_1ndip_14:hover{background:var(--color-bg-tertiary)}._title_1ndip_32{font-size:20px;font-weight:700;color:var(--color-text);margin:0}._introManga_1ndip_40{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1ndip_47{width:100%;height:auto;display:block}._filterSection_1ndip_54{margin-bottom:24px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}._filterHeader_1ndip_62{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}._filterLabel_1ndip_69{font-size:13px;font-weight:600;color:var(--color-text-secondary)}._clearButton_1ndip_75{font-size:12px;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}._clearButton_1ndip_75:hover{background:var(--color-bg-tertiary)}._tagList_1ndip_89{display:flex;flex-wrap:wrap;gap:8px}._tagButton_1ndip_95{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;transition:all .15s ease}._tagButton_1ndip_95:hover{border-color:var(--color-primary);color:var(--color-primary)}._tagButton_1ndip_95._tagSelected_1ndip_115{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._tagCount_1ndip_121{font-size:11px;opacity:.7}._filterResult_1ndip_126{margin-top:12px;font-size:12px;color:var(--color-text-muted)}._articleTags_1ndip_133{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}._articleTag_1ndip_133{display:inline-block;padding:3px 8px;font-size:10px;font-weight:600;color:#fff;background:var(--color-primary);border-radius:4px}._latestSection_1ndip_151{margin-bottom:32px}._sectionTitle_1ndip_155{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 12px}._newBadge_1ndip_165{padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:4px;font-size:10px;font-weight:700}._latestCard_1ndip_174{width:100%;padding:20px;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:left;box-shadow:0 4px 12px #6366f126}._latestCard_1ndip_174:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f133}._latestHeader_1ndip_191{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}._publishDate_1ndip_198{font-size:12px;color:var(--color-text-muted)}._latestTitle_1ndip_203{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}._latestDescription_1ndip_210{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 16px}._songComparison_1ndip_217{display:flex;align-items:center;gap:12px;margin-bottom:12px}._songBadge_1ndip_224{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);flex:1}._songLabel_1ndip_234{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--color-primary);color:#fff}._songName_1ndip_243{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._vsText_1ndip_252{font-size:12px;font-weight:700;color:var(--color-text-muted);flex-shrink:0}._keyBadge_1ndip_259{display:inline-block;padding:4px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-text-secondary)}._archiveSection_1ndip_270{margin-bottom:24px}._archiveGrid_1ndip_274{display:flex;flex-direction:column;gap:12px}._archiveCard_1ndip_280{width:100%;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left}._archiveCard_1ndip_280:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}._archiveMeta_1ndip_296{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}._archiveDate_1ndip_303{font-size:11px;color:var(--color-text-muted)}._accuracyBadge_1ndip_308{font-size:11px;font-weight:600;padding:2px 8px;background:#6366f11a;color:var(--color-primary);border-radius:4px}._archiveTitle_1ndip_317{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 8px}._archiveSongs_1ndip_324{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}._archiveVs_1ndip_332{color:var(--color-text-muted);font-weight:700}._empty_1ndip_338{text-align:center;padding:40px;color:var(--color-text-secondary)}._comingSoon_1ndip_345{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}._comingSoonIcon_1ndip_354{font-size:64px;margin-bottom:20px;opacity:.8}._comingSoonTitle_1ndip_360{font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 16px;letter-spacing:2px}._comingSoonText_1ndip_368{font-size:15px;line-height:1.8;color:var(--color-text-secondary);margin:0 0 16px}._comingSoonSub_1ndip_375{font-size:13px;color:var(--color-text-muted);margin:0;padding:8px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}@media (max-width: 400px){._container_1ndip_1{padding:12px 16px}._latestTitle_1ndip_203{font-size:16px}._songComparison_1ndip_217{flex-direction:column;gap:8px}._vsText_1ndip_252{display:none}._songBadge_1ndip_224{width:100%}}._container_1dr27_1{padding:16px 20px;max-width:600px;margin:0 auto}._header_1dr27_7{display:flex;align-items:center;gap:12px;margin-bottom:16px}._backButton_1dr27_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_1dr27_14:hover{background:var(--color-bg-tertiary)}._dateBadge_1dr27_32{font-size:12px;color:var(--color-text-muted)}._title_1dr27_37{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 20px;line-height:1.4}._mangaSection_1dr27_46{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}._mangaImage_1dr27_53{width:100%;height:auto;display:block}._songComparison_1dr27_60{display:flex;align-items:center;gap:12px;margin-bottom:24px}._songCard_1dr27_67{flex:1;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}._songEra_1dr27_76{display:inline-block;padding:2px 10px;background:var(--color-primary);color:#fff;border-radius:12px;font-size:10px;font-weight:700;margin-bottom:8px}._songTitle_1dr27_87{font-size:15px;font-weight:700;color:var(--color-text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._songArtist_1dr27_97{font-size:12px;color:var(--color-text-secondary);margin:0 0 8px}._songMeta_1dr27_103{display:flex;justify-content:center;gap:12px;font-size:11px;color:var(--color-text-muted)}._vsCircle_1dr27_111{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;border-radius:50%;flex-shrink:0}._progressionSection_1dr27_126{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}._sectionTitle_1dr27_133{font-size:14px;font-weight:700;color:var(--color-text);margin:0 0 12px}._practiceKeyNote_1dr27_140{font-size:12px;color:var(--color-text-muted);margin:0 0 12px;padding:8px 12px;background:#0000000a;border-radius:var(--radius-sm)}._progressionRow_1dr27_149{display:flex;align-items:center;gap:12px;margin-bottom:8px}._progressionRow_1dr27_149:last-child{margin-bottom:0}._progressionLabel_1dr27_160{font-size:12px;font-weight:600;color:var(--color-text-secondary);min-width:28px}._progressionChords_1dr27_167{display:flex;gap:6px;flex-wrap:wrap}._chordBadge_1dr27_173{padding:4px 10px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--color-text)}._content_1dr27_184{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}._heading_1dr27_192{font-size:16px;font-weight:700;color:var(--color-text);margin:8px 0 0;padding-left:12px;border-left:4px solid var(--color-primary)}._dialogue_1dr27_202{display:flex;gap:12px;align-items:flex-start}._dialogueParent_1dr27_208{flex-direction:row}._dialogueChild_1dr27_212{flex-direction:row-reverse}._avatar_1dr27_216{width:80px;height:80px;object-fit:contain;flex-shrink:0}._bubble_1dr27_223{flex:1;padding:12px 16px;background:var(--color-bg-secondary);border-radius:16px;max-width:80%;position:relative}._dialogueParent_1dr27_208 ._bubble_1dr27_223{background:transparent;border:1px solid #333;border-bottom-left-radius:4px}._dialogueParent_1dr27_208 ._bubble_1dr27_223:before{content:"";position:absolute;left:-8px;bottom:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #333}._dialogueParent_1dr27_208 ._bubble_1dr27_223:after{content:"";position:absolute;left:-6px;bottom:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--color-bg, #fff)}._dialogueChild_1dr27_212 ._bubble_1dr27_223{background:transparent;border:1px solid #333;border-bottom-right-radius:4px}._dialogueChild_1dr27_212 ._bubble_1dr27_223:before{content:"";position:absolute;right:-8px;bottom:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #333}._dialogueChild_1dr27_212 ._bubble_1dr27_223:after{content:"";position:absolute;right:-6px;bottom:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--color-bg, #fff)}._speakerName_1dr27_292{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}._bubbleText_1dr27_300{font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);margin:0;line-height:1.7}._pointBox_1dr27_309{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:var(--radius-lg);padding:16px;margin:8px 0}._pointHeader_1dr27_317{display:flex;align-items:center;gap:8px;margin-bottom:8px}._pointIcon_1dr27_324{font-size:18px}._pointTitle_1dr27_328{font-size:14px;font-weight:700;color:#92400e}._pointText_1dr27_334{font-size:14px;color:#78350f;margin:0;line-height:1.6;white-space:pre-line}._analysisSection_1dr27_343{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}._analysisList_1dr27_350{margin-bottom:16px}._analysisList_1dr27_350:last-child{margin-bottom:0}._analysisSubtitle_1dr27_358{font-size:13px;font-weight:600;color:var(--color-primary);margin:0 0 8px}._bulletList_1dr27_365{margin:0;padding-left:20px;font-size:14px;color:var(--color-text-secondary);line-height:1.8}._bulletList_1dr27_365 li{margin-bottom:4px}._practiceSection_1dr27_378{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}._practiceSection_1dr27_378 ._sectionTitle_1dr27_133{color:#166534}._practicePoints_1dr27_390{display:flex;flex-direction:column;gap:12px}._practicePoint_1dr27_390{display:flex;align-items:flex-start;gap:12px}._practiceNumber_1dr27_402{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}._practiceText_1dr27_416{font-size:14px;color:#166534;line-height:1.6}._error_1dr27_422{text-align:center;padding:40px;color:var(--color-text-secondary)}@media (max-width: 480px){._container_1dr27_1{padding:12px 16px}._title_1dr27_37{font-size:18px}._songComparison_1dr27_60{flex-direction:column;gap:8px}._vsCircle_1dr27_111{width:28px;height:28px;font-size:8px}._songCard_1dr27_67{width:100%;padding:12px}._songTitle_1dr27_87{font-size:14px}._bubble_1dr27_223{max-width:85%}._avatar_1dr27_216{width:48px;height:48px;font-size:22px}._bubbleText_1dr27_300{font-size:15px}}._container_1mwws_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_1mwws_7{display:flex;align-items:center;gap:12px;margin-bottom:20px}._backButton_1mwws_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_1mwws_14:hover{background:var(--color-bg-tertiary)}._title_1mwws_32{font-size:20px;font-weight:700;color:var(--color-text);margin:0}._introManga_1mwws_40{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1mwws_47{width:100%;height:auto;display:block}._legend_1mwws_54{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:24px;flex-wrap:wrap}._legendTitle_1mwws_65{font-size:12px;color:var(--color-text-muted)}._legendItems_1mwws_70{display:flex;gap:12px}._legendItem_1mwws_70{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary)}._legendDot_1mwws_83{width:8px;height:8px;border-radius:50%}._categorySection_1mwws_90{margin-bottom:28px}._categoryTitle_1mwws_94{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 4px}._categoryIcon_1mwws_104{font-size:18px}._categoryDescription_1mwws_108{font-size:13px;color:var(--color-text-secondary);margin:0 0 12px}._articleList_1mwws_115{display:flex;flex-direction:column;gap:12px}._articleCard_1mwws_121{width:100%;padding:16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:left;box-shadow:var(--shadow-sm)}._articleCard_1mwws_121:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}._articleHeader_1mwws_139{display:flex;align-items:center;gap:8px;margin-bottom:8px}._difficultyBadge_1mwws_146{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}._mathLevel_1mwws_154{font-size:11px;color:var(--color-text-muted)}._articleTitle_1mwws_159{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 4px}._articleSubtitle_1mwws_166{font-size:13px;color:var(--color-text-secondary);margin:0 0 12px}._articleKeyPoints_1mwws_172{display:flex;flex-direction:column;gap:4px}._keyPoint_1mwws_178{font-size:12px;color:var(--color-text-muted);line-height:1.4}._empty_1mwws_185{text-align:center;padding:40px;color:var(--color-text-secondary)}@media (max-width: 400px){._container_1mwws_1{padding:12px 16px}._legend_1mwws_54{flex-direction:column;align-items:flex-start;gap:8px}._articleTitle_1mwws_159{font-size:15px}}._container_1j6zh_1{padding:16px 20px;max-width:600px;margin:0 auto}._header_1j6zh_7{display:flex;align-items:center;gap:12px;margin-bottom:16px}._backButton_1j6zh_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_1j6zh_14:hover{background:var(--color-bg-tertiary)}._badges_1j6zh_32{display:flex;gap:8px;flex-wrap:wrap}._categoryBadge_1j6zh_38{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg-secondary);border-radius:12px;font-size:12px;color:var(--color-text-secondary)}._difficultyBadge_1j6zh_49{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}._title_1j6zh_57{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 4px;line-height:1.4}._subtitle_1j6zh_65{font-size:14px;color:var(--color-text-secondary);margin:0 0 12px}._introManga_1j6zh_72{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1j6zh_79{width:100%;height:auto;display:block}._levelInfo_1j6zh_85{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:24px}._levelLabel_1j6zh_95{font-size:12px;color:var(--color-text-muted)}._levelValue_1j6zh_100{font-size:13px;font-weight:600;color:var(--color-text)}._content_1j6zh_107{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}._heading_1j6zh_115{font-size:16px;font-weight:700;color:var(--color-text);margin:8px 0 0;padding-left:12px;border-left:4px solid var(--color-primary)}._dialogue_1j6zh_125{display:flex;gap:12px;align-items:flex-start}._dialogueParent_1j6zh_131{flex-direction:row}._dialogueChild_1j6zh_135{flex-direction:row-reverse}._avatar_1j6zh_139{width:80px;height:80px;object-fit:contain;flex-shrink:0}._bubble_1j6zh_146{flex:1;padding:12px 16px;background:var(--color-bg-secondary);border-radius:16px;max-width:80%;position:relative}._dialogueParent_1j6zh_131 ._bubble_1j6zh_146{background:transparent;border:1px solid #333;border-bottom-left-radius:4px}._dialogueParent_1j6zh_131 ._bubble_1j6zh_146:before{content:"";position:absolute;left:-8px;bottom:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #333}._dialogueParent_1j6zh_131 ._bubble_1j6zh_146:after{content:"";position:absolute;left:-6px;bottom:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--color-bg, #fff)}._dialogueChild_1j6zh_135 ._bubble_1j6zh_146{background:transparent;border:1px solid #333;border-bottom-right-radius:4px}._dialogueChild_1j6zh_135 ._bubble_1j6zh_146:before{content:"";position:absolute;right:-8px;bottom:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #333}._dialogueChild_1j6zh_135 ._bubble_1j6zh_146:after{content:"";position:absolute;right:-6px;bottom:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--color-bg, #fff)}._speakerName_1j6zh_215{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}._bubbleText_1j6zh_223{font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);margin:0;line-height:1.7}._pointBox_1j6zh_232{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:var(--radius-lg);padding:16px;margin:8px 0}._pointHeader_1j6zh_240{display:flex;align-items:center;gap:8px;margin-bottom:8px}._pointIcon_1j6zh_247{font-size:18px}._pointTitle_1j6zh_251{font-size:14px;font-weight:700;color:#92400e}._pointText_1j6zh_257{font-size:14px;color:#78350f;margin:0;line-height:1.6;white-space:pre-line}._sectionTitle_1j6zh_266{font-size:15px;font-weight:700;color:var(--color-text);margin:0 0 12px;padding-left:10px;border-left:3px solid var(--color-primary)}._formulaSection_1j6zh_276{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #a78bfa;border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}._formulaSection_1j6zh_276 ._sectionTitle_1j6zh_266{color:#5b21b6;border-left-color:#8b5cf6}._formulaList_1j6zh_289{display:flex;flex-direction:column;gap:12px}._formulaCard_1j6zh_295{background:#fff;border-radius:var(--radius-md);padding:12px}._formulaExpression_1j6zh_301{display:block;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;font-weight:600;color:#5b21b6;margin-bottom:6px;padding:8px 12px;background:#f5f3ff;border-radius:var(--radius-sm)}._formulaDescription_1j6zh_313{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}._keyPointsSection_1j6zh_321{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}._keyPointsList_1j6zh_328{margin:0;padding-left:20px;font-size:14px;color:var(--color-text);line-height:1.8}._keyPointsList_1j6zh_328 li{margin-bottom:6px}._applicationSection_1j6zh_341{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}._applicationSection_1j6zh_341 ._sectionTitle_1j6zh_266{color:#065f46;border-left-color:#10b981}._applicationText_1j6zh_354{font-size:14px;color:#047857;margin:0;line-height:1.6}._error_1j6zh_361{text-align:center;padding:40px;color:var(--color-text-secondary)}@media (max-width: 480px){._container_1j6zh_1{padding:12px 16px}._title_1j6zh_57{font-size:18px}._bubble_1j6zh_146{max-width:85%}._avatar_1j6zh_139{width:48px;height:48px;font-size:22px}._bubbleText_1j6zh_223{font-size:15px}}._container_1w5ci_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_1w5ci_7{display:flex;align-items:center;gap:12px;margin-bottom:24px}._backButton_1w5ci_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}._backButton_1w5ci_14:hover{background:var(--color-bg-tertiary)}._title_1w5ci_32{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--color-text);margin:0}._introManga_1w5ci_43{margin-bottom:32px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1w5ci_50{width:100%;height:auto;display:block}._articleList_1w5ci_57{display:flex;flex-direction:column;gap:16px}._articleCard_1w5ci_63{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}._articleCard_1w5ci_63:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}._articleHeader_1w5ci_78{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}._articleTitle_1w5ci_86{font-size:16px;font-weight:600;color:var(--color-text);margin:0;line-height:1.4}._articleMeta_1w5ci_94{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary);flex-shrink:0}._articleDescription_1w5ci_103{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 12px}._tagList_1w5ci_110{display:flex;flex-wrap:wrap;gap:6px}._tag_1w5ci_110{padding:4px 10px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;border-radius:12px;font-weight:500}._footer_1w5ci_126{margin-top:32px;padding:16px;background:var(--color-bg-secondary);border-radius:8px;text-align:center}._footer_1w5ci_126 p{margin:0;font-size:13px;color:var(--color-text-secondary)}@media (max-width: 600px){._gorillaBubble_1w5ci_142{flex-direction:column;align-items:center;text-align:center}._gorillaNote_1w5ci_148{text-align:left}._articleHeader_1w5ci_78{flex-direction:column;gap:8px}}._container_re5dd_1{padding:16px 20px;max-width:900px;margin:0 auto}._header_re5dd_7{display:flex;align-items:center;gap:12px;margin-bottom:24px}._backButton_re5dd_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}._backButton_re5dd_14:hover{background:var(--color-bg-tertiary)}._headerInfo_re5dd_32{flex:1}._badge_re5dd_36{padding:4px 12px;background:#6c5ce7;color:#fff;font-size:12px;font-weight:600;border-radius:12px}._articleMeta_re5dd_46{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}._articleTitle_re5dd_52{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 16px;line-height:1.4}._metaRow_re5dd_60{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}._date_re5dd_68{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary)}._tagList_re5dd_76{display:flex;flex-wrap:wrap;gap:6px}._tag_re5dd_76{padding:3px 10px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;border-radius:10px;font-weight:500}._description_re5dd_91{font-size:15px;color:var(--color-text-secondary);line-height:1.7;margin:0}._introManga_re5dd_99{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_re5dd_106{width:100%;height:auto;display:block}._content_re5dd_113{line-height:1.8}._loading_re5dd_117,._error_re5dd_118{text-align:center;padding:40px;color:var(--color-text-secondary)}._error_re5dd_118{color:var(--color-error)}._h1_re5dd_129{font-size:28px;font-weight:700;color:var(--color-text);margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid var(--color-primary)}._h2_re5dd_138{font-size:22px;font-weight:600;color:var(--color-text);margin:36px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}._h3_re5dd_147{font-size:18px;font-weight:600;color:var(--color-text);margin:28px 0 12px}._h4_re5dd_154{font-size:16px;font-weight:600;color:var(--color-text);margin:24px 0 10px}._p_re5dd_161{margin:0 0 16px;color:var(--color-text);font-size:15px}._ul_re5dd_167,._ol_re5dd_168{margin:0 0 16px;padding-left:24px}._li_re5dd_173{margin:6px 0;color:var(--color-text);font-size:15px}._tableWrapper_re5dd_180{overflow-x:auto;margin:20px 0}._table_re5dd_180{width:100%;border-collapse:collapse;font-size:14px}._th_re5dd_191,._td_re5dd_192{padding:10px 14px;text-align:left;border:1px solid var(--color-border)}._th_re5dd_191{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text)}._td_re5dd_192{color:var(--color-text)}._pre_re5dd_209{background:#1e1e1e;border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0}._codeBlock_re5dd_217{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:#d4d4d4}._inlineCode_re5dd_224{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#e83e8c}._blockquote_re5dd_234{margin:20px 0;padding:16px 20px;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0}._blockquote_re5dd_234 p{margin:0;color:var(--color-text-secondary);font-style:italic}._link_re5dd_249{color:var(--color-primary);text-decoration:none}._link_re5dd_249:hover{text-decoration:underline}._hr_re5dd_259{border:none;border-top:1px solid var(--color-border);margin:32px 0}._navigation_re5dd_266{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border)}._navButton_re5dd_275{flex:1;max-width:45%;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;text-align:left;transition:all .2s}._navButton_re5dd_275:hover{border-color:var(--color-primary);background:var(--color-bg)}._navButtonNext_re5dd_292{text-align:right}._navLabel_re5dd_296{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}._navTitle_re5dd_303{display:block;font-size:14px;font-weight:600;color:var(--color-text);line-height:1.4}._backButtonLarge_re5dd_311{display:block;width:100%;padding:16px;margin-top:20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}@media (max-width: 600px){._articleTitle_re5dd_52{font-size:20px}._h1_re5dd_129{font-size:22px}._h2_re5dd_138{font-size:18px}._h3_re5dd_147{font-size:16px}._navigation_re5dd_266{flex-direction:column}._navButton_re5dd_275{max-width:100%;text-align:left}._navButtonNext_re5dd_292{text-align:left}}._container_1e64u_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_1e64u_7{margin-bottom:16px}._introManga_1e64u_12{margin-bottom:20px}._mangaImage_1e64u_16{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border)}._title_1e64u_22{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}._overview_1e64u_30{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}._statCard_1e64u_37{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}._statNumber_1e64u_48{font-size:1.75rem;font-weight:700;color:var(--color-primary)}._statLabel_1e64u_54{font-size:.75rem;color:var(--color-text-muted)}._description_1e64u_60{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:24px;text-align:center}._viewCards_1e64u_69{display:flex;flex-direction:column;gap:12px}._viewCard_1e64u_69{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}._viewCard_1e64u_69:hover{background:var(--color-bg-hover);border-color:var(--color-primary);transform:translate(4px)}._viewCard_1e64u_69:active{transform:translate(2px)}._viewIcon_1e64u_99{font-size:2rem;flex-shrink:0}._viewInfo_1e64u_104{display:flex;flex-direction:column;gap:4px;min-width:0}._viewTitle_1e64u_111{font-size:1rem;font-weight:600;color:var(--color-text)}._viewDescription_1e64u_117{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}._footer_1e64u_124{margin-top:32px;padding-top:16px;border-top:1px solid var(--color-border);text-align:center}._dataSource_1e64u_131{font-size:.75rem;color:var(--color-text-muted)}._dataSource_1e64u_131 a{color:var(--color-primary);text-decoration:none}._dataSource_1e64u_131 a:hover{text-decoration:underline}@media (max-width: 480px){._container_1e64u_1{padding:12px 16px}._overview_1e64u_30{grid-template-columns:repeat(3,1fr);gap:8px}._statCard_1e64u_37{padding:12px 8px}._statNumber_1e64u_48{font-size:1.25rem}._statLabel_1e64u_54{font-size:.65rem}._viewCard_1e64u_69{padding:12px;gap:12px}._viewIcon_1e64u_99{font-size:1.5rem}._viewTitle_1e64u_111{font-size:.9rem}._viewDescription_1e64u_117{font-size:.75rem}}._container_167xe_1{padding:16px 20px;max-width:none;margin:0 auto}._header_167xe_7{margin-bottom:20px}._backButton_167xe_11{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;padding:0;margin-bottom:8px}._backButton_167xe_11:hover{text-decoration:underline}._title_167xe_25{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}._content_167xe_32{min-height:400px}._loading_167xe_36,._error_167xe_37{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted)}._error_167xe_37{color:var(--color-error)}._dataSourceContainer_167xe_50{display:flex;flex-direction:column;gap:16px}._dataSourceInfo_167xe_56{padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-muted)}._dataSourceInfo_167xe_56 p{margin:0}._heatmapContainer_167xe_70{overflow-x:auto}._heatmapHeader_167xe_74{display:grid;grid-template-columns:140px repeat(7,1fr);gap:2px;margin-bottom:2px}._heatmapCorner_167xe_81{background:transparent}._heatmapDecade_167xe_85{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:8px 4px}._heatmapRow_167xe_93{display:grid;grid-template-columns:140px repeat(7,1fr);gap:2px;margin-bottom:2px}._heatmapGenre_167xe_100{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text);padding:8px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}._genreIcon_167xe_111{font-size:1rem}._heatmapCell_167xe_115{display:flex;align-items:center;justify-content:center;font-size:.7rem;padding:8px 4px;border-radius:var(--radius-sm);color:var(--color-text);cursor:default;transition:transform .1s ease}._heatmapCell_167xe_115:hover{transform:scale(1.05);z-index:1}._heatmapCellTotal_167xe_132{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;padding:8px 4px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text)}._topChordsContainer_167xe_145{display:flex;flex-direction:column;gap:20px}._genreSelector_167xe_151{display:flex;flex-wrap:wrap;gap:8px}._genreButton_167xe_157{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text);cursor:pointer;transition:all .15s ease}._genreButton_167xe_157:hover{background:var(--color-bg-hover)}._genreButton_167xe_157._selected_167xe_175{background:var(--genre-color, var(--color-primary));border-color:var(--genre-color, var(--color-primary));color:#fff}._chartContainer_167xe_181{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}._trendsContainer_167xe_189{display:flex;flex-direction:column;gap:20px}._trendsInsight_167xe_195{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}._trendsInsight_167xe_195 h3{margin:0 0 12px;font-size:1rem;color:var(--color-text)}._trendsInsight_167xe_195 ul{margin:0;padding-left:20px}._trendsInsight_167xe_195 li{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}._progressionsContainer_167xe_220{display:flex;flex-direction:column;gap:16px}._sortModeToggle_167xe_227{display:flex;gap:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:4px}._sortModeButton_167xe_235{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}._sortModeButton_167xe_235:hover:not(._disabled_167xe_247){color:var(--color-text)}._sortModeButton_167xe_235._selected_167xe_175{background:var(--color-primary);color:#fff}._sortModeButton_167xe_235._disabled_167xe_247{opacity:.5;cursor:not-allowed}._sortModeHint_167xe_261{margin:8px 0 0;font-size:.75rem;color:var(--color-text-muted);font-style:italic}._filterSection_167xe_268{display:flex;flex-direction:column;gap:8px}._filterLabel_167xe_274{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}._genreFilter_167xe_282,._sectionFilter_167xe_283{display:flex;flex-wrap:wrap;gap:6px}._filterButton_167xe_289{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text);cursor:pointer;transition:all .15s ease}._filterButton_167xe_289:hover{background:var(--color-bg-hover)}._filterButton_167xe_289._selected_167xe_175{background:var(--genre-color, var(--color-primary));border-color:var(--genre-color, var(--color-primary));color:#fff}._decadeSelector_167xe_313{display:flex;flex-wrap:wrap;gap:6px}._decadeButton_167xe_319{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);cursor:pointer;transition:all .15s ease}._decadeButton_167xe_319:hover{background:var(--color-bg-hover)}._decadeButton_167xe_319._selected_167xe_175{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._progressionList_167xe_340{display:flex;flex-direction:column;gap:8px}._progressionItem_167xe_346{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}._progressionRank_167xe_357{font-size:.875rem;font-weight:700;color:var(--color-primary);min-width:32px}._progressionChords_167xe_364{display:flex;gap:6px;flex-wrap:wrap;flex:1}._chordBadge_167xe_371{padding:4px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-text)}._progressionStats_167xe_380{display:flex;align-items:center;gap:6px;white-space:nowrap}._progressionPercentage_167xe_387{font-size:.875rem;font-weight:600;color:var(--color-text)}._progressionCount_167xe_393{font-size:.75rem;color:var(--color-text-muted)}._progressionName_167xe_398{font-size:.75rem;color:var(--color-primary);font-style:italic;width:100%;margin-top:4px}._noData_167xe_406{padding:40px;text-align:center;color:var(--color-text-muted);font-size:.875rem}._progressionLegend_167xe_414{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}._progressionLegend_167xe_414 h3{margin:0 0 12px;font-size:.875rem;font-weight:600;color:var(--color-text)}._legendList_167xe_428{display:flex;flex-direction:column;gap:8px}._legendItem_167xe_434{display:flex;align-items:center;gap:8px;font-size:.8rem}._legendColor_167xe_441{width:12px;height:12px;border-radius:2px;flex-shrink:0}._legendProgression_167xe_448{font-weight:500;color:var(--color-text)}._legendName_167xe_453{color:var(--color-text-muted);font-size:.75rem}._legendLift_167xe_458{font-size:.7rem;font-weight:600;color:var(--color-primary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}._liftHeatmapContainer_167xe_468{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;overflow-x:auto}._liftHeatmapHeader_167xe_476{display:grid;gap:2px;margin-bottom:2px}._liftHeatmapCorner_167xe_482{font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:8px;text-align:left;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;gap:4px}._liftHeatmapCorner_167xe_482:hover{background:var(--color-bg-tertiary);color:var(--color-text)}._liftHeatmapColHeader_167xe_503{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.7rem;font-weight:600;color:var(--color-text-muted);padding:8px 4px;text-align:center;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}._liftHeatmapColHeader_167xe_503:hover{background:var(--color-bg-tertiary);color:var(--color-text)}._sortActive_167xe_526{color:var(--color-primary)!important;background:var(--color-bg-tertiary)}._sortIndicator_167xe_531{font-size:.6rem;margin-left:2px}._liftHeatmapRow_167xe_536{display:grid;gap:2px;margin-bottom:2px}._liftHeatmapRowHeader_167xe_542{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}._liftHeatmapRowColor_167xe_551{width:12px;height:12px;border-radius:2px;flex-shrink:0}._liftHeatmapRowLabel_167xe_558{font-size:.75rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._liftHeatmapCell_167xe_566{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;padding:4px 2px;border-radius:var(--radius-sm);color:var(--color-text);cursor:default;transition:transform .1s ease;min-height:40px;gap:1px}._liftValue_167xe_582{font-weight:600}._countValue_167xe_586{font-size:.55rem;opacity:.7;font-weight:400}._liftHeatmapCell_167xe_566:hover{transform:scale(1.05);z-index:1}._liftColorScale_167xe_598{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border);flex-wrap:wrap}._liftColorScaleLabel_167xe_608{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}._liftColorScaleBar_167xe_614{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--color-text-muted)}._liftColorScaleGradient_167xe_622{width:100px;height:12px;border-radius:2px;background:linear-gradient(to right,#e6e8f1,#6366f1)}._liftColorScaleHint_167xe_629{font-size:.7rem;color:var(--color-text-muted);font-style:italic}._liftHeatmapRowRank_167xe_636{font-size:.65rem;font-weight:600;color:var(--color-text-muted);min-width:20px;text-align:right}._progressionName_167xe_398{font-size:.65rem;color:var(--color-text-muted);font-weight:400}._pagination_167xe_652{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:12px}._paginationButton_167xe_661{padding:8px 16px;font-size:.8rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}._paginationButton_167xe_661:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary)}._paginationButton_167xe_661:disabled{opacity:.4;cursor:not-allowed}._paginationInfo_167xe_682{font-size:.8rem;color:var(--color-text-muted);min-width:80px;text-align:center}._explanationSection_167xe_690{margin-bottom:16px}._explanationDetails_167xe_694{background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}._explanationSummary_167xe_700{padding:10px 14px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}._explanationSummary_167xe_700:hover{color:var(--color-text)}._explanationContent_167xe_713{padding:0 14px 14px;font-size:.8rem;color:var(--color-text-secondary);line-height:1.6}._explanationContent_167xe_713 h4{font-size:.85rem;font-weight:600;color:var(--color-text);margin:12px 0 6px}._explanationContent_167xe_713 h4:first-child{margin-top:0}._explanationContent_167xe_713 p{margin:0 0 8px}._explanationContent_167xe_713 ul{margin:0;padding-left:20px}._explanationContent_167xe_713 li{margin:4px 0}._similarityContainer_167xe_745{display:flex;flex-direction:column;gap:16px}._wipNotice_167xe_751{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text)}._wipNotice_167xe_751 ._wipIcon_167xe_763{font-size:1rem;flex-shrink:0}._wipNotice_167xe_751 ._wipText_167xe_768{flex:1}._scatterChartContainer_167xe_772{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}._chartHint_167xe_779{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}._filterHeader_167xe_789{display:flex;justify-content:space-between;align-items:center}._filterActions_167xe_795{display:flex;gap:8px}._filterActionButton_167xe_800{padding:4px 10px;font-size:.7rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}._filterActionButton_167xe_800:hover{background:var(--color-bg-hover);color:var(--color-text)}._decadeFilter_167xe_817{display:flex;flex-wrap:wrap;gap:6px}._filterButton_167xe_289._deselected_167xe_824{opacity:.4;background:var(--color-bg-tertiary)}._scatterTooltip_167xe_830{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;min-width:150px;box-shadow:0 4px 12px #00000026}._tooltipGenre_167xe_839{font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:2px}._tooltipDecade_167xe_846{font-size:.75rem;color:var(--color-text-muted);margin-bottom:8px}._tooltipSong_167xe_852{font-size:.8rem;font-weight:500;color:var(--color-text);margin-bottom:2px}._tooltipArtist_167xe_859{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:4px}._tooltipId_167xe_865{font-size:.65rem;color:var(--color-text-muted);margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border)}._scatterLegend_167xe_874{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}._legendDot_167xe_884{width:10px;height:10px;border-radius:50%;flex-shrink:0}._legendCount_167xe_891{font-size:.7rem;color:var(--color-text-muted);margin-left:2px}._insightSection_167xe_898{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}._insightHeader_167xe_906{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}._insightIcon_167xe_915{font-size:1.5rem}._insightTitle_167xe_919{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}._insightContent_167xe_926{display:flex;flex-direction:column;gap:12px}._insightMainFeature_167xe_932{font-size:.9rem;color:var(--color-text);line-height:1.6;margin:0;padding:10px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}._insightDetails_167xe_943{display:grid;grid-template-columns:1fr 1fr;gap:16px}._insightColumn_167xe_949 h4{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}._insightColumn_167xe_949 ul{margin:0;padding-left:18px}._insightColumn_167xe_949 li{font-size:.8rem;color:var(--color-text-secondary);line-height:1.6;margin:4px 0}._representativeProgressions_167xe_970{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}._progressionBadge_167xe_977{display:inline-flex;align-items:center;padding:5px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-text);white-space:nowrap}._decadeTrend_167xe_990{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5;margin:0;font-style:italic}._recentTrendsSection_167xe_999{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;margin-bottom:4px}._recentTrendsSection_167xe_999 h4{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0 0 10px;display:flex;align-items:center;gap:6px}._subTrendTitle_167xe_1017{margin-top:12px!important;font-size:.75rem!important;color:var(--color-text-muted)!important}._subTrendTitle_167xe_1017:before{content:"📊"!important}._trendingList_167xe_1027{display:flex;flex-direction:column;gap:6px}._trendingItem_167xe_1033{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}._trendingRank_167xe_1043{font-size:.8rem;font-weight:700;color:var(--color-primary);min-width:20px;text-align:center}._trendingProgression_167xe_1051{flex:1;font-size:.85rem;font-weight:500;color:var(--color-text)}._trendingName_167xe_1058{font-size:.75rem;font-weight:400;color:var(--color-text-muted)}._trendingLift_167xe_1064{font-size:.8rem;font-weight:600;color:var(--color-primary);background:#6366f11a;padding:3px 8px;border-radius:var(--radius-sm)}._trendingListCompact_167xe_1073{display:flex;flex-wrap:wrap;gap:6px}._trendingBadge_167xe_1079{font-size:.7rem;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}._playButton_167xe_1089{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0;font-size:.9rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}._playButton_167xe_1089:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary)}._playButton_167xe_1089:disabled{opacity:.4;cursor:not-allowed}._playIcon_167xe_1115{font-size:.6rem;margin-right:4px}._playIconSmall_167xe_1120{display:inline-flex;align-items:center;margin-right:5px;color:var(--color-primary)}._playButtonSmall_167xe_1128{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-right:6px}._playButtonSmall_167xe_1128:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}._playButtonSmall_167xe_1128:disabled{color:var(--color-text-muted);cursor:not-allowed}._playing_167xe_1156{border-color:var(--color-primary)!important;box-shadow:0 0 0 1px var(--color-primary)}._highlightedChord_167xe_1162{color:var(--color-primary);font-weight:700;background:#6366f133;padding:1px 3px;border-radius:2px}._trendingBadgeButton_167xe_1171{display:inline-flex;align-items:center;font-size:.7rem;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}._trendingBadgeButton_167xe_1171:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-text)}._trendingBadgeButton_167xe_1171:disabled{opacity:.5;cursor:not-allowed}._progressionBadgeButton_167xe_1196{display:inline-flex;align-items:center;padding:5px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s ease}._progressionBadgeButton_167xe_1196:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary)}._progressionBadgeButton_167xe_1196:disabled{opacity:.5;cursor:not-allowed}._progressionBadgeButton_167xe_1196 ._playIcon_167xe_1115{margin-right:6px}@media (max-width: 600px){._container_167xe_1{padding:12px 16px}._heatmapHeader_167xe_74,._heatmapRow_167xe_93{grid-template-columns:100px repeat(7,50px)}._liftHeatmapContainer_167xe_468{padding:12px;margin:0 -16px;border-radius:0;border-left:none;border-right:none}._liftHeatmapHeader_167xe_476,._liftHeatmapRow_167xe_536{grid-template-columns:160px repeat(7,minmax(50px,1fr))!important;min-width:510px}._liftHeatmapCorner_167xe_482{font-size:.65rem;padding:6px}._liftHeatmapColHeader_167xe_503{font-size:.6rem;padding:6px 2px}._liftHeatmapRowHeader_167xe_542{padding:6px;gap:4px}._liftHeatmapRowRank_167xe_636{font-size:.6rem;min-width:16px}._liftHeatmapRowLabel_167xe_558{font-size:.65rem}._liftHeatmapCell_167xe_566{font-size:.6rem;padding:3px 1px;min-height:36px}._liftValue_167xe_582{font-size:.6rem}._countValue_167xe_586{font-size:.5rem}._liftColorScale_167xe_598{flex-direction:column;align-items:flex-start;gap:6px}._liftColorScaleGradient_167xe_622{width:80px}._pagination_167xe_652{gap:8px;flex-wrap:wrap}._paginationButton_167xe_661{padding:6px 12px;font-size:.75rem}._heatmapGenre_167xe_100{font-size:.7rem}._heatmapDecade_167xe_85{font-size:.65rem}._heatmapCell_167xe_115{font-size:.6rem;padding:6px 2px}._genreSelector_167xe_151{gap:6px}._genreButton_167xe_157{padding:6px 10px;font-size:.75rem}._progressionItem_167xe_346{padding:10px 12px}._chordBadge_167xe_371{padding:3px 8px;font-size:.8rem}._insightDetails_167xe_943{grid-template-columns:1fr;gap:12px}._insightMainFeature_167xe_932{font-size:.85rem}._insightColumn_167xe_949 li{font-size:.75rem}._progressionBadge_167xe_977{font-size:.7rem;padding:4px 8px}._recentTrendsSection_167xe_999{padding:12px}._trendingItem_167xe_1033{padding:6px 8px;gap:8px}._trendingProgression_167xe_1051{font-size:.8rem}._trendingLift_167xe_1064{font-size:.75rem;padding:2px 6px}._playButton_167xe_1089{width:24px;height:24px;font-size:.8rem}._progressionBadgeButton_167xe_1196{font-size:.7rem;padding:4px 8px}._playButtonSmall_167xe_1128{width:20px;height:20px}}._container_1fgs8_1{padding:16px 20px;max-width:600px;margin:0 auto}._title_1fgs8_7{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:24px}._gorillaSection_1fgs8_14{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:24px}._gorillaImage_1fgs8_22{width:140px;height:auto;object-fit:contain}._gorillaImage_1fgs8_22:first-child{width:160px}._siteName_1fgs8_32{font-size:28px;font-weight:800;color:var(--color-text);margin:0 0 8px;letter-spacing:2px;text-align:center}._siteTagline_1fgs8_41{font-size:14px;color:var(--color-text-secondary);text-align:center;margin:0 0 24px}._section_1fgs8_48{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}._sectionTitle_1fgs8_56{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:12px;display:flex;align-items:center;gap:8px}._sectionIcon_1fgs8_66{font-size:20px}._content_1fgs8_70{font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);line-height:1.7}._content_1fgs8_70 p{margin-bottom:12px}._interestList_1fgs8_81{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}._interestList_1fgs8_81 li{background:var(--color-bg);padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif}._note_1fgs8_98{font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-muted);font-style:italic}._subTitle_1fgs8_105{font-size:16px;font-weight:600;color:var(--color-text);margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--color-border)}._featureList_1fgs8_114{list-style:none;padding:0;margin:0}._featureList_1fgs8_114 li{margin-bottom:12px}._featureList_1fgs8_114 li strong{display:block;color:var(--color-primary);margin-bottom:4px}._featureList_1fgs8_114 li p{margin:0;color:var(--color-text-muted);font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}._tip_1fgs8_138{display:flex;align-items:flex-start;gap:8px;background:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:12px;margin-top:12px}._tipIcon_1fgs8_149{font-size:16px;flex-shrink:0}._tip_1fgs8_138 p{font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}._installedBadge_1fgs8_160{display:inline-flex;align-items:center;gap:8px;background:#22c55e1a;color:#22c55e;border:1px solid #22c55e;border-radius:var(--radius-sm);padding:10px 16px;font-weight:500}._installButton_1fgs8_172{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 20px;font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;cursor:pointer;transition:background .2s}._installButton_1fgs8_172:hover{background:var(--color-primary-dark)}._installInstructions_1fgs8_192{background:var(--color-bg);border-radius:var(--radius-sm);padding:12px;margin:12px 0}._installInstructions_1fgs8_192 h4{font-size:15px;font-weight:600;margin-bottom:12px}._instructionGroup_1fgs8_205{margin-bottom:12px}._instructionGroup_1fgs8_205:last-child{margin-bottom:0}._instructionGroup_1fgs8_205 h5{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:4px}._instructionGroup_1fgs8_205 ol{margin:0;padding-left:20px;font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-muted);line-height:1.6}._instructionGroup_1fgs8_205 li{margin-bottom:2px}._benefits_1fgs8_233{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}._benefits_1fgs8_233 h4{font-size:15px;font-weight:600;margin-bottom:8px}._benefits_1fgs8_233 ul{list-style:none;padding:0;margin:0}._benefits_1fgs8_233 li{position:relative;padding-left:20px;margin-bottom:4px;font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-muted);line-height:1.6}._benefits_1fgs8_233 li:before{content:"✓";position:absolute;left:0;color:#22c55e}._container_1l43j_1{padding:16px 20px;max-width:800px;margin:0 auto}._title_1l43j_7{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:24px}._gorillaSection_1l43j_15{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}._gorillaImage_1l43j_22{width:120px;height:auto;object-fit:contain;flex-shrink:0}._speechBubble_1l43j_29{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;position:relative;flex:1}._speechBubble_1l43j_29:before{content:"";position:absolute;left:-10px;top:20px;border-width:10px;border-style:solid;border-color:transparent var(--color-border) transparent transparent}._speechBubble_1l43j_29:after{content:"";position:absolute;left:-8px;top:21px;border-width:9px;border-style:solid;border-color:transparent var(--color-bg-secondary) transparent transparent}._speechBubble_1l43j_29 p{margin:0;font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:var(--color-text)}._section_1l43j_67{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}._sectionTitle_1l43j_75{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px;display:flex;align-items:center;gap:8px}._sectionIcon_1l43j_85{font-size:20px}._sectionDesc_1l43j_89{font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-muted);margin-bottom:16px;line-height:1.7}._featureGrid_1l43j_98{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 600px){._featureGrid_1l43j_98{grid-template-columns:1fr}}._featureCard_1l43j_111{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px;text-decoration:none;color:inherit;transition:all .2s ease}._featureCard_1l43j_111:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._featureIcon_1l43j_129{width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}._featureContent_1l43j_141{flex:1}._featureName_1l43j_145{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}._featureLevel_1l43j_152{display:inline-block;font-size:12px;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);padding:2px 8px;border-radius:var(--radius-sm);margin-bottom:8px}._featureDesc_1l43j_162{font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-muted);line-height:1.7;margin:0 0 8px}._featurePoints_1l43j_170{list-style:none;padding:0;margin:0}._featurePoints_1l43j_170 li{font-size:13px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);padding:2px 0 2px 16px;position:relative;line-height:1.6}._featurePoints_1l43j_170 li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}._tip_1l43j_194{display:flex;align-items:flex-start;gap:8px;background:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:12px;margin-top:16px;font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);line-height:1.7}._tipIcon_1l43j_209{font-size:16px;flex-shrink:0}._callout_1l43j_215{display:flex;align-items:flex-start;gap:8px;background:#eab3081a;border:1px solid #eab308;border-radius:var(--radius-sm);padding:12px;margin-top:12px;font-size:14px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);line-height:1.7}._calloutIcon_1l43j_230{font-size:16px;flex-shrink:0}._closingMessage_1l43j_236{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:20px}._closingGorilla_1l43j_246{width:80px;height:auto;flex-shrink:0}._closingMessage_1l43j_236 p{margin:0;font-size:16px;font-family:Hiragino Maru Gothic ProN,Kosugi Maru,"M PLUS Rounded 1c","Rounded Mplus 1c",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:var(--color-text);font-weight:500}._container_1af3h_1{padding:16px 20px;max-width:800px;margin:0 auto}._content_1af3h_7{flex:1}._title_1af3h_11{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 4px}._subtitle_1af3h_18{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px}._introManga_1af3h_25{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1af3h_32{width:100%;height:auto;display:block}._mobileActions_1af3h_39{display:none;flex-direction:column;gap:12px;width:100%;margin-bottom:24px}._mobileSettingsButton_1af3h_47,._mobileStartButton_1af3h_48{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._mobileSettingsButton_1af3h_47{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}._mobileSettingsButton_1af3h_47:hover{background:var(--color-bg-secondary)}._mobileStartButton_1af3h_48{background:var(--color-primary);color:#fff}._mobileStartButton_1af3h_48:hover{background:var(--color-primary-dark)}._mobileStartButton_1af3h_48:active,._mobileSettingsButton_1af3h_47:active{transform:scale(.98)}@media (max-width: 768px){._mobileActions_1af3h_39{display:flex}}._tuningInfo_1af3h_94{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:24px}._sectionTitle_1af3h_102{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 12px}._description_1af3h_109{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 20px}._stringGrid_1af3h_117{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}._stringCard_1af3h_123{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--color-bg-tertiary);border-radius:8px;border:2px solid transparent;transition:all .15s ease}._stringCard_1af3h_123._selected_1af3h_134{background:#6366f11a;border-color:var(--color-primary)}._stringNumber_1af3h_139{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}._stringNote_1af3h_145{font-size:20px;font-weight:700;color:var(--color-primary)}._stringFreq_1af3h_151{font-size:11px;color:var(--color-text-secondary);margin-top:4px}._startButton_1af3h_158{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}._startButton_1af3h_158:hover{background:var(--color-primary-dark, #0a7d72);transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}._startButton_1af3h_158:active{transform:translateY(0)}._hint_1af3h_186{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 16px;color:var(--color-text-secondary);font-size:14px;text-align:center}._hint_1af3h_186 p{margin:0}@media (max-width: 400px){._container_1af3h_1{padding:12px}._title_1af3h_11{font-size:20px}._stringGrid_1af3h_117{grid-template-columns:repeat(2,1fr)}._startButton_1af3h_158{font-size:16px;padding:14px 20px}}._container_v7hlx_1{padding:16px 20px;max-width:800px;margin:0 auto}._header_v7hlx_7{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}._backButton_v7hlx_14{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:none}._backButton_v7hlx_14:hover{background:var(--color-bg-tertiary)}._title_v7hlx_32{font-size:20px;font-weight:700;color:var(--color-text);margin:0}._headerActions_v7hlx_39{display:flex;align-items:center;gap:8px}._description_v7hlx_46{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;font-size:14px;line-height:1.6;color:var(--color-text-secondary);text-align:center}._stringTabs_v7hlx_58{display:flex;gap:6px;margin-bottom:24px;justify-content:center;flex-wrap:wrap}._stringTab_v7hlx_58{display:flex;flex-direction:column;align-items:center;padding:10px 14px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;box-shadow:none;min-width:48px}._stringTab_v7hlx_58:hover{border-color:var(--color-primary)}._stringTab_v7hlx_58._active_v7hlx_83{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._stringNumber_v7hlx_89{font-size:12px;font-weight:600}._stringNote_v7hlx_94{font-size:14px;font-weight:700}._stringTab_v7hlx_58._active_v7hlx_83 ._stringNote_v7hlx_94,._stringTab_v7hlx_58._active_v7hlx_83 ._stringNumber_v7hlx_89{color:#fff}._tuningMeter_v7hlx_105{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}._targetInfo_v7hlx_114{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:20px}._targetLabel_v7hlx_122{font-size:14px;color:var(--color-text-secondary)}._targetNote_v7hlx_127{font-size:28px;font-weight:700;color:var(--color-primary)}._targetFreq_v7hlx_133{font-size:14px;color:var(--color-text-muted)}._meterContainer_v7hlx_139{margin-bottom:20px}._meterLabels_v7hlx_143{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted);margin-bottom:8px;padding:0 4px}._meterBar_v7hlx_152{position:relative;height:20px;background:linear-gradient(to right,#ef4444,#f97316 20%,#22c55e 45%,#22c55e 55%,#f97316 80%,#3b82f6);border-radius:10px;overflow:visible}._meterCenter_v7hlx_167{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;transform:translate(-50%);box-shadow:0 0 4px #0000004d}._meterNeedle_v7hlx_178{position:absolute;top:-6px;width:4px;height:32px;background:#1e293b;border-radius:2px;transform:translate(-50%);transition:left .15s ease-out;box-shadow:0 2px 4px #0003}._meterNeedle_v7hlx_178:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #1e293b}._meterScale_v7hlx_203{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted);margin-top:8px;padding:0 4px}._centsDiff_v7hlx_213{text-align:center;font-size:18px;font-weight:600;margin-bottom:16px}._centsDiff_v7hlx_213 ._flat_v7hlx_220{color:#ef4444}._centsDiff_v7hlx_213 ._sharp_v7hlx_224{color:#3b82f6}._centsDiff_v7hlx_213 ._close_v7hlx_228{color:#f97316}._centsDiff_v7hlx_213 ._in_tune_v7hlx_232{color:#22c55e}._centsDiff_v7hlx_213 ._idle_v7hlx_236{color:var(--color-text-muted)}._detectedFrequency_v7hlx_241{display:flex;align-items:baseline;justify-content:center;gap:12px}._freqLabel_v7hlx_248{font-size:14px;color:var(--color-text-secondary)}._freqValue_v7hlx_253{font-size:36px;font-weight:700;font-variant-numeric:tabular-nums}._freqValue_v7hlx_253._flat_v7hlx_220{color:#ef4444}._freqValue_v7hlx_253._sharp_v7hlx_224{color:#3b82f6}._freqValue_v7hlx_253._close_v7hlx_228{color:#f97316}._freqValue_v7hlx_253._in_tune_v7hlx_232{color:#22c55e}._freqValue_v7hlx_253._idle_v7hlx_236{color:var(--color-text-muted)}._statusDisplay_v7hlx_280{text-align:center;font-size:24px;font-weight:700;padding:16px;border-radius:var(--radius-md);margin-bottom:20px}._statusDisplay_v7hlx_280._idle_v7hlx_236{background:var(--color-bg-tertiary);color:var(--color-text-muted)}._statusDisplay_v7hlx_280._flat_v7hlx_220{background:#fef2f2;color:#ef4444}._statusDisplay_v7hlx_280._sharp_v7hlx_224{background:#eff6ff;color:#3b82f6}._statusDisplay_v7hlx_280._close_v7hlx_228{background:#fff7ed;color:#f97316}._statusDisplay_v7hlx_280._in_tune_v7hlx_232{background:#f0fdf4;color:#22c55e}._volumeIndicator_v7hlx_315{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:0 20px}._volumeLabel_v7hlx_323{font-size:12px;color:var(--color-text-muted);min-width:36px}._volumeBar_v7hlx_329{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}._volumeFill_v7hlx_337{height:100%;background:var(--color-primary);border-radius:3px;transition:width .1s ease-out}._error_v7hlx_345{text-align:center;padding:12px;background:#fef2f2;color:var(--color-error);border-radius:var(--radius-md);margin-bottom:16px;font-size:14px}._actions_v7hlx_356{display:flex;justify-content:center;margin-bottom:20px}._mainButton_v7hlx_362{min-width:160px;padding:14px 32px;font-size:16px;border-radius:24px;background:var(--color-primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:background .2s}._mainButton_v7hlx_362:hover{background:var(--color-primary-dark, #0a7d72)}._mainButton_v7hlx_362._listening_v7hlx_379{background:var(--color-error)}._mainButton_v7hlx_362._listening_v7hlx_379:hover{background:#dc2626}._hint_v7hlx_388{color:var(--color-text-secondary);font-size:14px;text-align:center;line-height:1.6}@media (max-width: 400px){._container_v7hlx_1{padding:12px}._title_v7hlx_32{font-size:18px}._stringTabs_v7hlx_58{gap:4px}._stringTab_v7hlx_58{padding:8px 10px;min-width:42px}._stringNumber_v7hlx_89{font-size:10px}._stringNote_v7hlx_94{font-size:12px}._targetNote_v7hlx_127{font-size:24px}._freqValue_v7hlx_253{font-size:28px}._statusDisplay_v7hlx_280{font-size:20px;padding:12px}}._container_1trfh_1{padding:16px 20px;max-width:800px;margin:0 auto}._content_1trfh_7{flex:1}._title_1trfh_11{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}._subtitle_1trfh_18{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}._mobileSettingsButton_1trfh_25{display:none;width:100%;padding:14px 20px;margin-bottom:20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileSettingsButton_1trfh_25:hover{background:var(--color-primary-dark)}._mobileSettingsButton_1trfh_25:active{transform:scale(.98)}._mobileActions_1trfh_52{display:none;flex-direction:column;gap:12px;width:100%;margin-bottom:20px}._mobileExampleButton_1trfh_60{display:flex;width:100%;padding:14px 20px;background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileExampleButton_1trfh_60:hover{background:var(--color-bg-tertiary)}._mobileExampleButton_1trfh_60:disabled{opacity:.5;cursor:not-allowed}._mobileStartButton_1trfh_86{display:flex;width:100%;padding:14px 20px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}._mobileStartButton_1trfh_86:hover{background:var(--color-success-dark)}._mobileStartButton_1trfh_86:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){._mobileActions_1trfh_52,._mobileSettingsButton_1trfh_25{display:flex}}._introManga_1trfh_123{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}._mangaImage_1trfh_130{width:100%;height:auto;display:block}._selectPrompt_1trfh_137{font-size:16px;color:var(--color-text-muted);text-align:center;padding:40px 20px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--color-border)}._infoSection_1trfh_148{width:100%;text-align:center;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:16px}._styleHeader_1trfh_157{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}._styleIcon_1trfh_165{color:var(--color-primary)}._sectionTitle_1trfh_169{font-size:18px;font-weight:700;color:var(--color-text);margin:0}._styleDescription_1trfh_176{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 8px}._reference_1trfh_183{font-size:12px;color:var(--color-text-muted);font-style:italic;margin:0}._progressionDisplay_1trfh_191{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}._chordBadge_1trfh_199{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-text)}._keyDisplay_1trfh_210{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:12px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._keyLabel_1trfh_221{font-size:14px;color:var(--color-text-secondary)}._keyValue_1trfh_226{font-size:18px;font-weight:700;color:var(--color-primary)}._tabSection_1trfh_233{width:100%;overflow-x:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}._hint_1trfh_243{margin:0;padding:12px 16px;font-size:13px;color:var(--color-text-muted);text-align:center;line-height:1.5}._container_iei40_2{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px)}._normalView_iei40_10{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:800px;margin:0 auto;width:100%}._practiceView_iei40_24{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-radius:var(--radius-lg);overflow:hidden;margin:8px}._practiceHeader_iei40_35{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:8px}._practiceInfo_iei40_46{display:flex;gap:12px;flex-wrap:wrap;align-items:center}._practiceInfoItem_iei40_53{padding:4px 10px;background:#ffffff26;border-radius:12px;color:#fff;font-size:12px;font-weight:500}._stopButton_iei40_62{padding:6px 16px;background:var(--color-error);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}._stopButton_iei40_62:hover{background:#dc2626}._volumeIndicator_iei40_79{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff1a;border-radius:12px}._volumeMeter_iei40_88{width:60px;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative}._volumeBar_iei40_97{height:100%;border-radius:4px;transition:width .05s ease-out}._volumeBar_iei40_97._low_iei40_103{background:#22c55e}._volumeBar_iei40_97._medium_iei40_107{background:#eab308}._volumeBar_iei40_97._high_iei40_111{background:#ef4444}._volumeThreshold_iei40_115{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.7}._volumeValue_iei40_124{font-size:10px;color:#fffc;min-width:40px;text-align:right;font-family:monospace}._header_iei40_133{text-align:center;width:100%}._title_iei40_138{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 4px}._subtitle_iei40_145{font-size:14px;color:var(--color-text-secondary);margin:0}._introManga_iei40_152{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08));width:100%;max-width:600px}._mangaImage_iei40_161{width:100%;height:auto;display:block}._infoSection_iei40_168{width:100%;text-align:center;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._sectionTitle_iei40_176{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}._patternDescription_iei40_183{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 4px}._selectPrompt_iei40_191{font-size:16px;color:var(--color-text-muted);text-align:center;padding:40px 20px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--color-border);width:100%}._mobileActions_iei40_203{display:none;flex-direction:column;gap:12px;width:100%;max-width:600px;margin:0 auto 16px}._mobileSettingsButton_iei40_212{display:none;align-items:center;justify-content:center;gap:8px;width:100%;max-width:600px;padding:14px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-bg-tertiary);color:var(--color-text)}._mobileExampleButton_iei40_230,._mobileStartButton_iei40_231{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._mobileSettingsButton_iei40_212:hover{background:var(--color-bg-secondary)}._mobileExampleButton_iei40_230{background:var(--color-secondary, #6c757d);color:#fff}._mobileExampleButton_iei40_230:hover:not(:disabled){background:var(--color-secondary-dark, #5a6268)}._mobileExampleButton_iei40_230:disabled{opacity:.6;cursor:not-allowed}._mobileStartButton_iei40_231{background:var(--color-primary);color:#fff}._mobileStartButton_iei40_231:hover:not(:disabled){background:var(--color-primary-dark)}._mobileStartButton_iei40_231:disabled{opacity:.6;cursor:not-allowed}._mobileStopButton_iei40_278{background:var(--color-error, #dc3545);color:#fff}._mobileStopButton_iei40_278:hover{background:#c82333}._mobileStartButton_iei40_231:active,._mobileSettingsButton_iei40_212:active,._mobileExampleButton_iei40_230:active:not(:disabled){transform:scale(.98)}._progressionDisplay_iei40_294{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}._chordBadge_iei40_302{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-text);transition:all .2s}._activeChord_iei40_313{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.1)}._keyDisplay_iei40_321{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:12px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._keyLabel_iei40_332{font-size:14px;color:var(--color-text-secondary)}._keyValue_iei40_337{font-size:18px;font-weight:700;color:var(--color-primary)}._tabSection_iei40_344{width:100%;overflow-x:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}._pitchInfo_iei40_354{padding:8px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-secondary);text-align:center}._hint_iei40_364{margin:0;padding:12px 16px;font-size:13px;color:var(--color-text-muted);text-align:center;line-height:1.5}._resultsOverlay_iei40_374{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._resultsModal_iei40_385{background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}._resultsTitle_iei40_395{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 24px}._totalScore_iei40_403{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}._totalScoreValue_iei40_410{font-size:56px;font-weight:700;color:var(--color-primary);line-height:1}._totalScoreLabel_iei40_417{font-size:14px;color:var(--color-text-secondary);margin-top:4px}._scoreDetails_iei40_424{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}._scoreRow_iei40_431{display:flex;justify-content:space-between;padding:8px 0}._scoreRow_iei40_431:not(:last-child){border-bottom:1px solid var(--color-border)}._scoreRowLabel_iei40_441{font-size:14px;color:var(--color-text-secondary)}._scoreRowValue_iei40_446{font-size:14px;font-weight:600;color:var(--color-text)}._scoreStats_iei40_453{display:flex;justify-content:center;gap:24px;margin-bottom:20px}._statItem_iei40_460{display:flex;flex-direction:column;align-items:center}._statValue_iei40_466{font-size:24px;font-weight:700;color:var(--color-text)}._statLabel_iei40_472{font-size:12px;color:var(--color-text-secondary);margin-top:2px}._resultsMeta_iei40_479{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--color-text-muted);margin-bottom:20px}._resultsActions_iei40_489{display:flex;justify-content:center;gap:12px}._closeButton_iei40_495{padding:12px 32px;background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._closeButton_iei40_495:hover{background:var(--color-bg-secondary)}._retryButton_iei40_511{padding:12px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}._retryButton_iei40_511:hover{background:var(--color-primary-dark, #0056b3)}@media (max-width: 768px){._normalView_iei40_10{padding:12px}._practiceView_iei40_24{margin:4px;border-radius:var(--radius-md)}._practiceHeader_iei40_35{padding:6px 12px;gap:6px}._practiceInfo_iei40_46{gap:6px}._practiceInfoItem_iei40_53{font-size:11px;padding:3px 8px}._title_iei40_138{font-size:18px}._mobileSettingsButton_iei40_212,._mobileActions_iei40_203{display:flex}._resultsModal_iei40_385{padding:24px}._totalScoreValue_iei40_410{font-size:48px}._scoreStats_iei40_453{gap:16px}}._container_pp5ds_3{max-width:900px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._header_pp5ds_11{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}._backButton_pp5ds_20{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}._backButton_pp5ds_20:hover{background:#f0f0f0}._title_pp5ds_35{font-size:1.25rem;font-weight:600;margin:0;flex:1}._devBadge_pp5ds_42{background:#ff6b6b;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}._modelStatus_pp5ds_52{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#f8f9fa;border-radius:4px}._statusReady_pp5ds_62{color:#28a745;font-weight:500}._loadButton_pp5ds_67{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}._loadButton_pp5ds_67:disabled{opacity:.5;cursor:not-allowed}._error_pp5ds_81{color:#dc3545;font-size:.875rem}._modeToggle_pp5ds_87{display:flex;gap:.5rem;margin-bottom:1rem}._modeButton_pp5ds_93{flex:1;padding:.75rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}._modeButton_pp5ds_93._active_pp5ds_104{border-color:#007bff;background:#e7f1ff;color:#007bff}._modeButton_pp5ds_93:hover:not(._active_pp5ds_104){border-color:#ccc}._section_pp5ds_115{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem}._sectionTitle_pp5ds_123{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#333}._sourceTabs_pp5ds_131{display:flex;gap:.5rem;margin-bottom:1rem}._sourceTab_pp5ds_131{flex:1;padding:.5rem;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}._sourceTab_pp5ds_131._active_pp5ds_104{background:#007bff;color:#fff;border-color:#007bff}._synthControls_pp5ds_157{display:flex;flex-direction:column;gap:.75rem}._inputGroup_pp5ds_163{display:flex;flex-direction:column;gap:.25rem}._inputGroup_pp5ds_163 label{font-size:.875rem;color:#666}._inputGroup_pp5ds_163 input[type=text],._inputGroup_pp5ds_163 input[type=number],._inputGroup_pp5ds_163 select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}._inputRow_pp5ds_183{display:flex;gap:1rem}._inputRow_pp5ds_183 ._inputGroup_pp5ds_163{flex:1}._generateButton_pp5ds_192,._uploadButton_pp5ds_193,._analyzeButton_pp5ds_194{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}._generateButton_pp5ds_192:hover,._uploadButton_pp5ds_193:hover,._analyzeButton_pp5ds_194:hover{background:#0056b3}._analyzeButton_pp5ds_194:disabled{opacity:.5;cursor:not-allowed}._analyzeButton_pp5ds_194{background:#28a745;width:100%;margin-top:.5rem}._analyzeButton_pp5ds_194:hover{background:#218838}._fileControls_pp5ds_231{display:flex;flex-direction:column;gap:.5rem}._fileName_pp5ds_237{font-size:.875rem;color:#666}._audioPreview_pp5ds_243{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#f8f9fa;border-radius:4px;margin-top:.5rem}._audioPreview_pp5ds_243 span{font-size:.875rem;color:#666}._audioPreview_pp5ds_243 button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.25rem}._presetGrid_pp5ds_271{display:flex;flex-wrap:wrap;gap:.5rem}._presetButton_pp5ds_277{padding:.5rem .75rem;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}._presetButton_pp5ds_277:hover{border-color:#007bff}._presetButton_pp5ds_277._active_pp5ds_104{background:#007bff;color:#fff;border-color:#007bff}._presetInfo_pp5ds_297{margin-top:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px;font-size:.875rem}._expectedNotes_pp5ds_305{margin-top:.25rem;color:#666;font-size:.8rem}._settingsGrid_pp5ds_312{display:flex;gap:1rem}._settingsGrid_pp5ds_312 ._inputGroup_pp5ds_163{flex:1;flex-direction:row;align-items:center;gap:.5rem}._settingsGrid_pp5ds_312 ._inputGroup_pp5ds_163 label{min-width:120px}._settingsGrid_pp5ds_312 ._inputGroup_pp5ds_163 input[type=range]{flex:1}._settingsGrid_pp5ds_312 ._inputGroup_pp5ds_163 span{min-width:40px;text-align:right;font-family:monospace}._metrics_pp5ds_339{display:flex;gap:2rem;padding:.5rem;background:#f8f9fa;border-radius:4px;margin-bottom:1rem;font-size:.875rem}._comparisonTable_pp5ds_350{margin-bottom:1rem}._comparisonTable_pp5ds_350 h3{font-size:.9rem;margin:0 0 .5rem}._comparisonTable_pp5ds_350 table,._detectedNotes_pp5ds_360 table{width:100%;border-collapse:collapse;font-size:.875rem}._comparisonTable_pp5ds_350 th,._comparisonTable_pp5ds_350 td,._detectedNotes_pp5ds_360 th,._detectedNotes_pp5ds_360 td{padding:.5rem;text-align:left;border-bottom:1px solid #e0e0e0}._comparisonTable_pp5ds_350 th,._detectedNotes_pp5ds_360 th{background:#f8f9fa;font-weight:600}._comparisonTable_pp5ds_350 small,._detectedNotes_pp5ds_360 small{color:#666}._matched_pp5ds_386{background:#d4edda}._missed_pp5ds_390{background:#f8d7da}._notDetected_pp5ds_394{color:#999;font-style:italic}._good_pp5ds_399{color:#28a745}._warn_pp5ds_403{color:#ffc107}._statusOk_pp5ds_407{color:#28a745;font-weight:600}._statusMiss_pp5ds_412{color:#dc3545;font-weight:600}._matchSummary_pp5ds_417{margin-top:.5rem;padding:.5rem;background:#f8f9fa;border-radius:4px;font-weight:500}._detectedNotes_pp5ds_360 h3{font-size:.9rem;margin:0 0 .5rem}._noNotes_pp5ds_431{color:#666;font-style:italic;text-align:center;padding:1rem}._recordingControls_pp5ds_439{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}._recordButton_pp5ds_450,._stopRecordButton_pp5ds_451{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}._recordButton_pp5ds_450{background:#dc3545;color:#fff}._recordButton_pp5ds_450:hover{background:#c82333}._stopRecordButton_pp5ds_451{background:#6c757d;color:#fff}._stopRecordButton_pp5ds_451:hover{background:#5a6268}._recordingIndicator_pp5ds_481{display:flex;align-items:center;gap:.5rem;color:#dc3545;font-weight:600;font-family:monospace}._recordingDot_pp5ds_490{animation:_blink_pp5ds_1 1s infinite}@keyframes _blink_pp5ds_1{0%,50%{opacity:1}51%,to{opacity:.3}}._autoRunButton_pp5ds_499,._stopAutoRunButton_pp5ds_500{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:auto}._autoRunButton_pp5ds_499{background:#17a2b8;color:#fff}._autoRunButton_pp5ds_499:hover{background:#138496}._autoRunButton_pp5ds_499:disabled{opacity:.5;cursor:not-allowed}._stopAutoRunButton_pp5ds_500{background:#ffc107;color:#212529}._stopAutoRunButton_pp5ds_500:hover{background:#e0a800}._summaryTable_pp5ds_537{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:1rem}._summaryTable_pp5ds_537 th,._summaryTable_pp5ds_537 td{padding:.5rem;text-align:left;border-bottom:1px solid #e0e0e0}._summaryTable_pp5ds_537 th{background:#f8f9fa;font-weight:600}._totalSummary_pp5ds_556{padding:.75rem;background:#e7f1ff;border-radius:4px;font-weight:600;text-align:center}._timelineSection_pp5ds_565{margin-bottom:1rem}._timelineSection_pp5ds_565 h3{font-size:.9rem;margin:0 0 .25rem}._timelineHint_pp5ds_574{font-size:.8rem;color:#666;margin:0 0 .75rem}._timeline_pp5ds_565{background:#fafafa;border-radius:8px;padding:1rem;overflow-x:auto}._timeAxis_pp5ds_587{position:relative;height:24px;border-bottom:1px solid #ddd;margin-bottom:.5rem}._timeMark_pp5ds_594{position:absolute;transform:translate(-50%);font-size:.7rem;color:#999}._expectedTimeline_pp5ds_602{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px dashed #28a745}._timelineLabel_pp5ds_610{min-width:80px;font-size:.8rem;font-weight:600;color:#28a745;padding-right:.5rem}._expectedTrack_pp5ds_618{flex:1;position:relative;height:28px;background:#e8f5e9;border-radius:4px}._expectedNoteBar_pp5ds_626{position:absolute;height:100%;background:#28a745;border-radius:3px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.5)}._noteLanes_pp5ds_637{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}._noteLane_pp5ds_637{display:flex;align-items:center;height:28px}._noteLabel_pp5ds_650{min-width:80px;font-size:.8rem;font-weight:500;padding-right:.5rem;display:flex;align-items:center;gap:.25rem}._noteDuration_pp5ds_660{font-size:.7rem;color:#888;font-weight:400}._expectedNote_pp5ds_305{color:#28a745}._harmonicNote_pp5ds_670{color:#888}._laneTrack_pp5ds_674{flex:1;position:relative;height:20px;background:#eee;border-radius:3px}._noteBar_pp5ds_682{position:absolute;height:100%;border-radius:3px;min-width:2px}._expectedBar_pp5ds_689{background:#28a745}._harmonicBar_pp5ds_693{background:#ffc107}._silentBar_pp5ds_697{background:#dee2e6}._primaryNoteSection_pp5ds_702{border-top:2px solid #ddd;padding-top:1rem;margin-top:.5rem}._primaryNoteSection_pp5ds_702 h4{font-size:.85rem;margin:0 0 .25rem;color:#333}._primaryHint_pp5ds_714{font-size:.75rem;color:#888;margin:0 0 .5rem}._primaryTimeline_pp5ds_720{background:#fff;border-radius:4px;padding:.5rem}._primaryTrack_pp5ds_726{position:relative;height:32px;background:#f0f0f0;border-radius:4px;overflow:hidden}._primaryBar_pp5ds_734{position:absolute;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.5)}._barLabel_pp5ds_743{font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}._primaryStats_pp5ds_750{display:flex;gap:2rem;margin-top:.5rem;font-size:.8rem;color:#555}._primaryStats_pp5ds_750 strong{color:#333}@media (max-width: 600px){._inputRow_pp5ds_183,._settingsGrid_pp5ds_312{flex-direction:column}._settingsGrid_pp5ds_312 ._inputGroup_pp5ds_163{flex-direction:column;align-items:stretch}._metrics_pp5ds_339{flex-direction:column;gap:.5rem}._recordingControls_pp5ds_439{flex-direction:column;align-items:stretch}._autoRunButton_pp5ds_499,._stopAutoRunButton_pp5ds_500{margin-left:0}}._container_1jrwa_1{max-width:800px;margin:0 auto;padding:24px}._container_1jrwa_1 h1{margin-bottom:8px}._description_1jrwa_11{color:var(--color-text-secondary);margin-bottom:24px}._controls_1jrwa_16{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._setting_1jrwa_26{display:flex;align-items:center;gap:8px}._setting_1jrwa_26 input,._setting_1jrwa_26 select{width:auto;min-width:80px;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-bg)}._runButton_1jrwa_43{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}._runButton_1jrwa_43:hover:not(:disabled){background:var(--color-primary-dark)}._runButton_1jrwa_43:disabled{opacity:.5;cursor:not-allowed}._singleNoteTests_1jrwa_64{margin-bottom:24px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._singleNoteTests_1jrwa_64 h3{margin:0 0 12px;font-size:14px}._noteButtons_1jrwa_76{display:flex;flex-wrap:wrap;gap:8px}._noteButtons_1jrwa_76 button{padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s}._noteButtons_1jrwa_76 button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-tertiary)}._noteButtons_1jrwa_76 button:disabled{opacity:.5;cursor:not-allowed}._currentNote_1jrwa_102{font-size:24px;font-weight:700;text-align:center;padding:16px;background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:16px}._detection_1jrwa_112{font-size:18px;text-align:center;padding:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:16px}._results_1jrwa_121{margin-top:24px}._results_1jrwa_121 h3{margin-bottom:12px}._resultTable_1jrwa_129{width:100%;border-collapse:collapse;font-size:14px}._resultTable_1jrwa_129 th,._resultTable_1jrwa_129 td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}._resultTable_1jrwa_129 th{background:var(--color-bg-secondary);font-weight:600}._match_1jrwa_147{background:#22c55e1a}._mismatch_1jrwa_151{background:#ef44441a}._debugInfo_1jrwa_155{margin-top:24px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:12px;font-family:monospace}._debugInfo_1jrwa_155 h3{margin:0 0 8px;font-size:14px;font-family:inherit}._debugInfo_1jrwa_155 p{margin:4px 0;color:var(--color-text-secondary)}._container_1jjsg_1{padding:20px;max-width:800px;margin:0 auto}._container_1jjsg_1 h1{margin-bottom:20px;color:var(--color-text)}._status_1jjsg_12{background:var(--color-bg-secondary);padding:16px;border-radius:var(--radius-md);margin-bottom:24px}._status_1jjsg_12 p{margin:4px 0;font-size:14px}._loaded_1jjsg_24{color:#4caf50;font-weight:700}._loading_1jjsg_29{color:#ff9800}._section_1jjsg_33{margin-bottom:32px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}._section_1jjsg_33 h2{margin-bottom:16px;font-size:18px}._noteGrid_1jjsg_45{display:flex;flex-direction:column;gap:8px}._stringRow_1jjsg_51{display:flex;align-items:center;gap:8px}._stringLabel_1jjsg_57{width:70px;font-size:12px;color:var(--color-text-muted)}._noteButton_1jjsg_63{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:14px;transition:all .15s ease}._noteButton_1jjsg_63:hover:not(:disabled){background:var(--color-primary);color:#fff}._noteButton_1jjsg_63:disabled{opacity:.5;cursor:not-allowed}._tempoControl_1jjsg_85{margin-bottom:16px}._tempoControl_1jjsg_85 label{display:flex;flex-direction:column;gap:8px;font-size:14px}._tempoControl_1jjsg_85 input[type=range]{width:100%;max-width:300px}._playButton_1jjsg_101{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;cursor:pointer;transition:all .15s ease}._playButton_1jjsg_101:hover:not(:disabled){opacity:.9}._playButton_1jjsg_101:disabled{opacity:.5;cursor:not-allowed}._chordButtons_1jjsg_121{display:flex;gap:12px}._chordButton_1jjsg_121{padding:12px 32px;background:var(--color-secondary, #6c757d);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;cursor:pointer;transition:all .15s ease}._chordButton_1jjsg_121:hover:not(:disabled){opacity:.9}._chordButton_1jjsg_121:disabled{opacity:.5;cursor:not-allowed}._referenceTable_1jjsg_146{width:100%;border-collapse:collapse;font-size:14px}._referenceTable_1jjsg_146 th,._referenceTable_1jjsg_146 td{padding:8px 12px;text-align:center;border:1px solid var(--color-border)}._referenceTable_1jjsg_146 th{background:var(--color-bg)}:root{--color-bg: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-primary: #0d9488;--color-primary-light: #14b8a6;--color-primary-dark: #0f766e;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-string: #94a3b8;--color-fret: #cbd5e1;--color-finger: #1e293b;--color-root: #f97316;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Kosugi Maru,Hiragino Maru Gothic ProN,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.container{max-width:800px;margin:0 auto;padding:20px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}