h2.svelte-r79xqz{padding:0}.section-description.svelte-r79xqz{font-size:13px;color:#6b7280;margin:-8px 0 12px;line-height:1.4}.dark .section-description.svelte-r79xqz{color:#888}select.svelte-r79xqz{padding:10px 12px;border-radius:8px;border:2px solid rgba(59,130,246,.15);background:#faf8f5;color:#374151;font-size:15px;font-weight:500;max-width:240px;cursor:pointer;transition:all .2s ease}select.svelte-r79xqz:hover{border-color:#3b82f64d}.dark select.svelte-r79xqz{background:#171717;color:#e5e5e5;border-color:#60a5fa33}.dark select.svelte-r79xqz:hover{border-color:#60a5fa66}.range-preview.svelte-r79xqz{border:1px solid #e5e7eb;border-radius:10px;padding:4px;background:#faf8f5}.dark .range-preview.svelte-r79xqz{border-color:#60a5fa33;background:#171717}.range-preview-staff.svelte-r79xqz{width:100%;display:flex;justify-content:center;overflow:visible}.range-controls.svelte-r79xqz{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.range-control.svelte-r79xqz{background:#faf8f5;border:1px solid #e5e7eb;border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;gap:4px;align-items:center}.dark .range-control.svelte-r79xqz{background:#171717;border-color:#60a5fa26}.range-label.svelte-r79xqz{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.dark .range-label.svelte-r79xqz{color:#888}.range-buttons.svelte-r79xqz{display:grid;grid-template-columns:minmax(44px,auto) 1fr minmax(44px,auto);align-items:center;gap:4px;width:100%}.range-value.svelte-r79xqz{text-align:center;font-size:.9rem;font-weight:700;color:#374151}.dark .range-value.svelte-r79xqz{color:#e5e5e5}.range-step.svelte-r79xqz{width:100%;height:28px;border-radius:6px;border:2px solid rgba(59,130,246,.15);background:#faf8f5;color:#374151;font-size:.7rem;font-weight:700;line-height:1;cursor:pointer;padding:0 4px;transition:all .2s ease}.range-step.svelte-r79xqz:hover{background:#f5f0e8;border-color:#3b82f64d}.dark .range-step.svelte-r79xqz{background:#171717;color:#e5e5e5;border-color:#60a5fa33}.dark .range-step.svelte-r79xqz:hover{background:#1f1f1f;border-color:#60a5fa66}.accidentals-grid.svelte-r79xqz{display:grid;gap:8px}.toggle-item.svelte-r79xqz{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.dark .toggle-item.svelte-r79xqz{color:#e5e5e5}.toggle-item.svelte-r79xqz input:where(.svelte-r79xqz){margin:0;accent-color:#3b82f6}.accidental-toggle.svelte-r79xqz{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.dark .accidental-toggle.svelte-r79xqz{color:#e5e5e5}.accidental-toggle.svelte-r79xqz input:where(.svelte-r79xqz){margin:0;accent-color:#3b82f6}.other-accidentals.svelte-r79xqz{margin-top:8px}.other-accidentals.svelte-r79xqz summary:where(.svelte-r79xqz){cursor:pointer;color:#3b82f6;font-weight:600;font-size:13px}.dark .other-accidentals.svelte-r79xqz summary:where(.svelte-r79xqz){color:#60a5fa}.other-accidentals.svelte-r79xqz .extra:where(.svelte-r79xqz){margin-top:8px}.question-options.svelte-r79xqz{display:flex;gap:8px;flex-wrap:wrap}.question-option.svelte-r79xqz{padding:12px 20px;background:#faf8f5;border:2px solid rgba(59,130,246,.15);border-radius:8px;color:#374151;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px}.question-option.svelte-r79xqz:hover{background:#f5f0e8;border-color:#3b82f64d}.question-option.selected.svelte-r79xqz{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#3b82f6;color:#fff}.dark .question-option.svelte-r79xqz{background:#171717;border-color:#60a5fa33;color:#e5e5e5}.dark .question-option.svelte-r79xqz:hover{background:#1f1f1f;border-color:#60a5fa66}.dark .question-option.selected.svelte-r79xqz{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#60a5fa}.timer-options.svelte-r79xqz{display:flex;flex-direction:column;gap:8px;margin-top:8px}.timer-label.svelte-r79xqz{font-size:13px;color:#6b7280;font-weight:500}.dark .timer-label.svelte-r79xqz{color:#888}.start-section.svelte-r79xqz{display:flex;flex-direction:column;align-items:center;gap:12px}.start-button.svelte-r79xqz{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-r79xqz:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff510066}.start-button.svelte-r79xqz:active{transform:translateY(0)}.start-icon.svelte-r79xqz{display:flex;align-items:center;justify-content:center}.instrument-picker.svelte-r79xqz{display:flex;flex-direction:column;gap:8px}.instrument-selected.svelte-r79xqz{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#faf8f5;border:2px solid rgba(59,130,246,.15);border-radius:8px}.dark .instrument-selected.svelte-r79xqz{background:#171717;border-color:#60a5fa33}.instrument-name.svelte-r79xqz{font-size:15px;font-weight:600;color:#374151;flex:1}.dark .instrument-name.svelte-r79xqz{color:#e5e5e5}.instrument-change-btn.svelte-r79xqz{padding:6px 14px;border-radius:6px;border:1px solid rgba(59,130,246,.3);background:transparent;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer}.instrument-change-btn.svelte-r79xqz:hover{background:#3b82f614}.instrument-clear-btn.svelte-r79xqz{padding:6px 10px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:transparent;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer}.instrument-clear-btn.svelte-r79xqz:hover{background:#ef444414}.instrument-browse-btn.svelte-r79xqz{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#faf8f5;border:2px dashed rgba(59,130,246,.25);border-radius:8px;color:#3b82f6;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.instrument-browse-btn.svelte-r79xqz:hover{background:#f5f0e8;border-color:#3b82f680}.dark .instrument-browse-btn.svelte-r79xqz{background:#171717;border-color:#60a5fa40;color:#60a5fa}.dark .instrument-browse-btn.svelte-r79xqz:hover{background:#1f1f1f;border-color:#60a5fa80}@media (max-width: 640px){.range-controls.svelte-r79xqz{grid-template-columns:1fr}.question-option.svelte-r79xqz{padding:10px 16px;font-size:14px;min-width:50px}}