.exercise-panel.svelte-1nu2pr6{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:600px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-1nu2pr6{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d;box-shadow:0 4px 15px #0000004d}.exercise-top-bar.svelte-1nu2pr6{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-1nu2pr6{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-1nu2pr6{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-1nu2pr6{background:#ff8c0014}.mini-stat-value.svelte-1nu2pr6{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-1nu2pr6{color:#f59e0b}.mini-stat-label.svelte-1nu2pr6{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-1nu2pr6{color:#666}.timer-badge.svelte-1nu2pr6{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-1nu2pr6{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-1nu2pr6-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-1nu2pr6{background:#ff8c001f;border-color:#ff8c004d;color:#f59e0b}.dark .timer-badge.urgent.svelte-1nu2pr6{background:#ef444426;border-color:#ef444480;color:#fca5a5}@keyframes svelte-1nu2pr6-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.review-nav.svelte-1nu2pr6{display:flex;align-items:center;gap:8px;justify-content:center}.review-nav-btn.svelte-1nu2pr6{background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:#374151;transition:all .15s ease}.review-nav-btn.svelte-1nu2pr6:hover:enabled{background:#f3f4f6;border-color:#9ca3af}.review-nav-btn.svelte-1nu2pr6:disabled{opacity:.3;cursor:default}.dark .review-nav-btn.svelte-1nu2pr6{border-color:#3a3a6e;color:#ccc}.dark .review-nav-btn.svelte-1nu2pr6:hover:enabled{background:#2a2a4e}.review-nav-label.svelte-1nu2pr6{font-size:12px;color:#6b7280;font-weight:600;min-width:120px;text-align:center}.dark .review-nav-label.svelte-1nu2pr6{color:#888}.review-back-btn.svelte-1nu2pr6{background:none;border:1px solid #3b82f6;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;color:#3b82f6;font-weight:600}.review-back-btn.svelte-1nu2pr6:hover{background:#3b82f614}.dark .review-back-btn.svelte-1nu2pr6{border-color:#60a5fa;color:#60a5fa}.staff-area.svelte-1nu2pr6{padding:6px 8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:132px;display:flex;align-items:center;justify-content:center;position:relative}.dark .staff-area.svelte-1nu2pr6{background:#171717;border-color:#ff8c0033}.staff-container.svelte-1nu2pr6{width:100%;display:flex;justify-content:center;overflow-x:hidden;overflow-y:visible}.play-interval-btn.svelte-1nu2pr6{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,140,0,.3);background:#fff;color:#ff8c00;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.play-interval-btn.svelte-1nu2pr6:hover:enabled{background:#fff8f0;border-color:#ff8c0099;transform:scale(1.08)}.play-interval-btn.svelte-1nu2pr6:disabled{opacity:.6;cursor:default}.play-interval-btn.playing.svelte-1nu2pr6{border-color:#ff8c00;background:#ff8c0014}.dark .play-interval-btn.svelte-1nu2pr6{background:#1a1a1a;border-color:#ff8c004d;color:#f59e0b}.dark .play-interval-btn.svelte-1nu2pr6:hover:enabled{background:#222;border-color:#ff8c0099}.dark .play-interval-btn.playing.svelte-1nu2pr6{background:#ff8c001f}.feedback.svelte-1nu2pr6{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem}.dark .feedback.svelte-1nu2pr6{color:#888}.feedback.correct.svelte-1nu2pr6{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-1nu2pr6{color:#ef4444;font-weight:600}.feedback-icon.svelte-1nu2pr6{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-1nu2pr6{color:#4ade80}.dark .feedback.incorrect.svelte-1nu2pr6{color:#f87171}.answer-group.svelte-1nu2pr6{display:flex;flex-direction:column;gap:6px}.answer-group-label.svelte-1nu2pr6{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .answer-group-label.svelte-1nu2pr6{color:#888}.answer-grid.svelte-1nu2pr6{display:flex;flex-wrap:wrap;gap:8px}.answer-grid.numbers.svelte-1nu2pr6{display:grid;grid-template-columns:repeat(6,1fr)}.answer-grid.qualities.svelte-1nu2pr6 .answer-btn:where(.svelte-1nu2pr6){min-width:80px}.answer-btn.svelte-1nu2pr6{border:2px solid rgba(255,140,0,.15);background:#fff;color:#374151;border-radius:10px;min-height:42px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.answer-btn.svelte-1nu2pr6:hover:enabled{transform:translateY(-1px);background:#faf8f5;border-color:#ff8c0066}.answer-btn.selected.svelte-1nu2pr6{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:transparent;color:#fff}.answer-btn.svelte-1nu2pr6:disabled{opacity:.7;cursor:default}.dark .answer-btn.svelte-1nu2pr6{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#ccc;border-color:#ff8c0033}.dark .answer-btn.svelte-1nu2pr6:hover:enabled{background:#1f1f1f;border-color:#ff8c0080}.dark .answer-btn.selected.svelte-1nu2pr6{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:transparent;color:#fff}.quality-btn.svelte-1nu2pr6{min-height:48px}.q-short.svelte-1nu2pr6{font-size:16px;font-weight:700;line-height:1.2}.q-name.svelte-1nu2pr6{font-size:10px;opacity:.7;line-height:1.1}.selected-readout.svelte-1nu2pr6{margin:0;min-height:1.1rem;font-size:14px;color:#6b7280}.dark .selected-readout.svelte-1nu2pr6{color:#888}.actions-row.svelte-1nu2pr6{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quit-btn.svelte-1nu2pr6{order:-1}.check-btn.svelte-1nu2pr6{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-1nu2pr6:hover:enabled{transform:translateY(-2px);box-shadow:0 6px 20px #ff51004d}.check-btn.svelte-1nu2pr6:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.continue-btn.svelte-1nu2pr6{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 15px #3b82f64d}.continue-btn.svelte-1nu2pr6:hover{box-shadow:0 6px 20px #3b82f666}.skip-btn.svelte-1nu2pr6{padding:12px 20px;border-radius:9999px;border:2px solid #d1d5db;background:transparent;color:#6b7280;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.skip-btn.svelte-1nu2pr6:hover:enabled{background:#f3f4f6;color:#374151}.skip-btn.svelte-1nu2pr6:disabled{opacity:.5;cursor:default}.check-btn.svelte-1nu2pr6{margin-left:auto}.quit-btn.svelte-1nu2pr6{padding:10px 18px;border-radius:9999px;border:2px solid #ef4444;background:transparent;color:#ef4444;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;opacity:.7}.quit-btn.svelte-1nu2pr6:hover{background:#ef44441a;opacity:1}.dark .check-btn.svelte-1nu2pr6{box-shadow:0 4px 15px #ff510026}.dark .skip-btn.svelte-1nu2pr6{border-color:#3a3a6e;color:#888}.dark .skip-btn.svelte-1nu2pr6:hover:enabled{background:#2a2a4e;color:#ccc}.dark .quit-btn.svelte-1nu2pr6{border-color:#dc2626;color:#dc2626}.dark .quit-btn.svelte-1nu2pr6:hover{background:#dc262626}@media (max-width: 640px){.exercise-panel.svelte-1nu2pr6{padding:14px}.exercise-top-bar.svelte-1nu2pr6{gap:8px}.top-stats.svelte-1nu2pr6{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-1nu2pr6{padding:3px 6px;min-width:44px;flex:1}.mini-stat-value.svelte-1nu2pr6{font-size:13px}.staff-area.svelte-1nu2pr6{min-height:124px}.actions-row.svelte-1nu2pr6{flex-direction:column}.check-btn.svelte-1nu2pr6{width:100%;margin-left:0}.skip-btn.svelte-1nu2pr6{width:100%}.quit-btn.svelte-1nu2pr6{order:1;width:auto;align-self:flex-start;margin-left:0;margin-top:8px;font-size:11px;padding:8px 14px;opacity:.5}}