.EarTraining_gameSection__xiWPR{max-width:800px;margin:0 auto;padding:2rem 1.5rem;text-align:center;position:relative;min-height:80vh}.EarTraining_header__kx5E6{margin-bottom:1.5rem}.EarTraining_title__d_kSf{font-size:2rem;color:#3b82f6;margin-bottom:.25rem}.EarTraining_subtitle__IDwGr{font-size:1.2rem;color:#666}.EarTraining_controlsPanel__f92VB{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1.25rem}.EarTraining_controls__Vantw{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.EarTraining_selectLabel__W9VRl{font-size:.9rem;color:#222}.EarTraining_select__VFLBT{padding:6px 10px;border-radius:8px;border:1px solid #cbd5e1;font-size:.9rem;background:#fff;cursor:pointer}.EarTraining_select__VFLBT:focus{outline:2px solid #3b82f6;outline-offset:1px}.EarTraining_restartBtn__5T3aw{padding:6px 18px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:.9rem;transition:all .15s}.EarTraining_restartBtn__5T3aw:hover{background:#f1f5f9;border-color:#94a3b8}.EarTraining_restartBtn__5T3aw:active{background:#e2e8f0}.EarTraining_scoreCards__0aV0T{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.25rem}.EarTraining_scoreCard__pEf_2{flex:1;max-width:160px;padding:.6rem .75rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.15rem}.EarTraining_scoreCardLabel__AKdk2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;opacity:.8}.EarTraining_scoreCardValue__83Q0v{font-size:1.5rem;font-weight:700;line-height:1.2}.EarTraining_scoreCardBlue__DZ0iP{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.EarTraining_scoreCardAmber__YvjuE{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.EarTraining_scoreCardGreen__o0pET{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.EarTraining_promptArea__6w3uS{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;gap:.75rem}.EarTraining_noteCounter__6ULAM{font-size:.9rem;color:#666;font-weight:600}.EarTraining_playBtn__7_0Vm{padding:.75rem 2rem;border-radius:12px;border:2px solid #3b82f6;background:#3b82f6;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.EarTraining_playBtn__7_0Vm:hover{background:rgb(19.9912195122,105.1219512195,244.2087804878);transform:scale(1.03)}.EarTraining_playBtn__7_0Vm:active{transform:scale(.98)}.EarTraining_noteNameDisplay__c33eK{font-size:1.3rem;font-weight:700;color:#22c55e;min-height:2rem;transition:opacity .3s}.EarTraining_progressSection__Fk_Of{display:flex;align-items:center;gap:.75rem;max-width:500px;margin:0 auto 1.25rem}.EarTraining_progressLabel__bTYr1{font-size:.8rem;font-weight:600;color:#666;white-space:nowrap}.EarTraining_progressWrap__7UQJg{flex:1;height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden}.EarTraining_progress__F7zBZ{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);width:0;transition:width .2s}.EarTraining_octaveIndicator__8S4fT{display:block;text-align:center;color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:600;margin-bottom:.5rem;letter-spacing:.05em;transition:opacity .3s}.EarTraining_pianoWrapper__mHOYe{background:linear-gradient(180deg,#0f172a,#1e293b);border-radius:16px;padding:1.25rem 1.25rem 1.5rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.05)}.EarTraining_piano__F0dZ1{height:180px;margin:0 auto;max-width:500px;touch-action:none}.EarTraining_key__GMR8n,.EarTraining_piano__F0dZ1{display:flex;justify-content:center;position:relative}.EarTraining_key__GMR8n{background:linear-gradient(180deg,#fffff8,#f5f0e8 60%,#ece6da);border:1px solid #c4b99a;width:48px;height:100%;text-align:center;font-weight:700;z-index:1;user-select:none;cursor:pointer;align-items:flex-end;padding-bottom:8px;margin:0 1px;border-radius:0 0 6px 6px;transition:background .06s ease-out,transform .04s ease-out,box-shadow .06s ease-out;box-shadow:0 4px 6px rgba(0,0,0,.15),inset 0 -2px 3px rgba(0,0,0,.04)}.EarTraining_key__GMR8n:hover{background:linear-gradient(180deg,#fdfcf5,#ede8de 60%,#e4ddd0)}.EarTraining_key__GMR8n:active{transform:translateY(3px);box-shadow:0 1px 2px rgba(0,0,0,.1),inset 0 2px 4px rgba(0,0,0,.08);background:linear-gradient(180deg,#f0ebe0,#e8e2d5)}.EarTraining_black__XZkHG{background:linear-gradient(180deg,#2a2a2a,#1a1a1a 40%,#111);color:#fff;width:36px;height:60%;position:absolute;top:0;left:34px;z-index:2;border-radius:0 0 4px 4px;border:1px solid #000;align-items:flex-end;padding-bottom:6px;box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 -1px 2px hsla(0,0%,100%,.06)}.EarTraining_black__XZkHG:hover{background:linear-gradient(180deg,#333,#222 40%,#181818)}.EarTraining_black__XZkHG:active{transform:translateY(2px);box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3);background:linear-gradient(180deg,#222,#151515)}.EarTraining_keyLabel__AyJgX{font-size:.75rem;color:#999;pointer-events:none}.EarTraining_black__XZkHG .EarTraining_keyLabel__AyJgX{color:#999}.EarTraining_pressed__Tp0MS{transform:translateY(3px)!important;background:linear-gradient(180deg,#e8e2d5,#ddd6c6)!important;box-shadow:0 1px 1px rgba(0,0,0,.08),inset 0 2px 5px rgba(0,0,0,.1)!important}.EarTraining_pressed__Tp0MS .EarTraining_keyLabel__AyJgX{color:#888}.EarTraining_black__XZkHG.EarTraining_pressed__Tp0MS{transform:translateY(2px)!important;background:linear-gradient(180deg,#181818,#0e0e0e)!important;box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 2px 6px rgba(0,0,0,.5)!important}.EarTraining_hintKey__mnU5T{outline:3px solid rgba(245,158,11,.6);outline-offset:-3px}.EarTraining_feedback__AY1oH{position:absolute;top:-1.4rem;left:50%;transform:translateX(-50%);font-size:1.2rem;pointer-events:none;opacity:0;transition:opacity .15s}.EarTraining_feedbackVisible__tN3q_{opacity:1}@keyframes EarTraining_correctFlash__2rhXG{0%{background:#22c55e}to{background:linear-gradient(180deg,#fffff8,#f5f0e8 60%,#ece6da)}}@keyframes EarTraining_incorrectFlash__kqrqn{0%{background:red}to{background:linear-gradient(180deg,#fffff8,#f5f0e8 60%,#ece6da)}}.EarTraining_correctFlash__2rhXG{animation:EarTraining_correctFlash__2rhXG .6s ease-out forwards}.EarTraining_incorrectFlash__kqrqn{animation:EarTraining_incorrectFlash__kqrqn .6s ease-out forwards}.EarTraining_hint__1cu_P{margin-top:.75rem;font-size:1rem;min-height:1.5rem;color:#222}.EarTraining_done__a8FML{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:100}.EarTraining_doneVisible__PX0bC{opacity:1;pointer-events:auto}.EarTraining_doneCard__WXKzf{background:#fff;border-radius:16px;padding:2.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.2)}.EarTraining_doneIcon___7qFt{font-size:3.5rem;color:#22c55e;line-height:1}.EarTraining_doneText__LyKoj{font-size:1.5rem;font-weight:700;color:#222}.EarTraining_doneScore__xLSsR{font-size:1rem;color:#666}.EarTraining_doneActions__IcgEV{display:flex;gap:.75rem;margin-top:.75rem}.EarTraining_doneBtn__kGhZW{padding:.6rem 1.5rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.EarTraining_doneBtn__kGhZW:hover{background:#f1f5f9;border-color:#94a3b8}.EarTraining_doneBtn__kGhZW:active{background:#e2e8f0}.EarTraining_doneBtnPrimary__6aD68{background:#3b82f6;border-color:#3b82f6;color:#fff}.EarTraining_doneBtnPrimary__6aD68:hover{background:rgb(19.9912195122,105.1219512195,244.2087804878);border-color:rgb(19.9912195122,105.1219512195,244.2087804878)}.EarTraining_doneBtnPrimary__6aD68:active{background:rgb(10.7034146341,95.1414634146,233.0965853659)}.EarTraining_keyboardRef__G4WNU{display:flex;gap:.6rem;justify-content:center;align-items:center;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem 1rem;margin-top:1rem}.EarTraining_keyboardRefTitle__dqT1O{font-size:.8rem;font-weight:600;color:#666;margin-right:.25rem}.EarTraining_kbdGroup__04c_d{display:flex;align-items:center;gap:.2rem}.EarTraining_kbd___IVXO{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .3rem;background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;font-weight:600;font-family:inherit;color:#222;box-shadow:0 1px 2px rgba(0,0,0,.08)}.EarTraining_kbdNote__Hcr54{font-size:.65rem;color:#666}.EarTraining_loading__vMbzm{margin-top:.5rem;font-size:.85rem;color:#666}@media(max-width:768px){.EarTraining_gameSection__xiWPR{padding:1.25rem .75rem}.EarTraining_title__d_kSf{font-size:1.5rem}.EarTraining_subtitle__IDwGr{font-size:.9rem}.EarTraining_scoreCards__0aV0T{gap:.5rem}.EarTraining_scoreCard__pEf_2{padding:.5rem .4rem}.EarTraining_scoreCardLabel__AKdk2{font-size:.65rem}.EarTraining_scoreCardValue__83Q0v{font-size:1.2rem}.EarTraining_promptArea__6w3uS{padding:1rem}.EarTraining_playBtn__7_0Vm{padding:.6rem 1.5rem;font-size:1rem}.EarTraining_pianoWrapper__mHOYe{padding:.75rem .5rem 1rem;border-radius:12px}.EarTraining_piano__F0dZ1{height:150px}.EarTraining_key__GMR8n{width:40px}.EarTraining_black__XZkHG{width:28px;left:28px}.EarTraining_keyboardRef__G4WNU{gap:.4rem;padding:.5rem .75rem}.EarTraining_kbd___IVXO{min-width:1.3rem;height:1.3rem;font-size:.65rem}.EarTraining_doneCard__WXKzf{padding:2rem}}