.exercise-panel.svelte-a1hqqj{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-a1hqqj{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d;box-shadow:0 4px 15px #0000004d}.exercise-top-bar.svelte-a1hqqj{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-a1hqqj{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-a1hqqj{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-a1hqqj{background:#ff8c0014}.mini-stat-value.svelte-a1hqqj{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-a1hqqj{color:#f59e0b}.mini-stat-label.svelte-a1hqqj{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-a1hqqj{color:#666}.timer-badge.svelte-a1hqqj{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-a1hqqj{background:#ef44441f;border-color:#ef444466;color:#ef4444;animation:svelte-a1hqqj-pulse-timer 1s ease-in-out infinite}.dark .timer-badge.svelte-a1hqqj{background:#ff8c001f;border-color:#ff8c004d;color:#f59e0b}.dark .timer-badge.urgent.svelte-a1hqqj{background:#ef444426;border-color:#ef444480;color:#fca5a5}@keyframes svelte-a1hqqj-pulse-timer{0%,to{opacity:1}50%{opacity:.6}}.staff-area.svelte-a1hqqj{position:relative;padding:6px 8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:132px;display:flex;align-items:center;justify-content:center}.dark .staff-area.svelte-a1hqqj{background:#171717;border-color:#ff8c0033}.staff-container.svelte-a1hqqj{width:100%;display:flex;justify-content:center;overflow-x:hidden;overflow-y:visible;padding:0}.sr-only.svelte-a1hqqj{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-a1hqqj{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem}.dark .feedback.svelte-a1hqqj{color:#888}.feedback.correct.svelte-a1hqqj{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-a1hqqj{color:#ef4444;font-weight:600}.feedback-icon.svelte-a1hqqj{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-a1hqqj{color:#4ade80}.dark .feedback.incorrect.svelte-a1hqqj{color:#f87171}.answer-group.svelte-a1hqqj{display:flex;flex-direction:column;gap:6px}.answer-grid.svelte-a1hqqj{display:grid;gap:8px}.answer-grid.letters.svelte-a1hqqj{grid-template-columns:repeat(7,minmax(0,1fr))}.answer-grid.accidentals.svelte-a1hqqj{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.answer-btn.svelte-a1hqqj{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-a1hqqj:hover:enabled{transform:translateY(-1px);background:#faf8f5;border-color:#ff8c0066}.answer-btn.selected.svelte-a1hqqj{background:#ff5100!important;border-color:#ff5100!important;color:#fff!important;box-shadow:0 0 0 1px #ff51004d}.answer-btn.svelte-a1hqqj:disabled{opacity:.7;cursor:default}.answer-btn:disabled.selected.svelte-a1hqqj{opacity:1}.accidental-btn.svelte-a1hqqj{padding:4px;display:flex;align-items:center;justify-content:center}.accidental-vex.svelte-a1hqqj{width:46px;height:46px;display:flex;align-items:center;justify-content:center;pointer-events:none}.accidental-vex.svelte-a1hqqj svg{width:46px;height:46px;display:block}.dark .accidental-vex.svelte-a1hqqj svg{filter:brightness(0) saturate(100%) invert(80%) sepia(10%) saturate(200%) hue-rotate(180deg) brightness(100%) contrast(95%)}.answer-btn.selected.svelte-a1hqqj .accidental-vex:where(.svelte-a1hqqj) svg{filter:brightness(0) invert(1)}.dark .answer-btn.svelte-a1hqqj{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#ccc;border-color:#ff8c0033}.dark .answer-btn.svelte-a1hqqj:hover:enabled{background:#1f1f1f;border-color:#ff8c0080}.dark .answer-btn.selected.svelte-a1hqqj{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:transparent;color:#fff}.selected-readout.svelte-a1hqqj{margin:0;min-height:1.1rem;font-size:14px;color:#6b7280}.dark .selected-readout.svelte-a1hqqj{color:#888}@media (max-width: 640px){.exercise-panel.svelte-a1hqqj{padding:14px}.exercise-top-bar.svelte-a1hqqj{gap:8px}.top-stats.svelte-a1hqqj{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-a1hqqj{padding:3px 6px;min-width:44px;flex:1}.mini-stat-value.svelte-a1hqqj{font-size:13px}.staff-area.svelte-a1hqqj{min-height:124px}.answer-grid.letters.svelte-a1hqqj{grid-template-columns:repeat(4,minmax(0,1fr))}.answer-grid.accidentals.svelte-a1hqqj{grid-template-columns:repeat(3,minmax(0,1fr))}}.combo-overlay.svelte-a1hqqj{position:absolute;top:8px;right:12px;display:flex;flex-direction:column;align-items:center;animation:svelte-a1hqqj-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-a1hqqj{font-size:36px;font-weight:900;line-height:1;color:#f59e0b;text-shadow:0 1px 2px rgba(0,0,0,.15)}.combo-label.svelte-a1hqqj{font-size:11px;font-weight:800;letter-spacing:.15em;color:#d97706;margin-top:-2px}.combo-hot.svelte-a1hqqj .combo-count:where(.svelte-a1hqqj){color:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.combo-hot.svelte-a1hqqj .combo-label:where(.svelte-a1hqqj){color:#dc2626}.combo-fire.svelte-a1hqqj .combo-count:where(.svelte-a1hqqj){color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.7));animation:svelte-a1hqqj-comboGlow .5s ease-in-out infinite alternate}.combo-fire.svelte-a1hqqj .combo-label:where(.svelte-a1hqqj){color:#dc2626}.dark .combo-count.svelte-a1hqqj{text-shadow:0 0 8px rgba(245,158,11,.5)}.dark .combo-overlay.svelte-a1hqqj{filter:drop-shadow(0 2px 12px rgba(245,158,11,.5))}.dark .combo-hot.svelte-a1hqqj .combo-count:where(.svelte-a1hqqj){filter:drop-shadow(0 0 10px rgba(239,68,68,.6))}.dark .combo-fire.svelte-a1hqqj .combo-count:where(.svelte-a1hqqj){filter:drop-shadow(0 0 14px rgba(239,68,68,.8))}@keyframes svelte-a1hqqj-comboSlam{0%{transform:scale(1.6);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes svelte-a1hqqj-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))}}