.ClefSelector-module__b0u-NG__container{gap:8px;display:flex}.ClefSelector-module__b0u-NG__btn{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:999px;min-height:44px;padding:8px 18px;font-size:1rem;font-weight:600;transition:background .15s,color .15s}.ClefSelector-module__b0u-NG__btn:hover{background:#eff6ff}.ClefSelector-module__b0u-NG__active{color:#fff;background:#2563eb}
.LedgerToggle-module__9Gs5MW__label{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:44px;font-size:1rem;font-weight:500;display:flex}.LedgerToggle-module__9Gs5MW__track{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.LedgerToggle-module__9Gs5MW__track.LedgerToggle-module__9Gs5MW__on{background:#2563eb}.LedgerToggle-module__9Gs5MW__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.LedgerToggle-module__9Gs5MW__track.LedgerToggle-module__9Gs5MW__on .LedgerToggle-module__9Gs5MW__thumb{transform:translate(20px)}
.NoteLabels-module__gUP45W__container{height:52px;margin-top:4px;position:relative}.NoteLabels-module__gUP45W__label{-webkit-user-select:none;user-select:none;font-size:1.4rem;font-weight:700;transition:color .2s,opacity .2s;position:absolute;transform:translate(-50%)}.NoteLabels-module__gUP45W__revealed{color:#2563eb;opacity:1}.NoteLabels-module__gUP45W__hidden{color:#94a3b8;opacity:.5}@keyframes NoteLabels-module__gUP45W__pulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.15)}}.NoteLabels-module__gUP45W__current{color:#f59e0b;opacity:1;font-weight:800;animation:1.5s ease-in-out infinite NoteLabels-module__gUP45W__pulse}
.NotePractice-module__OuL4cG__wrapper{max-width:80vw;margin:0 auto;padding:0 8px}.NotePractice-module__OuL4cG__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.NotePractice-module__OuL4cG__staffArea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:8px 4px 0;transition:border-color .15s}.NotePractice-module__OuL4cG__hint{text-align:center;color:#64748b;margin:12px 0 16px;font-size:.9rem}.NotePractice-module__OuL4cG__noteButtons{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.NotePractice-module__OuL4cG__btnNote{color:#334155;cursor:pointer;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:8px;min-width:60px;padding:12px 16px;font-size:1rem;font-weight:600;line-height:1.2;transition:all .15s}.NotePractice-module__OuL4cG__btnNote:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8;transform:translateY(-2px)}.NotePractice-module__OuL4cG__btnNote:disabled{opacity:.5;cursor:not-allowed}.NotePractice-module__OuL4cG__btnNote small{opacity:.75;margin-top:2px;font-size:.75rem;display:block}@keyframes NotePractice-module__OuL4cG__shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes NotePractice-module__OuL4cG__correctPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.NotePractice-module__OuL4cG__btnCorrect{color:#fff;background:#10b981;border-color:#059669;animation:.6s ease-out NotePractice-module__OuL4cG__correctPulse}.NotePractice-module__OuL4cG__btnWrong{color:#fff;background:#ef4444;border-color:#dc2626;animation:.4s ease-in-out NotePractice-module__OuL4cG__shake}.NotePractice-module__OuL4cG__actions{justify-content:center;gap:10px;display:flex}.NotePractice-module__OuL4cG__btnNew{cursor:pointer;color:#334155;background:#f1f5f9;border:none;border-radius:999px;min-height:44px;padding:10px 22px;font-size:1rem;font-weight:600;transition:opacity .15s,background .15s}.NotePractice-module__OuL4cG__btnNew:hover{background:#e2e8f0}
.page-module__E0kJGG__main{width:100%;max-width:80vw;margin:0 auto;padding:32px 16px 48px}.page-module__E0kJGG__title{text-align:center;color:#1e293b;margin:0 0 10px;font-size:2rem;font-weight:800}.page-module__E0kJGG__intro{text-align:center;color:#475569;max-width:580px;margin:0 auto 28px;font-size:1rem;line-height:1.6}