.exercise-panel.svelte-ui2k2q{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-ui2k2q{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d;box-shadow:0 4px 15px #0000004d}.exercise-top-bar.svelte-ui2k2q{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-ui2k2q{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-ui2k2q{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-ui2k2q{background:#ff8c0014}.mini-stat-value.svelte-ui2k2q{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-ui2k2q{color:#f59e0b}.mini-stat-label.svelte-ui2k2q{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-ui2k2q{color:#666}.timer-badge.svelte-ui2k2q{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-ui2k2q{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-ui2k2q-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-ui2k2q{background:#ff8c001f;border-color:#ff8c004d;color:#f59e0b}.dark .timer-badge.urgent.svelte-ui2k2q{background:#ef444426;border-color:#ef444480;color:#fca5a5}@keyframes svelte-ui2k2q-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.staff-area.svelte-ui2k2q{position:relative;padding:6px 8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:160px;display:flex;align-items:center;justify-content:center;overflow-x:auto}.playback-cursor.svelte-ui2k2q{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-ui2k2q{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-ui2k2q{background:#17171799}.count-off-beat.svelte-ui2k2q{font-size:64px;font-weight:800;color:#ff5100;opacity:.85;text-shadow:0 2px 8px rgba(255,81,0,.3);animation:svelte-ui2k2q-count-pop .15s ease-out}@keyframes svelte-ui2k2q-count-pop{0%{transform:scale(1.4);opacity:.4}to{transform:scale(1);opacity:.85}}.dark .staff-area.svelte-ui2k2q{background:#171717;border-color:#ff8c0033}.staff-container.svelte-ui2k2q{width:100%;display:flex;justify-content:center;overflow-x:auto;overflow-y:visible;padding:0}.sr-only.svelte-ui2k2q{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-ui2k2q{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem}.dark .feedback.svelte-ui2k2q{color:#888}.feedback.correct.svelte-ui2k2q{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-ui2k2q{color:#ef4444;font-weight:600}.feedback-icon.svelte-ui2k2q{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-ui2k2q{color:#4ade80}.dark .feedback.incorrect.svelte-ui2k2q{color:#f87171}.answer-group.svelte-ui2k2q{display:flex;flex-direction:column;gap:6px}.answer-label.svelte-ui2k2q{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .answer-label.svelte-ui2k2q{color:#888}.answer-grid.svelte-ui2k2q{display:grid;gap:8px}.answer-btn.svelte-ui2k2q{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-ui2k2q:hover:enabled{transform:translateY(-1px);background:#faf8f5;border-color:#ff8c0066}.answer-btn.selected.svelte-ui2k2q{background:linear-gradient(135deg,#ff5100,#ff8533)!important;border-color:#ff5100!important;color:#fff!important;box-shadow:0 2px 8px #ff510059}.answer-btn.svelte-ui2k2q:disabled{opacity:.7;cursor:default}.dark .answer-btn.svelte-ui2k2q{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#ccc;border-color:#ff8c0033}.dark .answer-btn.svelte-ui2k2q:hover:enabled{background:#1f1f1f;border-color:#ff8c0080}.dark .answer-btn.selected.svelte-ui2k2q{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:transparent;color:#fff}.sub-btn.svelte-ui2k2q{font-size:14px}.selected-readout.svelte-ui2k2q{margin:0;min-height:1.1rem;font-size:14px;color:#6b7280}.dark .selected-readout.svelte-ui2k2q{color:#888}.position-label.svelte-ui2k2q{display:inline-block;padding:1px 8px;background:#ff51001f;color:#c2410c;border-radius:4px;font-weight:700}.dark .position-label.svelte-ui2k2q{background:#ff8c0026;color:#fdba74}.feedback.correct.svelte-ui2k2q .position-label:where(.svelte-ui2k2q){background:#22c55e1f;color:#16a34a}.dark .feedback.correct.svelte-ui2k2q .position-label:where(.svelte-ui2k2q){background:#4ade801f;color:#4ade80}.feedback.incorrect.svelte-ui2k2q .position-label:where(.svelte-ui2k2q){background:#ef44441f;color:#dc2626}.dark .feedback.incorrect.svelte-ui2k2q .position-label:where(.svelte-ui2k2q){background:#f871711f;color:#f87171}@media (max-width: 640px){.exercise-panel.svelte-ui2k2q{padding:14px}.exercise-top-bar.svelte-ui2k2q{gap:8px}.top-stats.svelte-ui2k2q{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-ui2k2q{padding:3px 6px;min-width:44px;flex:1}.mini-stat-value.svelte-ui2k2q{font-size:13px}.staff-area.svelte-ui2k2q{min-height:140px}.sub-btn.svelte-ui2k2q{font-size:12px;min-height:38px}}.combo-overlay.svelte-ui2k2q{position:absolute;top:8px;right:12px;display:flex;flex-direction:column;align-items:center;animation:svelte-ui2k2q-comboSlam .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:5;filter:drop-shadow(0 2px 8px rgba(245,158,11,.4));transform-origin:top right}.combo-count.svelte-ui2k2q{font-size:36px;font-weight:900;line-height:1;color:#f59e0b;text-shadow:0 1px 2px rgba(0,0,0,.15)}.combo-label.svelte-ui2k2q{font-size:11px;font-weight:800;letter-spacing:.15em;color:#d97706;margin-top:-2px}.combo-hot.svelte-ui2k2q .combo-count:where(.svelte-ui2k2q){color:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.combo-hot.svelte-ui2k2q .combo-label:where(.svelte-ui2k2q){color:#dc2626}.combo-fire.svelte-ui2k2q .combo-count:where(.svelte-ui2k2q){color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.7));animation:svelte-ui2k2q-comboGlow .5s ease-in-out infinite alternate}.combo-fire.svelte-ui2k2q .combo-label:where(.svelte-ui2k2q){color:#dc2626}.dark .combo-count.svelte-ui2k2q{text-shadow:0 0 8px rgba(245,158,11,.5)}.dark .combo-overlay.svelte-ui2k2q{filter:drop-shadow(0 2px 12px rgba(245,158,11,.5))}.dark .combo-hot.svelte-ui2k2q .combo-count:where(.svelte-ui2k2q){filter:drop-shadow(0 0 10px rgba(239,68,68,.6))}.dark .combo-fire.svelte-ui2k2q .combo-count:where(.svelte-ui2k2q){filter:drop-shadow(0 0 14px rgba(239,68,68,.8))}@keyframes svelte-ui2k2q-comboSlam{0%{transform:scale(1.6);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes svelte-ui2k2q-comboGlow{0%{filter:drop-shadow(0 0 8px rgba(239,68,68,.5))}to{filter:drop-shadow(0 0 16px rgba(239,68,68,.9))}}