.exercise-panel.svelte-qk35mw{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:900px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-qk35mw{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d;box-shadow:0 4px 15px #0000004d}.exercise-top-bar.svelte-qk35mw{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-qk35mw{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-qk35mw{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-qk35mw{background:#ff8c0014}.mini-stat-value.svelte-qk35mw{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-qk35mw{color:#f59e0b}.mini-stat-label.svelte-qk35mw{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-qk35mw{color:#666}.timer-badge.svelte-qk35mw{padding:6px 14px;border-radius:8px;background:#ff8c0014;border:1px solid rgba(255,140,0,.2);font-size:15px;font-weight:700;color:#ff8c00;white-space:nowrap;flex-shrink:0}.timer-badge.urgent.svelte-qk35mw{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-qk35mw-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-qk35mw{background:#ff8c001f;border-color:#ff8c004d;color:#f59e0b}.dark .timer-badge.urgent.svelte-qk35mw{background:#ef444426;border-color:#ef444480;color:#fca5a5}@keyframes svelte-qk35mw-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.instruction-bar.svelte-qk35mw{display:flex;align-items:center;gap:8px}.instruction-text.svelte-qk35mw{margin:0;font-size:15px;color:#374151;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dark .instruction-text.svelte-qk35mw{color:#d1d5db}.barlines-counter.svelte-qk35mw{font-size:13px;font-weight:600;color:#6b7280;padding:2px 10px;background:#ff8c0014;border-radius:9999px}.dark .barlines-counter.svelte-qk35mw{color:#9ca3af;background:#ff8c001f}.barlines-counter.over.svelte-qk35mw{color:#ef4444;background:#ef44441a}.sr-only.svelte-qk35mw{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feedback.svelte-qk35mw{margin:0;font-size:15px;font-weight:600;color:#6b7280}.feedback.correct.svelte-qk35mw{color:#22c55e}.feedback.incorrect.svelte-qk35mw{color:#ef4444}.feedback-icon.svelte-qk35mw{font-weight:700;margin-right:4px}.dark .feedback.svelte-qk35mw{color:#888}.dark .feedback.correct.svelte-qk35mw{color:#4ade80}.dark .feedback.incorrect.svelte-qk35mw{color:#f87171}.staff-area.svelte-qk35mw{padding:6px 8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:160px;overflow-x:auto}.dark .staff-area.svelte-qk35mw{background:#171717;border-color:#ff8c0033}.staff-wrapper.svelte-qk35mw{width:100%}.staff-container.svelte-qk35mw{width:100%;display:flex;justify-content:center;overflow:visible}.legend.svelte-qk35mw{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.legend-item.svelte-qk35mw{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.dark .legend-item.svelte-qk35mw{color:#9ca3af}.legend-swatch.svelte-qk35mw{width:16px;height:3px;border-radius:2px}.correct-swatch.svelte-qk35mw{background:#22c55e}.incorrect-swatch.svelte-qk35mw{background:#ef4444}.missed-swatch.svelte-qk35mw{background:#f97316;border:1px dashed #f97316;height:1px}@media (max-width: 640px){.exercise-panel.svelte-qk35mw{padding:14px}.exercise-top-bar.svelte-qk35mw{gap:8px}.top-stats.svelte-qk35mw{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-qk35mw{padding:3px 6px;min-width:44px;flex:1}.mini-stat-value.svelte-qk35mw{font-size:13px}.staff-area.svelte-qk35mw{min-height:140px}}