.exercise-panel.svelte-12qznzw{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-12qznzw{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d;box-shadow:0 4px 15px #0000004d}.exercise-top-bar.svelte-12qznzw{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-12qznzw{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-12qznzw{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-12qznzw{background:#ff8c0014}.mini-stat-value.svelte-12qznzw{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-12qznzw{color:#f59e0b}.mini-stat-label.svelte-12qznzw{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-12qznzw{color:#666}.timer-badge.svelte-12qznzw{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-12qznzw{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-12qznzw-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-12qznzw{background:#ff8c001f;border-color:#ff8c004d;color:#f59e0b}.dark .timer-badge.urgent.svelte-12qznzw{background:#ef444426;border-color:#ef444480;color:#fca5a5}@keyframes svelte-12qznzw-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.staff-area.svelte-12qznzw{position:relative;padding:6px 8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:200px;display:flex;align-items:center;justify-content:center;overflow-x:auto}.playback-cursor.svelte-12qznzw{position:absolute;width:2px;background:#ff5100;opacity:.8;z-index:2;pointer-events:none;border-radius:1px;box-shadow:0 0 4px #ff510066}.count-off-overlay.svelte-12qznzw{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;background:#faf8f599}.dark .count-off-overlay.svelte-12qznzw{background:#17171799}.count-off-beat.svelte-12qznzw{font-size:64px;font-weight:800;color:#ff5100;opacity:.85;text-shadow:0 2px 8px rgba(255,81,0,.3);animation:svelte-12qznzw-count-pop .15s ease-out}@keyframes svelte-12qznzw-count-pop{0%{transform:scale(1.4);opacity:.4}to{transform:scale(1);opacity:.85}}.dark .staff-area.svelte-12qznzw{background:#171717;border-color:#ff8c0033}.staff-container.svelte-12qznzw{width:100%;display:flex;justify-content:center;overflow-x:auto;overflow-y:visible;padding:0}.sr-only.svelte-12qznzw{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-12qznzw{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem}.dark .feedback.svelte-12qznzw{color:#888}.feedback.results.svelte-12qznzw{font-weight:600;color:#374151}.dark .feedback.results.svelte-12qznzw{color:#d1d5db}.score-value.svelte-12qznzw{font-size:18px;font-weight:800;color:#ff8c00}.dark .score-value.svelte-12qznzw{color:#f59e0b}.results-info.svelte-12qznzw{display:flex;flex-direction:column;gap:4px}.results-detail.svelte-12qznzw{font-size:13px;color:#6b7280}.dark .results-detail.svelte-12qznzw{color:#888}.wrong-answer.svelte-12qznzw{font-weight:700;color:#ef4444}.right-answer.svelte-12qznzw{font-weight:700;color:#22c55e}.picker-nav.svelte-12qznzw{display:flex;align-items:center;gap:8px}.nav-arrow.svelte-12qznzw{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;flex-shrink:0;transition:all .15s ease}.nav-arrow.svelte-12qznzw svg:where(.svelte-12qznzw){display:block}.nav-arrow.svelte-12qznzw:hover:enabled{background:#f3f4f6;border-color:#ff8c0066;color:#ff8c00}.nav-arrow.svelte-12qznzw:disabled{opacity:.3;cursor:default}.dark .nav-arrow.svelte-12qznzw{background:#1a1a1a;border-color:#ff8c0033;color:#ccc}.dark .nav-arrow.svelte-12qznzw:hover:enabled{background:#1f1f1f;border-color:#ff8c0080;color:#f59e0b}.picker-context.svelte-12qznzw{margin:0;font-size:14px;color:#6b7280;min-height:1.25rem}.dark .picker-context.svelte-12qznzw{color:#888}.context-highlight.svelte-12qznzw{font-weight:600;color:#3b82f6}.dark .context-highlight.svelte-12qznzw{color:#60a5fa}.assignment-progress.svelte-12qznzw{margin:0;font-size:13px;color:#6b7280}.dark .assignment-progress.svelte-12qznzw{color:#666}.answer-group.svelte-12qznzw{display:flex;flex-direction:column;gap:6px}.answer-label.svelte-12qznzw{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .answer-label.svelte-12qznzw{color:#888}.answer-grid.svelte-12qznzw{display:grid;gap:8px}.answer-btn.svelte-12qznzw{border:2px solid rgba(255,140,0,.15);background:#fff;color:#374151;border-radius:10px;min-height:42px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.answer-btn.svelte-12qznzw:hover:enabled{transform:translateY(-1px);background:#faf8f5;border-color:#ff8c0066}.answer-btn.selected.svelte-12qznzw{background:linear-gradient(135deg,#ff5100,#ff8533)!important;border-color:#ff5100!important;color:#fff!important;box-shadow:0 2px 8px #ff510059}.answer-btn.svelte-12qznzw:disabled{opacity:.7;cursor:default}.dark .answer-btn.svelte-12qznzw{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#ccc;border-color:#ff8c0033}.dark .answer-btn.svelte-12qznzw:hover:enabled{background:#1f1f1f;border-color:#ff8c0080}.dark .answer-btn.selected.svelte-12qznzw{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:transparent;color:#fff}.sub-btn.svelte-12qznzw{font-size:14px}.borrowed-btn.svelte-12qznzw{border-style:dashed}@media (max-width: 640px){.exercise-panel.svelte-12qznzw{padding:14px}.exercise-top-bar.svelte-12qznzw{gap:8px}.top-stats.svelte-12qznzw{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-12qznzw{padding:3px 6px;min-width:44px;flex:1}.mini-stat-value.svelte-12qznzw{font-size:13px}.staff-area.svelte-12qznzw{min-height:300px}.sub-btn.svelte-12qznzw{font-size:12px;min-height:38px}}