.exercise-panel.svelte-1t8wewb{padding:20px;display:flex;flex-direction:column;gap:12px;background:#fff;border:2px solid rgba(255,140,0,.15);border-radius:1rem;max-width:700px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-1t8wewb{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d}.exercise-top-bar.svelte-1t8wewb{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-1t8wewb{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-1t8wewb{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-1t8wewb{background:#ff8c0014}.mini-stat-value.svelte-1t8wewb{font-size:15px;font-weight:700;color:#ff8c00}.dark .mini-stat-value.svelte-1t8wewb{color:#f59e0b}.mini-stat-label.svelte-1t8wewb{font-size:9px;text-transform:uppercase;color:#6b7280}.timer-badge.svelte-1t8wewb{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-1t8wewb{background:#ef44441f;border-color:#ef444466;color:#ef4444}.prompt-area.svelte-1t8wewb{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb}.dark .prompt-area.svelte-1t8wewb{background:#171717;border-color:#ff8c0033}.staff-and-controls.svelte-1t8wewb{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.staff-container.svelte-1t8wewb{width:100%;display:flex;justify-content:center}.staff-container.draggable.svelte-1t8wewb{cursor:ns-resize}.nudge-btn.svelte-1t8wewb{display:flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:8px;border:2px solid #d1d5db;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.nudge-btn.svelte-1t8wewb:hover:not(:disabled){border-color:#ff5100;color:#ff5100;background:#ff51000d}.nudge-btn.svelte-1t8wewb:disabled{opacity:.3;cursor:default}.dark .nudge-btn.svelte-1t8wewb{background:#0a0a0a;border-color:#444;color:#888}.dark .nudge-btn.svelte-1t8wewb:hover:not(:disabled){border-color:#ff5100;color:#ff5100}.play-col.svelte-1t8wewb{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.play-btn.svelte-1t8wewb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,140,0,.3);background:linear-gradient(135deg,#ff5100,#ff8533);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff510040}.play-btn.svelte-1t8wewb:hover:enabled{transform:translateY(-2px)}.play-btn.svelte-1t8wewb:disabled{opacity:.7;cursor:default;transform:none}.play-btn.exhausted.svelte-1t8wewb{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#6b72804d;box-shadow:none;opacity:.6}.play-btn.playing.svelte-1t8wewb{background:linear-gradient(135deg,#d44500,#cc6a20)}.play-badges.svelte-1t8wewb{display:flex;gap:4px}.mode-badge.svelte-1t8wewb{font-size:9px;font-weight:600;text-transform:uppercase;color:#6b7280;background:#0000000a;padding:2px 6px;border-radius:9999px}.dark .mode-badge.svelte-1t8wewb{color:#888;background:#ffffff0f}.replay-counter.svelte-1t8wewb{display:flex;align-items:center;gap:2px;font-size:11px;color:#6b7280}.replay-counter.exhausted.svelte-1t8wewb .replay-value:where(.svelte-1t8wewb){color:#ef4444}.replay-value.svelte-1t8wewb{font-weight:700;color:#ff8c00}.dark .replay-value.svelte-1t8wewb{color:#f59e0b}.replay-sep.svelte-1t8wewb{color:#9ca3af}.replay-total.svelte-1t8wewb{font-weight:600}.feedback.svelte-1t8wewb{margin:0;font-size:15px;color:#6b7280;text-align:center}.feedback.correct.svelte-1t8wewb{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-1t8wewb{color:#ef4444;font-weight:600}.feedback-icon.svelte-1t8wewb{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-1t8wewb{color:#4ade80}.dark .feedback.incorrect.svelte-1t8wewb{color:#f87171}.feedback-replay-row.svelte-1t8wewb{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.feedback-replay-btn.svelte-1t8wewb{padding:6px 16px;font-size:12px;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .15s}.feedback-replay-btn.svelte-1t8wewb:disabled{opacity:.5;cursor:not-allowed}.feedback-replay-btn.correct-btn.svelte-1t8wewb{border:2px solid #22c55e;background:#22c55e14;color:#22c55e}.feedback-replay-btn.correct-btn.svelte-1t8wewb:hover:not(:disabled){background:#22c55e26}.feedback-replay-btn.incorrect-btn.svelte-1t8wewb{border:2px solid #ef4444;background:#ef444414;color:#ef4444}.feedback-replay-btn.incorrect-btn.svelte-1t8wewb:hover:not(:disabled){background:#ef444426}.dark .feedback-replay-btn.correct-btn.svelte-1t8wewb{color:#4ade80;border-color:#4ade80;background:#4ade801a}.dark .feedback-replay-btn.incorrect-btn.svelte-1t8wewb{color:#f87171;border-color:#f87171;background:#f871711a}@media (max-width: 640px){.exercise-panel.svelte-1t8wewb{padding:14px}.top-stats.svelte-1t8wewb{margin-left:0;width:100%;justify-content:center}.prompt-area.svelte-1t8wewb{flex-direction:column}}