h2.svelte-1y0dhdf{padding:0}.section-description.svelte-1y0dhdf{font-size:13px;color:#6b7280;margin:-8px 0 12px;line-height:1.4}.dark .section-description.svelte-1y0dhdf{color:#888}.clef-grid.svelte-1y0dhdf,.key-grid.svelte-1y0dhdf{display:flex;flex-wrap:wrap;gap:8px 16px}.toggle-item.svelte-1y0dhdf{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer}.dark .toggle-item.svelte-1y0dhdf{color:#e5e5e5}.toggle-item.svelte-1y0dhdf input:where(.svelte-1y0dhdf){margin:0;accent-color:#3b82f6}.question-options.svelte-1y0dhdf{display:flex;gap:8px;flex-wrap:wrap}.question-option.svelte-1y0dhdf{padding:10px 18px;background:#faf8f5;border:2px solid rgba(59,130,246,.15);border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.question-option.svelte-1y0dhdf:hover{background:#f5f0e8;border-color:#3b82f64d}.question-option.selected.svelte-1y0dhdf{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#3b82f6;color:#fff}.dark .question-option.svelte-1y0dhdf{background:#171717;border-color:#60a5fa33;color:#e5e5e5}.dark .question-option.svelte-1y0dhdf:hover{background:#1f1f1f;border-color:#60a5fa66}.dark .question-option.selected.svelte-1y0dhdf{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#60a5fa}.inversion-options.svelte-1y0dhdf{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.grading-row.svelte-1y0dhdf{margin-top:12px}.option-label.svelte-1y0dhdf{font-size:13px;font-weight:500;color:#6b7280}.dark .option-label.svelte-1y0dhdf{color:#888}.grading-hint.svelte-1y0dhdf{font-size:12px;color:#6b7280;margin:8px 0 0;line-height:1.4}.grading-hint.svelte-1y0dhdf code:where(.svelte-1y0dhdf){background:#3b82f614;padding:1px 5px;border-radius:4px;font-size:12px}.dark .grading-hint.svelte-1y0dhdf{color:#888}.dark .grading-hint.svelte-1y0dhdf code:where(.svelte-1y0dhdf){background:#60a5fa1f}.slider-row.svelte-1y0dhdf{display:flex;align-items:center;gap:12px}.slider-label.svelte-1y0dhdf{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap}.dark .slider-label.svelte-1y0dhdf{color:#9ca3af}.context-slider.svelte-1y0dhdf{flex:1;accent-color:#3b82f6}.slider-value.svelte-1y0dhdf{font-size:12px;color:#9ca3af;margin-top:4px}.dark .slider-value.svelte-1y0dhdf{color:#666}.timer-options.svelte-1y0dhdf{display:flex;flex-direction:column;gap:8px;margin-top:8px}.timer-label.svelte-1y0dhdf{font-size:13px;color:#6b7280;font-weight:500}.dark .timer-label.svelte-1y0dhdf{color:#888}.start-section.svelte-1y0dhdf{display:flex;flex-direction:column;align-items:center;gap:12px}.start-button.svelte-1y0dhdf{display:flex;align-items:center;gap:12px;padding:16px 48px;background:linear-gradient(135deg,#ff5100,#ff8533);border:none;border-radius:9999px;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #ff51004d}.start-button.svelte-1y0dhdf:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff510066}.start-button.svelte-1y0dhdf:active{transform:translateY(0)}.start-icon.svelte-1y0dhdf{display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.question-option.svelte-1y0dhdf{padding:8px 14px;font-size:13px}}.exercise-panel.svelte-1oxg5jr{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:800px;margin:0 auto;width:100%}.dark .exercise-panel.svelte-1oxg5jr{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d}.exercise-top-bar.svelte-1oxg5jr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-stats.svelte-1oxg5jr{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-1oxg5jr{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px;min-width:52px}.dark .mini-stat.svelte-1oxg5jr{background:#ff8c0014}.mini-stat-value.svelte-1oxg5jr{font-size:15px;font-weight:700;color:#ff8c00;line-height:1.2}.dark .mini-stat-value.svelte-1oxg5jr{color:#f59e0b}.mini-stat-label.svelte-1oxg5jr{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .mini-stat-label.svelte-1oxg5jr{color:#666}.timer-badge.svelte-1oxg5jr{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-1oxg5jr{background:#ef44441f;border-color:#ef444466;color:#ef4444}.staff-area.svelte-1oxg5jr{padding:8px;border-radius:12px;background:#faf8f5;border:1px solid #e5e7eb;min-height:140px;display:flex;align-items:center;justify-content:center}.dark .staff-area.svelte-1oxg5jr{background:#171717;border-color:#ff8c0033}.staff-container.svelte-1oxg5jr{width:100%;display:flex;justify-content:center;overflow-x:auto}.feedback.svelte-1oxg5jr{margin:0;font-size:15px;color:#6b7280;min-height:1.25rem;text-align:center}.dark .feedback.svelte-1oxg5jr{color:#888}.feedback.correct.svelte-1oxg5jr{color:#22c55e;font-weight:600}.feedback.incorrect.svelte-1oxg5jr{color:#ef4444;font-weight:600}.feedback-icon.svelte-1oxg5jr{font-weight:700;margin-right:4px}.dark .feedback.correct.svelte-1oxg5jr{color:#4ade80}.dark .feedback.incorrect.svelte-1oxg5jr{color:#f87171}.input-area.svelte-1oxg5jr{display:flex;flex-direction:column;align-items:center;gap:6px}.pick-prompt.svelte-1oxg5jr{margin:0;font-size:15px;color:#374151;text-align:center}.pick-prompt.svelte-1oxg5jr strong:where(.svelte-1oxg5jr){color:#ff5100}.dark .pick-prompt.svelte-1oxg5jr{color:#e5e5e5}.dark .pick-prompt.svelte-1oxg5jr strong:where(.svelte-1oxg5jr){color:#ff8533}.inversion-picker.svelte-1oxg5jr{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:480px}.pick-btn.svelte-1oxg5jr{padding:12px 22px;font-size:16px;font-weight:600;background:#faf8f5;border:2px solid rgba(255,140,0,.2);border-radius:12px;color:#374151;cursor:pointer;transition:all .15s ease}.pick-btn.svelte-1oxg5jr:hover:not(:disabled){background:#f5f0e8;border-color:#ff8c0066}.pick-btn.selected.svelte-1oxg5jr{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:#ff5100;color:#fff;box-shadow:0 4px 12px #ff510040}.pick-btn.svelte-1oxg5jr:disabled{opacity:.5;cursor:default}.dark .pick-btn.svelte-1oxg5jr{background:#171717;border-color:#ff8c0040;color:#e5e5e5}.dark .pick-btn.svelte-1oxg5jr:hover:not(:disabled){background:#1f1f1f;border-color:#ff8c0066}.dark .pick-btn.selected.svelte-1oxg5jr{background:linear-gradient(135deg,#ff5100,#ff8533);border-color:#ff8533}.input-row.svelte-1oxg5jr{position:relative;display:flex;align-items:center;width:100%;max-width:320px}.chord-input.svelte-1oxg5jr{width:100%;padding:12px 16px;font-size:20px;font-weight:600;text-align:center;border:2px solid rgba(255,140,0,.2);border-radius:12px;background:#fff;color:#374151;outline:none;transition:border-color .2s;font-family:Georgia,Times New Roman,serif}.chord-input.svelte-1oxg5jr:focus{border-color:#ff5100;box-shadow:0 0 0 3px #ff51001a}.chord-input.svelte-1oxg5jr:disabled{opacity:.5;cursor:default}.dark .chord-input.svelte-1oxg5jr{background:#0a0a0a;border-color:#ff8c0040;color:#e5e5e5}.dark .chord-input.svelte-1oxg5jr:focus{border-color:#ff5100;box-shadow:0 0 0 3px #ff510026}.ref-toggle.svelte-1oxg5jr{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.ref-toggle.svelte-1oxg5jr:hover{color:#6b7280}.dark .ref-toggle.svelte-1oxg5jr{color:#555}.dark .ref-toggle.svelte-1oxg5jr:hover{color:#888}.ref-key.svelte-1oxg5jr{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:12px;border-radius:10px;background:#faf8f5;border:1px solid #e5e7eb;width:100%;max-width:600px}.dark .ref-key.svelte-1oxg5jr{background:#111;border-color:#333}.ref-section.svelte-1oxg5jr{display:flex;flex-direction:column;gap:2px}.ref-heading.svelte-1oxg5jr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ff8c00;margin-bottom:2px}.dark .ref-heading.svelte-1oxg5jr{color:#f59e0b}.ref-item.svelte-1oxg5jr{font-size:12px;color:#374151;font-family:monospace}.dark .ref-item.svelte-1oxg5jr{color:#ccc}@media (max-width: 640px){.exercise-panel.svelte-1oxg5jr{padding:14px}.top-stats.svelte-1oxg5jr{gap:4px;margin-left:0;width:100%;justify-content:center}.mini-stat.svelte-1oxg5jr{padding:3px 6px;min-width:44px;flex:1}.chord-input.svelte-1oxg5jr{font-size:18px;padding:10px 14px}.ref-key.svelte-1oxg5jr{grid-template-columns:1fr 1fr;gap:8px;padding:10px}}