._app_17tuh_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_17tuh_13{text-align:center}._header_17tuh_13 h1{margin:8px 0 0;font-size:1.6rem;letter-spacing:.02em}._tagline_17tuh_23{margin:4px 0 0;color:#94a3b8;font-size:.9rem}._screen_17tuh_29{display:flex;flex-direction:column;align-items:center;gap:16px}._screenTitle_17tuh_36{margin:8px 0 0;font-size:1.2rem}._choiceList_17tuh_41{display:grid;gap:12px;width:100%;max-width:440px}@media (min-width: 768px){._choiceList_17tuh_41{grid-template-columns:1fr 1fr;max-width:760px}}._groupColumn_17tuh_55{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px}@media (min-width: 768px){._groupColumn_17tuh_55{max-width:760px}}._group_17tuh_55{border:1px solid #334155;border-radius:12px;background:#141f3a;overflow:hidden}._groupSummary_17tuh_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_17tuh_76::-webkit-details-marker{display:none}._groupSummary_17tuh_76:after{content:"▸";margin-left:auto;color:#7dd3fc;transition:transform .15s ease}._group_17tuh_55[open]>._groupSummary_17tuh_76:after{transform:rotate(90deg)}._groupSummary_17tuh_76:hover{background:#1e2b4a}._group_17tuh_55 ._choiceList_17tuh_41{padding:2px 12px 12px;max-width:none}._groupCount_17tuh_114{background:#273449;color:#94a3b8;border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:700}._choiceBtn_17tuh_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_17tuh_123:hover{background:#273449}._choiceBtn_17tuh_123:active{transform:scale(.985)}._choiceName_17tuh_148{font-weight:700;font-size:1.05rem}._choiceDesc_17tuh_153{color:#94a3b8;font-size:.85rem}._backBtn_17tuh_158{background:none;border:none;color:#7dd3fc;font-size:.9rem;cursor:pointer;padding:8px}._backBtn_17tuh_158:hover{text-decoration:underline}._statusBar_17tuh_171{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;max-width:640px;flex-wrap:wrap}._statusInstrument_17tuh_181{color:#94a3b8;font-size:.9rem}._statusNumbers_17tuh_186{display:flex;gap:16px;font-weight:700;font-variant-numeric:tabular-nums}._controls_17tuh_193{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:96px;justify-content:center}._primaryBtn_17tuh_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_17tuh_202:hover:not(:disabled){background:#1d4ed8}._primaryBtn_17tuh_202:active:not(:disabled){transform:scale(.97)}._primaryBtn_17tuh_202:disabled{opacity:.55;cursor:not-allowed}._hint_17tuh_230{color:#94a3b8;font-size:.85rem;text-align:center;margin:0}._optionRow_17tuh_237{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem;cursor:pointer}._optionRow_17tuh_237 input{accent-color:#7dd3fc;width:16px;height:16px;cursor:pointer}._feedback_17tuh_253{min-height:2.2em;display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:800;letter-spacing:.03em}._feedbackCorrect_17tuh_263{color:#4ade80}._feedbackWrong_17tuh_267{color:#f87171}._sliderGroup_17tuh_271{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_17tuh_271 label{font-weight:700;font-size:.95rem}._sliderGroup_17tuh_271 input[type=range]{width:100%;accent-color:#38bdf8;min-height:32px}._sliderValue_17tuh_294{color:#7dd3fc;font-weight:700}._rangeSummary_17tuh_299{color:#94a3b8;font-size:.9rem;text-align:center;margin:0}._inputToggle_17tuh_306{display:flex;gap:0;border:1px solid #334155;border-radius:10px;overflow:hidden}._inputToggleBtn_17tuh_314{min-height:40px;padding:8px 16px;border:none;background:#1e293b;color:#94a3b8;font-size:.85rem;font-weight:700;cursor:pointer}._inputToggleBtn_17tuh_314:not(:last-child){border-right:1px solid #334155}._inputToggleActive_17tuh_329{background:#2563eb;color:#fff}._stagedStrip_17tuh_334{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#cbd5e1;min-height:1.6em}._stagedUndoBtn_17tuh_343{min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-weight:700;cursor:pointer}._stagedUndoBtn_17tuh_343:hover{background:#273449}._orderHint_17tuh_358{color:#fbbf24;font-weight:700}._staffRow_17tuh_363{display:flex;align-items:flex-start;justify-content:center;gap:14px;width:100%}._rangeError_17tuh_371{color:#f87171;font-size:.85rem;margin:0;text-align:center}._gameOver_17tuh_378{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;text-align:center}._gameOverMessage_17tuh_387{font-size:1.8rem;font-weight:900;letter-spacing:.04em;margin:0}._gameOverScore_17tuh_394{font-size:1.2rem;color:#94a3b8;margin:0}._gameOverStats_17tuh_400{font-size:.95rem;color:#7dd3fc;margin:0}._gameOverNav_17tuh_406{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}._donateLink_17tuh_413{margin-top:16px;color:#94a3b8;font-size:.9rem;text-decoration:none;border-bottom:1px dotted #475569;padding-bottom:1px}._donateLink_17tuh_413:hover{color:#e2e8f0;border-bottom-color:#94a3b8}._lastPlayedLabel_17tuh_427{margin:0 0 -6px;color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left}._secondaryBtn_17tuh_437{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_17tuh_437:hover{background:#273449}._toast_17tuh_453{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_17tuh_471{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_17tuh_471:hover{background:#ffffff14}@media (max-width: 767px){._app_17tuh_1{padding:12px}._header_17tuh_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}