.exercise-panel.svelte-10teiu8{padding:20px;display:flex;flex-direction:column;gap:12px;background:#fff;border:2px solid rgba(255,140,0,.15);border-radius:1rem;box-shadow:0 4px 15px #0000000d;max-width:800px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-10teiu8{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d}.exercise-top-bar.svelte-10teiu8{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-10teiu8{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-10teiu8{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-10teiu8{background:#ff8c0014}.mini-stat-value.svelte-10teiu8{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-10teiu8{color:#f59e0b}.mini-stat-label.svelte-10teiu8{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-10teiu8{color:#666}.timer-badge.svelte-10teiu8{padding:6px 14px;border-radius:8px;background:#ff8c0014;border:1px solid rgba(255,140,0,.2);font-size:15px;font-weight:700;color:#ff8c00}.timer-badge.urgent.svelte-10teiu8{background:#ef44441f;border-color:#ef444466;color:#ef4444}@keyframes svelte-10teiu8-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.review-nav.svelte-10teiu8{display:flex;align-items:center;gap:8px;justify-content:center}.review-nav-btn.svelte-10teiu8{background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:#374151}.review-nav-btn.svelte-10teiu8:hover:enabled{background:#f3f4f6}.review-nav-btn.svelte-10teiu8:disabled{opacity:.3;cursor:default}.dark .review-nav-btn.svelte-10teiu8{border-color:#3a3a6e;color:#ccc}.review-nav-label.svelte-10teiu8{font-size:12px;color:#6b7280;font-weight:600;min-width:120px;text-align:center}.dark .review-nav-label.svelte-10teiu8{color:#888}.review-back-btn.svelte-10teiu8{background:none;border:1px solid #3b82f6;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;color:#3b82f6;font-weight:600}.dark .review-back-btn.svelte-10teiu8{border-color:#60a5fa;color:#60a5fa}.staff-area.svelte-10teiu8{padding:6px 8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:132px;display:flex;align-items:center;justify-content:center}.dark .staff-area.svelte-10teiu8{background:#171717;border-color:#ff8c0033}.staff-container.svelte-10teiu8{width:100%;display:flex;justify-content:center;overflow-x:auto;cursor:pointer;touch-action:none}.feedback.svelte-10teiu8{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem}.dark .feedback.svelte-10teiu8{color:#888}.feedback.correct.svelte-10teiu8{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-10teiu8{color:#ef4444;font-weight:600}.feedback-icon.svelte-10teiu8{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-10teiu8{color:#4ade80}.dark .feedback.incorrect.svelte-10teiu8{color:#f87171}.hear-row.svelte-10teiu8{display:flex;gap:8px;flex-wrap:wrap}.hear-btn.svelte-10teiu8{padding:8px 16px;border-radius:8px;border:2px solid rgba(59,130,246,.3);background:#3b82f60f;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer}.hear-btn.svelte-10teiu8:hover:enabled{background:#3b82f61f}.hear-btn.svelte-10teiu8:disabled{opacity:.5;cursor:default}.dark .hear-btn.svelte-10teiu8{border-color:#60a5fa4d;background:#60a5fa14;color:#60a5fa}.note-control-bar.svelte-10teiu8{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb}.dark .note-control-bar.svelte-10teiu8{background:#171717;border-color:#ff8c0033}.note-nav-row.svelte-10teiu8{display:flex;align-items:center;justify-content:center;gap:10px}.nav-btn.svelte-10teiu8{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid #d1d5db;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s;flex-shrink:0}.nav-btn.svelte-10teiu8:hover:not(:disabled){border-color:#ff8c00;color:#ff8c00;background:#ff8c000f}.nav-btn.svelte-10teiu8:disabled{opacity:.3;cursor:default}.dark .nav-btn.svelte-10teiu8{background:#0a0a0a;border-color:#444;color:#888}.dark .nav-btn.svelte-10teiu8:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b}.control-hint.svelte-10teiu8{font-size:13px;color:#374151;min-width:110px;text-align:center}.control-hint.svelte-10teiu8 strong:where(.svelte-10teiu8){color:#ff5100}.dark .control-hint.svelte-10teiu8{color:#ccc}.pitch-btns.svelte-10teiu8{display:flex;gap:4px;margin-left:6px}.pitch-btn.svelte-10teiu8{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid #d1d5db;background:#fff;color:#6b7280;font-size:13px;cursor:pointer;transition:all .15s;flex-shrink:0}.pitch-btn.svelte-10teiu8:hover:not(:disabled){border-color:#ff5100;color:#ff5100;background:#ff51000d}.pitch-btn.svelte-10teiu8:disabled{opacity:.3;cursor:default}.dark .pitch-btn.svelte-10teiu8{background:#0a0a0a;border-color:#444;color:#888}.dark .pitch-btn.svelte-10teiu8:hover:not(:disabled){border-color:#ff5100;color:#ff5100}.letter-btns.svelte-10teiu8{display:flex;gap:5px;justify-content:center}.letter-btn.svelte-10teiu8{flex:1;max-width:44px;padding:8px 0;border-radius:8px;text-align:center;border:2px solid rgba(255,140,0,.15);background:#fff;color:#374151;font-size:15px;font-weight:700;cursor:pointer;transition:border-color .1s,background .1s}.letter-btn.svelte-10teiu8:hover:not(:disabled){border-color:#ff8c0066}.letter-btn.active.svelte-10teiu8{background:#ff5100!important;border-color:#ff5100!important;color:#fff!important;box-shadow:0 2px 8px #ff510059}.letter-btn.svelte-10teiu8:disabled{opacity:.4;cursor:default}.dark .letter-btn.svelte-10teiu8{background:#0a0a0a;border-color:#ff8c0033;color:#e5e5e5}.acc-btns.svelte-10teiu8{display:flex;gap:5px;justify-content:center}.acc-btn.svelte-10teiu8{flex:1;max-width:52px;padding:8px 0;border-radius:8px;text-align:center;border:2px solid rgba(255,140,0,.15);background:#fff;color:#374151;font-size:22px;font-weight:700;cursor:pointer;transition:border-color .1s,background .1s}.acc-btn.svelte-10teiu8:hover:not(:disabled){border-color:#ff8c0066}.acc-btn.active.svelte-10teiu8{background:#ff5100!important;border-color:#ff5100!important;color:#fff!important;box-shadow:0 2px 8px #ff510059}.acc-btn.acc-double-sharp.svelte-10teiu8{font-size:38px;line-height:.5;padding-top:14px;padding-bottom:4px}.acc-btn.acc-double-flat.svelte-10teiu8{font-size:28px}.acc-btn.svelte-10teiu8:disabled{opacity:.4;cursor:default}.dark .acc-btn.svelte-10teiu8{background:#0a0a0a;border-color:#ff8c0033;color:#e5e5e5}.oct-btns.svelte-10teiu8{display:flex;gap:8px;align-items:center;justify-content:center}.oct-btn.svelte-10teiu8{padding:6px 14px;border-radius:8px;text-align:center;border:2px solid rgba(255,140,0,.15);background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .1s,background .1s}.oct-btn.svelte-10teiu8:hover:not(:disabled){border-color:#ff8c0066}.oct-btn.svelte-10teiu8:disabled{opacity:.3;cursor:default}.dark .oct-btn.svelte-10teiu8{background:#0a0a0a;border-color:#ff8c0033;color:#e5e5e5}.oct-label.svelte-10teiu8{font-size:13px;font-weight:600;color:#6b7280;min-width:64px;text-align:center}.dark .oct-label.svelte-10teiu8{color:#888}@media (max-width: 640px){.exercise-panel.svelte-10teiu8{padding:14px}.top-stats.svelte-10teiu8{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-10teiu8{padding:3px 6px;min-width:44px;flex:1}.note-control-bar.svelte-10teiu8{padding:10px;gap:8px}.nav-btn.svelte-10teiu8{width:30px;height:30px}.pitch-btn.svelte-10teiu8{width:30px;height:30px;font-size:11px}.letter-btn.svelte-10teiu8{font-size:14px;padding:7px 0}.acc-btn.svelte-10teiu8{font-size:20px;padding:7px 0}}