.exercise-panel.svelte-v0gnr3{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-v0gnr3{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d}.exercise-top-bar.svelte-v0gnr3{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-v0gnr3{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-v0gnr3{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-v0gnr3{background:#ff8c0014}.mini-stat-value.svelte-v0gnr3{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-v0gnr3{color:#f59e0b}.mini-stat-label.svelte-v0gnr3{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-v0gnr3{color:#666}.timer-badge.svelte-v0gnr3{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-v0gnr3{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-v0gnr3-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-v0gnr3{background:#ff8c001f;color:#f59e0b}@keyframes svelte-v0gnr3-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.play-area.svelte-v0gnr3{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-v0gnr3{background:#171717;border-color:#ff8c0033}.play-btn.svelte-v0gnr3{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-v0gnr3:hover:enabled{transform:translateY(-2px);box-shadow:0 6px 20px #ff510059}.play-btn.svelte-v0gnr3:disabled{opacity:.7;cursor:default;transform:none}.play-btn.exhausted.svelte-v0gnr3{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#6b72804d;box-shadow:none;opacity:.6}.play-btn.playing.svelte-v0gnr3{background:linear-gradient(135deg,#d44500,#cc6a20);border-color:#ff8c0080}.play-icon.svelte-v0gnr3{flex-shrink:0}.play-label.svelte-v0gnr3{line-height:1}.play-meta.svelte-v0gnr3{display:flex;align-items:center;gap:10px}.mode-badge.svelte-v0gnr3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#0000000a;padding:3px 10px;border-radius:9999px}.dark .mode-badge.svelte-v0gnr3{color:#888;background:#ffffff0f}.replay-counter.svelte-v0gnr3{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-v0gnr3{color:#888;background:#ff8c0014;border-color:#ff8c0033}.replay-counter.exhausted.svelte-v0gnr3{background:#ef444414;border-color:#ef444440}.replay-label.svelte-v0gnr3{font-weight:500}.replay-value.svelte-v0gnr3{font-weight:700;color:#ff8c00}.dark .replay-value.svelte-v0gnr3{color:#f59e0b}.replay-counter.exhausted.svelte-v0gnr3 .replay-value:where(.svelte-v0gnr3){color:#ef4444}.replay-sep.svelte-v0gnr3{color:#9ca3af}.replay-total.svelte-v0gnr3{font-weight:600}.feedback.svelte-v0gnr3{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem;text-align:center}.dark .feedback.svelte-v0gnr3{color:#888}.feedback.correct.svelte-v0gnr3{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-v0gnr3{color:#ef4444;font-weight:600}.feedback-icon.svelte-v0gnr3{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-v0gnr3{color:#4ade80}.dark .feedback.incorrect.svelte-v0gnr3{color:#f87171}.feedback-replay-row.svelte-v0gnr3{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.feedback-replay-btn.svelte-v0gnr3{padding:6px 16px;font-size:12px;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .15s ease}.feedback-replay-btn.svelte-v0gnr3:disabled{opacity:.5;cursor:not-allowed}.feedback-replay-btn.correct-btn.svelte-v0gnr3{border:2px solid #22c55e;background:#22c55e14;color:#22c55e}.feedback-replay-btn.correct-btn.svelte-v0gnr3:hover:not(:disabled){background:#22c55e26}.feedback-replay-btn.incorrect-btn.svelte-v0gnr3{border:2px solid #ef4444;background:#ef444414;color:#ef4444}.feedback-replay-btn.incorrect-btn.svelte-v0gnr3:hover:not(:disabled){background:#ef444426}.dark .feedback-replay-btn.correct-btn.svelte-v0gnr3{color:#4ade80;border-color:#4ade80;background:#4ade801a}.dark .feedback-replay-btn.incorrect-btn.svelte-v0gnr3{color:#f87171;border-color:#f87171;background:#f871711a}.choices-grid.svelte-v0gnr3{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card.svelte-v0gnr3{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;border:2px solid rgba(255,140,0,.15);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;min-height:80px;position:relative}.choice-card.svelte-v0gnr3:hover:enabled{transform:translateY(-2px);border-color:#ff8c0066;box-shadow:0 4px 12px #00000014}.choice-card.selected.svelte-v0gnr3{border-color:#2563eb;background:#2563eb0a;box-shadow:0 0 0 1px #2563eb,0 4px 12px #2563eb26}.choice-card.correct-reveal.svelte-v0gnr3{border-color:#22c55e!important;background:#22c55e14!important;box-shadow:0 0 0 1px #22c55e!important}.choice-card.incorrect-reveal.svelte-v0gnr3{border-color:#ef4444!important;background:#ef444414!important;box-shadow:0 0 0 1px #ef4444!important}.choice-card.svelte-v0gnr3:disabled{opacity:.75;cursor:default;transform:none}.choice-card.svelte-v0gnr3:disabled:not(.selected):not(.correct-reveal):not(.incorrect-reveal){opacity:.6}.dark .choice-card.svelte-v0gnr3{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-color:#ff8c0033}.dark .choice-card.svelte-v0gnr3:hover:enabled{border-color:#ff8c0080}.dark .choice-card.selected.svelte-v0gnr3{border-color:#3b82f6;background:#3b82f614;box-shadow:0 0 0 1px #3b82f6}.choice-label.svelte-v0gnr3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.choice-card.selected.svelte-v0gnr3 .choice-label:where(.svelte-v0gnr3){color:#2563eb}.choice-card.correct-reveal.svelte-v0gnr3 .choice-label:where(.svelte-v0gnr3){color:#22c55e}.choice-card.incorrect-reveal.svelte-v0gnr3 .choice-label:where(.svelte-v0gnr3){color:#ef4444}.dark .choice-label.svelte-v0gnr3{color:#555}.choice-name.svelte-v0gnr3{font-size:22px;font-weight:800;color:#374151;margin:4px 0 2px}.dark .choice-name.svelte-v0gnr3{color:#e5e5e5}.choice-card.correct-reveal.svelte-v0gnr3 .choice-name:where(.svelte-v0gnr3){color:#22c55e}.choice-card.incorrect-reveal.svelte-v0gnr3 .choice-name:where(.svelte-v0gnr3){color:#ef4444}.choice-full-name.svelte-v0gnr3{font-size:11px;color:#6b7280}.dark .choice-full-name.svelte-v0gnr3{color:#888}.actions-row.svelte-v0gnr3{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quit-btn.svelte-v0gnr3{order:-1}.check-btn.svelte-v0gnr3{margin-left:auto;padding:12px 24px;border-radius:9999px;border:none;background:linear-gradient(135deg,#ff5100,#ff8533);color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ff510033}.check-btn.svelte-v0gnr3:hover:enabled{transform:translateY(-2px);box-shadow:0 6px 20px #ff51004d}.check-btn.svelte-v0gnr3:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.continue-btn.svelte-v0gnr3{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 15px #3b82f64d}.skip-btn.svelte-v0gnr3{padding:12px 20px;border-radius:9999px;border:2px solid #d1d5db;background:transparent;color:#6b7280;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer}.skip-btn.svelte-v0gnr3:hover:enabled{background:#f3f4f6;color:#374151}.skip-btn.svelte-v0gnr3:disabled{opacity:.5;cursor:default}.quit-btn.svelte-v0gnr3{padding:10px 18px;border-radius:9999px;border:2px solid #ef4444;background:transparent;color:#ef4444;font-size:13px;font-weight:600;text-transform:uppercase;cursor:pointer;opacity:.7}.quit-btn.svelte-v0gnr3:hover{background:#ef44441a;opacity:1}.dark .skip-btn.svelte-v0gnr3{border-color:#3a3a6e;color:#888}.dark .quit-btn.svelte-v0gnr3{border-color:#dc2626;color:#dc2626}@media (max-width: 640px){.exercise-panel.svelte-v0gnr3{padding:14px}.top-stats.svelte-v0gnr3{gap:4px;margin-left:0;width:100%;justify-content:center}.choice-card.svelte-v0gnr3{min-height:48px;padding:8px 6px}.choice-name.svelte-v0gnr3{font-size:16px;margin:2px 0 0}.choice-label.svelte-v0gnr3{font-size:9px}.choices-grid.svelte-v0gnr3{gap:6px}.actions-row.svelte-v0gnr3{flex-direction:column}.check-btn.svelte-v0gnr3{margin-left:0;width:100%}.skip-btn.svelte-v0gnr3{width:100%}.quit-btn.svelte-v0gnr3{order:1;width:auto;align-self:flex-start;margin-left:0;margin-top:8px;font-size:11px;padding:8px 14px;opacity:.5}}@media (max-width: 480px){.choices-grid.svelte-v0gnr3{grid-template-columns:1fr 1fr}.choice-card.svelte-v0gnr3{min-height:40px;padding:6px 4px}.choice-name.svelte-v0gnr3{font-size:14px}}
