.exercise-panel.svelte-13zskn9{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:700px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-13zskn9{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d;box-shadow:0 4px 15px #0000004d}.exercise-top-bar.svelte-13zskn9{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-13zskn9{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-13zskn9{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-13zskn9{background:#ff8c0014}.mini-stat-value.svelte-13zskn9{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-13zskn9{color:#f59e0b}.mini-stat-label.svelte-13zskn9{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-13zskn9{color:#666}.timer-badge.svelte-13zskn9{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-13zskn9{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-13zskn9-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-13zskn9{background:#ff8c001f;border-color:#ff8c004d;color:#f59e0b}.dark .timer-badge.urgent.svelte-13zskn9{background:#ef444426;border-color:#ef444480;color:#fca5a5}@keyframes svelte-13zskn9-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.sr-only.svelte-13zskn9{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.play-area.svelte-13zskn9{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb}.dark .play-area.svelte-13zskn9{background:#171717;border-color:#ff8c0033}.play-btn.svelte-13zskn9{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:9999px;border:2px solid rgba(255,140,0,.3);background:linear-gradient(135deg,#ff5100,#ff8533);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ff510040}.play-btn.svelte-13zskn9:hover:enabled{transform:translateY(-2px);box-shadow:0 6px 20px #ff510059}.play-btn.svelte-13zskn9:disabled{opacity:.7;cursor:default;transform:none}.play-btn.exhausted.svelte-13zskn9{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#6b72804d;box-shadow:none;opacity:.6}.play-btn.playing.svelte-13zskn9{background:linear-gradient(135deg,#d44500,#cc6a20);border-color:#ff8c0080}.dark .play-btn.svelte-13zskn9{box-shadow:0 4px 15px #ff510026}.play-icon.svelte-13zskn9{flex-shrink:0}.play-label.svelte-13zskn9{line-height:1}.replay-counter.svelte-13zskn9{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;padding:4px 12px;background:#ff8c000f;border:1px solid rgba(255,140,0,.15);border-radius:8px}.dark .replay-counter.svelte-13zskn9{color:#888;background:#ff8c0014;border-color:#ff8c0033}.replay-counter.exhausted.svelte-13zskn9{background:#ef444414;border-color:#ef444440}.dark .replay-counter.exhausted.svelte-13zskn9{background:#ef44441f;border-color:#ef44444d}.replay-label.svelte-13zskn9{font-weight:500}.replay-value.svelte-13zskn9{font-weight:700;color:#ff8c00}.dark .replay-value.svelte-13zskn9{color:#f59e0b}.replay-counter.exhausted.svelte-13zskn9 .replay-value:where(.svelte-13zskn9){color:#ef4444}.dark .replay-counter.exhausted.svelte-13zskn9 .replay-value:where(.svelte-13zskn9){color:#f87171}.replay-sep.svelte-13zskn9{color:#9ca3af}.dark .replay-sep.svelte-13zskn9{color:#666}.replay-total.svelte-13zskn9{font-weight:600}.count-off-display.svelte-13zskn9{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ff5100,#ff8533);box-shadow:0 4px 20px #ff51004d}.count-off-beat.svelte-13zskn9{font-size:36px;font-weight:800;color:#fff;line-height:1}.feedback.svelte-13zskn9{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem;text-align:center}.dark .feedback.svelte-13zskn9{color:#888}.feedback.correct.svelte-13zskn9{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-13zskn9{color:#ef4444;font-weight:600}.feedback-icon.svelte-13zskn9{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-13zskn9{color:#4ade80}.dark .feedback.incorrect.svelte-13zskn9{color:#f87171}.choices-grid.svelte-13zskn9{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card.svelte-13zskn9{display:flex;flex-direction:column;align-items:stretch;padding:8px;border:2px solid rgba(255,140,0,.15);border-radius:12px;background:#fff;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;min-height:100px;position:relative}.choice-card.svelte-13zskn9:hover:enabled{transform:translateY(-2px);border-color:#ff8c0066;box-shadow:0 4px 12px #00000014}.choice-card.selected.svelte-13zskn9{border-color:#2563eb;background:#2563eb0a;box-shadow:0 0 0 1px #2563eb,0 4px 12px #2563eb26}.choice-card.correct-reveal.svelte-13zskn9{border-color:#22c55e!important;background:#22c55e14!important;box-shadow:0 0 0 1px #22c55e!important}.choice-card.incorrect-reveal.svelte-13zskn9{border-color:#ef4444!important;background:#ef444414!important;box-shadow:0 0 0 1px #ef4444!important}.choice-card.svelte-13zskn9:disabled{opacity:.75;cursor:default;transform:none}.choice-card.svelte-13zskn9:disabled:not(.selected):not(.correct-reveal):not(.incorrect-reveal){opacity:.6}.dark .choice-card.svelte-13zskn9{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-color:#ff8c0033}.dark .choice-card.svelte-13zskn9:hover:enabled{border-color:#ff8c0080;box-shadow:0 4px 12px #0000004d}.dark .choice-card.selected.svelte-13zskn9{border-color:#3b82f6;background:#3b82f614;box-shadow:0 0 0 1px #3b82f6,0 4px 12px #3b82f626}.dark .choice-card.correct-reveal.svelte-13zskn9{border-color:#4ade80!important;background:#4ade801a!important;box-shadow:0 0 0 1px #4ade80!important}.dark .choice-card.incorrect-reveal.svelte-13zskn9{border-color:#f87171!important;background:#f871711a!important;box-shadow:0 0 0 1px #f87171!important}.choice-label.svelte-13zskn9{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;padding:0 4px 4px;align-self:flex-start}.choice-card.selected.svelte-13zskn9 .choice-label:where(.svelte-13zskn9){color:#2563eb}.choice-card.correct-reveal.svelte-13zskn9 .choice-label:where(.svelte-13zskn9){color:#22c55e}.choice-card.incorrect-reveal.svelte-13zskn9 .choice-label:where(.svelte-13zskn9){color:#ef4444}.dark .choice-label.svelte-13zskn9{color:#555}.dark .choice-card.selected.svelte-13zskn9 .choice-label:where(.svelte-13zskn9){color:#60a5fa}.dark .choice-card.correct-reveal.svelte-13zskn9 .choice-label:where(.svelte-13zskn9){color:#4ade80}.dark .choice-card.incorrect-reveal.svelte-13zskn9 .choice-label:where(.svelte-13zskn9){color:#f87171}.choice-notation.svelte-13zskn9{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:70px}@media (max-width: 640px){.exercise-panel.svelte-13zskn9{padding:14px}.exercise-top-bar.svelte-13zskn9{gap:8px}.top-stats.svelte-13zskn9{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-13zskn9{padding:3px 6px;min-width:44px;flex:1}.mini-stat-value.svelte-13zskn9{font-size:13px}.play-btn.svelte-13zskn9{padding:12px 22px;font-size:14px}}@media (max-width: 480px){.choices-grid.svelte-13zskn9{grid-template-columns:1fr}.choice-card.svelte-13zskn9{min-height:80px}}