.StaffDisplay_wrapper__HK_gd{display:flex;justify-content:center;margin:1.5rem 0}.StaffDisplay_container__Iyw3G{background:white;border-radius:var(--radius);padding:.5rem;width:100%;max-width:340px;min-height:300px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.StaffDisplay_container__Iyw3G svg{display:block;width:100%}.PianoKeyboard_keyboardWrapper__ZJn_U{width:100%;overflow-x:auto;padding:1rem 0 1.5rem;-webkit-overflow-scrolling:touch}.PianoKeyboard_keyboard__v_XZc{display:flex;align-items:flex-start;width:max-content;margin:0 auto;gap:0}.PianoKeyboard_octave__78MsL{position:relative;width:196px;height:140px;flex-shrink:0}.PianoKeyboard_octave__78MsL:last-child{width:28px}.PianoKeyboard_activeOctave__zIk84 .PianoKeyboard_whiteKey__uWZMy{background:#fffef0!important}.PianoKeyboard_whiteKey__uWZMy{position:absolute;width:26px;height:140px;background:white;border:1px solid #aaa;border-radius:0 0 4px 4px;cursor:pointer;transition:background .1s;z-index:1}.PianoKeyboard_whiteKey__uWZMy:hover{background:#e8f4ff}.PianoKeyboard_whiteKey__uWZMy:active{background:#c8e0ff}.PianoKeyboard_highlightBlack__DZtzL:after,.PianoKeyboard_highlightWhite__Q_qAA:after{content:"";position:absolute;bottom:0;left:0;right:0;border-radius:0 0 4px 4px;background:#4ade80;pointer-events:none}.PianoKeyboard_highlightWhite__Q_qAA:after{height:28px}.PianoKeyboard_highlightBlack__DZtzL:after{height:18px;background:#22c55e}.PianoKeyboard_blackKey__nj8zV{position:absolute;width:17px;height:88px;background:#1a1a1a;border:1px solid #000;border-radius:0 0 3px 3px;cursor:pointer;z-index:2;transition:background .1s}.PianoKeyboard_blackKey__nj8zV:hover{background:#333}.PianoKeyboard_blackKey__nj8zV:active{background:#555}.EnharmonicModal_overlay__e4OlW{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.EnharmonicModal_modal__fWbXM{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow-hover);min-width:260px}.EnharmonicModal_question__VH9CZ{font-size:1rem;color:var(--text-muted);margin-bottom:1.25rem}.EnharmonicModal_buttons__P2dff{display:flex;gap:1rem;justify-content:center}.EnharmonicModal_choice__cJUQ1{padding:.75rem 1.5rem;font-size:1.25rem;font-weight:600;background:var(--surface-hover);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.EnharmonicModal_choice__cJUQ1:hover{border-color:var(--accent);background:var(--surface)}.FeedbackBanner_banner__ISpm5{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-radius:var(--radius);border:1px solid transparent;margin:1rem 0;flex-wrap:wrap}.FeedbackBanner_correct__mEB0h{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4);color:#22c55e}.FeedbackBanner_wrong__jS86E{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);color:#ef4444}.FeedbackBanner_message__5IKCQ{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500}.FeedbackBanner_wrong__jS86E .FeedbackBanner_message__5IKCQ{color:var(--text)}.FeedbackBanner_icon__GBP_I{font-size:1.25rem;font-weight:700}.FeedbackBanner_correct__mEB0h .FeedbackBanner_icon__GBP_I{color:#22c55e}.FeedbackBanner_wrong__jS86E .FeedbackBanner_icon__GBP_I{color:#ef4444}.FeedbackBanner_streak__LNvP0{background:var(--accent);color:white;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;color:var(--bg)}.FeedbackBanner_next___fPAY{padding:.5rem 1.25rem;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.FeedbackBanner_next___fPAY:hover{opacity:.85}.SettingsPanel_panel__ZwquL{max-width:560px;margin:0 auto;padding:2rem 1.5rem}.SettingsPanel_title__aGkdD{font-size:2rem;font-weight:700;font-family:var(--font-heading);color:var(--text);margin-bottom:.25rem}.SettingsPanel_subtitle__zuJ24{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.SettingsPanel_section__NfLHy{margin-bottom:1.75rem}.SettingsPanel_sectionTitle__bxM2I{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;font-family:var(--font-heading)}.SettingsPanel_subsection__4fsKk{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border)}.SettingsPanel_label__TXvM1{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.SettingsPanel_toggle__cHJyl{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;width:-moz-fit-content;width:fit-content}.SettingsPanel_toggleBtn__dQdsh{padding:.5rem 1rem;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.875rem;font-family:inherit;transition:background .15s,color .15s}.SettingsPanel_toggleBtn__dQdsh:last-child{border-right:none}.SettingsPanel_toggleBtn__dQdsh.SettingsPanel_active__LlPma{background:var(--accent);color:var(--bg);font-weight:600}.SettingsPanel_toggleBtn__dQdsh:hover:not(.SettingsPanel_active__LlPma){background:var(--surface-hover);color:var(--text)}.SettingsPanel_checkRow__G2BN0{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text)}.SettingsPanel_accidentalsRow__gCiU_{margin-top:.75rem}.SettingsPanel_checkbox__jU3O2{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.SettingsPanel_timerRow__7huhQ{margin-top:.75rem;display:flex;align-items:center;gap:1rem}.SettingsPanel_numberInput__aZReA{width:70px;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;font-family:inherit}.SettingsPanel_startBtn__SvAYS{width:100%;padding:.875rem;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:opacity .15s;margin-bottom:2rem}.SettingsPanel_startBtn__SvAYS:hover{opacity:.85}.SettingsPanel_worksheetSection__4__hr{border-top:1px solid var(--border);padding-top:1.5rem}.SettingsPanel_worksheetNote__QSZBv{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.SettingsPanel_worksheetControls__t8T3K{margin-top:.25rem}.SettingsPanel_worksheetOption__2OvBD{margin-bottom:.75rem}.SettingsPanel_worksheetRow__vph5_{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.SettingsPanel_worksheetBtn__efNLb{padding:.5rem 1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.SettingsPanel_worksheetBtn__efNLb:hover{border-color:var(--accent);background:var(--surface)}@media (max-width:640px){.SettingsPanel_panel__ZwquL{padding:1.5rem 1rem}.SettingsPanel_title__aGkdD{font-size:1.5rem}}.SummaryScreen_container__h9yuZ{max-width:480px;margin:0 auto;padding:2rem 1.5rem;text-align:center}.SummaryScreen_title__E4bUr{font-size:1.75rem;font-weight:700;font-family:var(--font-heading);margin-bottom:2rem}.SummaryScreen_statsGrid__KWAIP{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.SummaryScreen_stat__NZmbf{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.SummaryScreen_statValue__Ss9wc{font-size:1.75rem;font-weight:700;color:var(--accent);font-family:var(--font-heading)}.SummaryScreen_statLabel__4IdFx{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.SummaryScreen_missed__Ac5hT{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;text-align:left}.SummaryScreen_missedTitle__WJdoj{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem;font-family:var(--font-heading)}.SummaryScreen_missedList__MMRKG{display:flex;flex-direction:column;gap:.4rem}.SummaryScreen_missedNote__JOxHp{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.SummaryScreen_noteName__i_NCs{color:var(--text);font-weight:500}.SummaryScreen_missCount__FQQhC{color:#ef4444;font-size:.85rem}.SummaryScreen_perfect__kur4n{color:#22c55e;font-size:1rem;font-weight:500;margin-bottom:1.5rem}.SummaryScreen_restart__Ji92j{width:100%;padding:.875rem;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:opacity .15s}.SummaryScreen_restart__Ji92j:hover{opacity:.85}.WorksheetView_container__e8Aja{position:absolute;left:-9999px;top:0;width:800px;pointer-events:none;background:white}@media print{.WorksheetView_container__e8Aja{display:block!important;color:black;background:white}}.WorksheetView_header__xf5_Z{margin-bottom:1.5rem;border-bottom:2px solid black;padding-bottom:.75rem}.WorksheetView_title__qBik_{font-size:1.25rem;font-weight:700;color:black;margin-bottom:.5rem}.WorksheetView_headerMeta__x7WB1{display:flex;gap:2rem;font-size:.9rem;color:black;margin-bottom:.4rem}.WorksheetView_subtitle__nIiiy{font-size:.9rem;color:black}.WorksheetView_grid__i57l0{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.WorksheetView_staffCell__EzcWl{display:flex;flex-direction:column;align-items:flex-start}.WorksheetView_staffContainer__ZIGUI{background:white;width:185px}.WorksheetView_staffContainer__ZIGUI svg{display:block}.WorksheetView_answerRow__6X1Sl{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.WorksheetView_noteNum__mZhTc{font-size:.8rem;color:black;font-weight:700;white-space:nowrap}.WorksheetView_answerKey__79n12{page-break-before:always;padding-top:2rem;border-top:2px solid black;margin-top:2rem}.WorksheetView_answerTitle__Or8Qn{font-size:1.25rem;font-weight:700;color:black;margin-bottom:1rem}.WorksheetView_answers___zfsU{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem 1rem;gap:.5rem 1rem}.WorksheetView_answer__HCMOq{display:flex;gap:.5rem;align-items:center}.WorksheetView_answerNum__CmsB8{font-size:.85rem;color:black;font-weight:700}.WorksheetView_answerNote__LAsb_{font-size:1rem;color:black;font-weight:600}.WorksheetView_overlayBackdrop__zL_d0{position:fixed;inset:0;z-index:9999;background:white;display:flex;flex-direction:column}.WorksheetView_overlayBar__UVyiC{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.WorksheetView_overlayHint__MYPDs{font-size:.85rem;color:#555}.WorksheetView_overlayClose__UFp8r{padding:.4rem .8rem;background:#222;color:white;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.WorksheetView_overlayScroll__0IMoG{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.WorksheetView_containerOverlay__Z4iNE{position:static!important;left:auto!important;width:100%!important;pointer-events:auto!important}@media print{body>*{display:none!important}#worksheet-print{display:block!important;position:static!important;left:auto!important;top:auto!important;width:auto!important;pointer-events:auto!important;color:black;background:white;padding:20px;font-family:Arial,sans-serif}}.page_page__dIcZn{min-height:100vh;background:var(--bg);color:var(--text);padding-top:4.5rem}.page_container__wuGN7{max-width:900px;margin:0 auto;padding:1.5rem}.page_scoreBar__dkSJm{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem}.page_scoreInfo__5gzlD{display:flex;align-items:center;gap:.5rem;min-width:120px}.page_score__tNVP9{font-size:1rem;font-weight:700;color:var(--accent);font-family:var(--font-heading)}.page_streak___xH9X{background:var(--accent);color:var(--bg);font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:999px}.page_key__tL07_{font-size:.75rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem}.page_progress__vwg56{flex:1 1;height:6px;background:var(--surface-hover);border-radius:999px;overflow:hidden}.page_progressFill__thSi_{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.page_remaining__8v4yR{font-size:.8rem;color:var(--text-muted);min-width:50px;text-align:right}@media (max-width:640px){.page_container__wuGN7{padding:1rem .75rem}.page_scoreBar__dkSJm{flex-wrap:wrap;gap:.5rem}}