._app_3mo3o_1{max-width:1100px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-height:100dvh;display:flex;flex-direction:column;gap:16px}._header_3mo3o_13{text-align:center}._header_3mo3o_13 h1{margin:8px 0 0;font-size:1.6rem;letter-spacing:.02em}._tagline_3mo3o_23{margin:4px 0 0;color:#94a3b8;font-size:.9rem}._screen_3mo3o_29{display:flex;flex-direction:column;align-items:center;gap:16px}._screenTitle_3mo3o_36{margin:8px 0 0;font-size:1.2rem}._choiceList_3mo3o_41{display:grid;gap:12px;width:100%;max-width:440px}@media (min-width: 768px){._choiceList_3mo3o_41{grid-template-columns:1fr 1fr;max-width:760px}}._groupColumn_3mo3o_55{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px}@media (min-width: 768px){._groupColumn_3mo3o_55{max-width:760px}}._group_3mo3o_55{border:1px solid #334155;border-radius:12px;background:#141f3a;overflow:hidden}._groupSummary_3mo3o_76{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;user-select:none;-webkit-user-select:none}._groupSummary_3mo3o_76::-webkit-details-marker{display:none}._groupSummary_3mo3o_76:after{content:"▸";margin-left:auto;color:#7dd3fc;transition:transform .15s ease}._group_3mo3o_55[open]>._groupSummary_3mo3o_76:after{transform:rotate(90deg)}._groupSummary_3mo3o_76:hover{background:#1e2b4a}._group_3mo3o_55 ._choiceList_3mo3o_41{padding:2px 12px 12px;max-width:none}._groupCount_3mo3o_114{background:#273449;color:#94a3b8;border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:700}._choiceBtn_3mo3o_123{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;min-height:48px;border-radius:12px;border:1px solid #334155;background:#1e293b;color:inherit;font-size:1rem;text-align:left;cursor:pointer;transition:background .12s ease,transform .06s ease}._choiceBtn_3mo3o_123:hover{background:#273449}._choiceBtn_3mo3o_123:active{transform:scale(.985)}._choiceName_3mo3o_148{font-weight:700;font-size:1.05rem}._choiceDesc_3mo3o_153{color:#94a3b8;font-size:.85rem}._backBtn_3mo3o_158{background:none;border:none;color:#7dd3fc;font-size:.9rem;cursor:pointer;padding:8px}._backBtn_3mo3o_158:hover{text-decoration:underline}._statusBar_3mo3o_171{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;max-width:640px;flex-wrap:wrap}._statusInstrument_3mo3o_181{color:#94a3b8;font-size:.9rem}._statusNumbers_3mo3o_186{display:flex;gap:16px;font-weight:700;font-variant-numeric:tabular-nums}._controls_3mo3o_193{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:96px;justify-content:center}._primaryBtn_3mo3o_202{min-height:52px;min-width:180px;padding:12px 32px;border-radius:12px;border:none;background:#2563eb;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .12s ease,transform .06s ease}._primaryBtn_3mo3o_202:hover:not(:disabled){background:#1d4ed8}._primaryBtn_3mo3o_202:active:not(:disabled){transform:scale(.97)}._primaryBtn_3mo3o_202:disabled{opacity:.55;cursor:not-allowed}._hint_3mo3o_230{color:#94a3b8;font-size:.85rem;text-align:center;margin:0}._feedback_3mo3o_237{min-height:2.2em;display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:800;letter-spacing:.03em}._feedbackCorrect_3mo3o_247{color:#4ade80}._feedbackWrong_3mo3o_251{color:#f87171}._sliderGroup_3mo3o_255{width:100%;max-width:440px;display:flex;flex-direction:column;gap:6px;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:14px 18px}._sliderGroup_3mo3o_255 label{font-weight:700;font-size:.95rem}._sliderGroup_3mo3o_255 input[type=range]{width:100%;accent-color:#38bdf8;min-height:32px}._sliderValue_3mo3o_278{color:#7dd3fc;font-weight:700}._rangeSummary_3mo3o_283{color:#94a3b8;font-size:.9rem;text-align:center;margin:0}._inputToggle_3mo3o_290{display:flex;gap:0;border:1px solid #334155;border-radius:10px;overflow:hidden}._inputToggleBtn_3mo3o_298{min-height:40px;padding:8px 16px;border:none;background:#1e293b;color:#94a3b8;font-size:.85rem;font-weight:700;cursor:pointer}._inputToggleBtn_3mo3o_298:not(:last-child){border-right:1px solid #334155}._inputToggleActive_3mo3o_313{background:#2563eb;color:#fff}._stagedStrip_3mo3o_318{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#cbd5e1;min-height:1.6em}._stagedUndoBtn_3mo3o_327{min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-weight:700;cursor:pointer}._stagedUndoBtn_3mo3o_327:hover{background:#273449}._orderHint_3mo3o_342{color:#fbbf24;font-weight:700}._staffRow_3mo3o_347{display:flex;align-items:flex-start;justify-content:center;gap:14px;width:100%}._rangeError_3mo3o_355{color:#f87171;font-size:.85rem;margin:0;text-align:center}._gameOver_3mo3o_362{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;text-align:center}._gameOverMessage_3mo3o_371{font-size:1.8rem;font-weight:900;letter-spacing:.04em;margin:0}._gameOverScore_3mo3o_378{font-size:1.2rem;color:#94a3b8;margin:0}._gameOverStats_3mo3o_384{font-size:.95rem;color:#7dd3fc;margin:0}._gameOverNav_3mo3o_390{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}._donateLink_3mo3o_397{margin-top:16px;color:#94a3b8;font-size:.9rem;text-decoration:none;border-bottom:1px dotted #475569;padding-bottom:1px}._donateLink_3mo3o_397:hover{color:#e2e8f0;border-bottom-color:#94a3b8}._lastPlayedLabel_3mo3o_411{margin:0 0 -6px;color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left}._secondaryBtn_3mo3o_421{min-height:48px;padding:10px 20px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-weight:700;letter-spacing:.03em;cursor:pointer}._secondaryBtn_3mo3o_421:hover{background:#273449}._toast_3mo3o_437{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#7f1d1d;color:#fecaca;border:1px solid #b91c1c;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:min(92vw,480px);z-index:20;box-shadow:0 8px 24px #00000080}._toastRetry_3mo3o_455{border:1px solid #fca5a5;background:transparent;color:#fecaca;border-radius:8px;padding:8px 14px;min-height:40px;font-weight:700;cursor:pointer;white-space:nowrap}._toastRetry_3mo3o_455:hover{background:#ffffff14}@media (max-width: 767px){._app_3mo3o_1{padding:12px}._header_3mo3o_13 h1{font-size:1.3rem}}._wrap_gdbk9_1{display:flex;flex-direction:column;align-items:center;gap:6px;width:132px;flex:none}._title_gdbk9_10{font-weight:800;font-size:1.05rem;color:#7dd3fc;min-height:1.4em}._chartSvg_gdbk9_17{width:100%;height:auto;background:#16213b;border:1px solid #273449;border-radius:12px}._body_gdbk9_25{stroke:#334155;stroke-width:3}._open_gdbk9_30{fill:transparent;stroke:#64748b;stroke-width:1.6}._pressed_gdbk9_36{fill:#38bdf8;stroke:#7dd3fc;stroke-width:1.6}._keyLabel_gdbk9_42{fill:#94a3b8;font-size:7.5px;pointer-events:none}._handLabel_gdbk9_48{fill:#475569;font-size:11px;font-weight:700}._altissimo_gdbk9_54{color:#fbbf24;font-size:.8rem;text-align:center;margin:8px 0}._footnote_gdbk9_61{color:#94a3b8;font-size:.72rem;line-height:1.35;margin:0;text-align:center}@media (max-width: 767px){._wrap_gdbk9_1{width:108px}}._wrap_hro92_1{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}._scroller_hro92_9{max-width:100%;overflow-x:auto;padding:6px 2px 10px}._keyboard_hro92_15{display:flex;align-items:flex-start;gap:3px;width:max-content;margin:0 auto}._key_hro92_15{position:relative;width:48px;min-width:44px;height:132px;min-height:48px;border-radius:0 0 8px 8px;border:1px solid #94a3b8;background:#f8fafc;color:#0f172a;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:6px;font-size:.72rem;font-weight:700;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .06s ease,background .1s ease}._key_hro92_15:hover:not(:disabled){background:#dbeafe}._key_hro92_15:active:not(:disabled),._pressed_hro92_53{transform:translateY(3px);background:#bfdbfe}._key_hro92_15:disabled{cursor:default}._black_hro92_62{height:96px;width:44px;background:#1e293b;color:#e2e8f0;border-color:#0b1220}._black_hro92_62:hover:not(:disabled){background:#334155}._black_hro92_62:active:not(:disabled){background:#475569}._octaveStart_hro92_78{margin-left:9px}._keyboard_hro92_15>._key_hro92_15:first-child{margin-left:0}._currentOctave_hro92_86{border-top:4px solid #38bdf8}._correct_hro92_90{background:#16a34a!important;color:#fff!important;border-color:#15803d}._wrong_hro92_96{background:#dc2626!important;color:#fff!important;border-color:#b91c1c}._feedbackIcon_hro92_102{font-size:1rem;line-height:1}._octaveNav_hro92_107{display:flex;align-items:center;gap:14px}._octaveNavBtn_hro92_113{min-width:52px;min-height:48px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:1.3rem;cursor:pointer}._octaveNavBtn_hro92_113:hover:not(:disabled){background:#273449}._octaveNavBtn_hro92_113:disabled{opacity:.4;cursor:not-allowed}._octaveNavLabel_hro92_133{font-weight:700;min-width:84px;text-align:center}._shortcutHint_hro92_139{color:#64748b;font-size:.8rem;margin:0;text-align:center}@media (max-width: 767px){._key_hro92_15{width:44px;height:116px}._black_hro92_62{height:86px}}._wrap_113b7_1{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:520px}._staffSvg_113b7_10{width:100%;height:auto;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;border-radius:12px;background:#16213b;border:1px solid #273449}._staffSvg_113b7_10._disabled_113b7_22{cursor:default}._staffLine_113b7_26{stroke:#94a3b8;stroke-width:1.2}._ledgerLine_113b7_31{stroke:#94a3b8;stroke-width:1.4}._clef_113b7_36{fill:#cbd5e1;-webkit-user-select:none;user-select:none;pointer-events:none}._noteLabel_113b7_42{fill:#7dd3fc;font-size:12px;font-weight:700}._slotLabel_113b7_48{fill:#94a3b8;font-size:10px;font-weight:700}._accidental_113b7_54{font-size:17px;font-weight:700}._ghostNote_113b7_59{fill:#38bdf8;opacity:.85}._ghostAccidental_113b7_64{fill:#38bdf8}._stagedNote_113b7_68,._stagedAccidental_113b7_72{fill:#e2e8f0}._correctNote_113b7_76,._correctAccidental_113b7_80{fill:#4ade80}._wrongNote_113b7_84,._wrongAccidental_113b7_88{fill:#f87171}._answerNote_113b7_92{fill:none;stroke:#4ade80;stroke-width:2}._answerAccidental_113b7_98{fill:#4ade80}._resultIcon_113b7_102{font-size:13px;font-weight:900}._controls_113b7_107{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}._confirmBtn_113b7_115{min-height:48px;padding:10px 22px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-weight:700;letter-spacing:.03em;cursor:pointer}._confirmBtn_113b7_115:hover:not(:disabled){background:#1d4ed8}._confirmBtn_113b7_115:disabled{opacity:.45;cursor:not-allowed}._nudgeGroup_113b7_136{display:flex;gap:6px}._nudgeBtn_113b7_141{min-width:48px;min-height:48px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:1rem;cursor:pointer}._nudgeBtn_113b7_141:hover:not(:disabled){background:#273449}._nudgeBtn_113b7_141:disabled{opacity:.4;cursor:not-allowed}._undoBtn_113b7_161{min-height:48px;padding:10px 18px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-weight:700;cursor:pointer}._undoBtn_113b7_161:hover:not(:disabled){background:#273449}._selection_113b7_176{min-width:120px;text-align:center;font-weight:700;color:#7dd3fc}._hint_113b7_183{color:#64748b;font-size:.8rem;margin:0;text-align:center}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:#0f172a;color:#e2e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit}button:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}