.svelte-kedd5b:local(.settings-container){max-width:680px}.mode-toggle.svelte-kedd5b{display:flex;gap:4px;margin-bottom:24px;background:#f3f4f6;border-radius:10px;padding:4px}.dark .mode-toggle.svelte-kedd5b{background:#1a1a1a}.mode-btn.svelte-kedd5b{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.mode-btn.active.svelte-kedd5b{background:#fff;color:#ff5100;box-shadow:0 1px 3px #0000001a}.dark .mode-btn.svelte-kedd5b{color:#888}.dark .mode-btn.active.svelte-kedd5b{background:#2a2a2a;color:#ff8c00;box-shadow:0 1px 3px #0000004d}.control-row.svelte-kedd5b{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.control-label.svelte-kedd5b{font-size:13px;font-weight:500;color:#374151;min-width:80px}.dark .control-label.svelte-kedd5b{color:#ccc}.chip-row.svelte-kedd5b{display:flex;gap:4px;flex-wrap:wrap}.chip.svelte-kedd5b{padding:6px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .1s}.chip.sm.svelte-kedd5b{padding:4px 10px;font-size:12px}.chip.selected.svelte-kedd5b{border-color:#3b82f6;background:#3b82f614;color:#2563eb}.dark .chip.svelte-kedd5b{background:#171717;border-color:#333;color:#ccc}.dark .chip.selected.svelte-kedd5b{border-color:#60a5fa;color:#60a5fa}.bpm-control.svelte-kedd5b{display:flex;align-items:center;gap:12px;flex:1}.bpm-slider.svelte-kedd5b{flex:1;accent-color:#ff5100}.bpm-value.svelte-kedd5b{font-size:14px;font-weight:700;color:#ff5100;min-width:36px;text-align:right}.pool-loading.svelte-kedd5b,.pool-empty.svelte-kedd5b{text-align:center;padding:24px;color:#6b7280;font-size:14px}.dark .pool-loading.svelte-kedd5b,.dark .pool-empty.svelte-kedd5b{color:#888}.pool-filters.svelte-kedd5b{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap;align-items:flex-end}.filter-group.svelte-kedd5b{display:flex;flex-direction:column;gap:4px}.filter-label.svelte-kedd5b{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.dark .filter-label.svelte-kedd5b{color:#888}.filter-select.svelte-kedd5b{padding:6px 10px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:13px}.dark .filter-select.svelte-kedd5b{background:#171717;border-color:#333;color:#ccc}.pool-toolbar.svelte-kedd5b{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pool-count.svelte-kedd5b{font-size:12px;font-weight:600;color:#6b7280}.dark .pool-count.svelte-kedd5b{color:#888}.pool-actions.svelte-kedd5b{display:flex;gap:4px}.pool-action-btn.svelte-kedd5b{padding:4px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:11px;font-weight:600;cursor:pointer}.pool-action-btn.svelte-kedd5b:hover{background:#f3f4f6}.dark .pool-action-btn.svelte-kedd5b{background:#171717;border-color:#333;color:#ccc}.dark .pool-action-btn.svelte-kedd5b:hover{background:#222}.pool-list.svelte-kedd5b{max-height:280px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.dark .pool-list.svelte-kedd5b{border-color:#333}.pool-item.svelte-kedd5b{display:flex;align-items:center;width:100%;padding:10px 12px;border:none;border-bottom:1px solid #f3f4f6;gap:8px;background:#fff;cursor:pointer;text-align:left;transition:background .1s}.pool-item.svelte-kedd5b:last-child{border-bottom:none}.pool-item.svelte-kedd5b:hover{background:#f9fafb}.pool-item.selected.svelte-kedd5b{background:#3b82f60f}.dark .pool-item.svelte-kedd5b{background:transparent;border-bottom-color:#222}.dark .pool-item.svelte-kedd5b:hover{background:#ffffff08}.dark .pool-item.selected.svelte-kedd5b{background:#60a5fa14}.pool-item-check.svelte-kedd5b{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.pool-item.selected.svelte-kedd5b .pool-item-check:where(.svelte-kedd5b){background:#3b82f6;border-color:#3b82f6}.dark .pool-item-check.svelte-kedd5b{border-color:#555}.dark .pool-item.selected.svelte-kedd5b .pool-item-check:where(.svelte-kedd5b){background:#60a5fa;border-color:#60a5fa}.pool-item-name.svelte-kedd5b{font-size:13px;font-weight:500;color:#374151;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .pool-item-name.svelte-kedd5b{color:#e5e5e5}.pool-item-meta.svelte-kedd5b{display:flex;gap:4px;flex-shrink:0}.pool-tag.svelte-kedd5b{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;background:#3b82f614;color:#3b82f6}.dark .pool-tag.svelte-kedd5b{background:#60a5fa1f;color:#60a5fa}.perf-row.svelte-kedd5b{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.perf-label.svelte-kedd5b{font-size:13px;font-weight:500;color:#374151;min-width:100px}.dark .perf-label.svelte-kedd5b{color:#ccc}.question-options.svelte-kedd5b{display:flex;gap:4px;flex-wrap:wrap}.question-option.svelte-kedd5b{padding:6px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer}.question-option.selected.svelte-kedd5b{border-color:#3b82f6;background:#3b82f614;color:#2563eb}.dark .question-option.svelte-kedd5b{background:#171717;border-color:#333;color:#ccc}.dark .question-option.selected.svelte-kedd5b{border-color:#60a5fa;color:#60a5fa}.toggle-item.svelte-kedd5b{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#374151}.dark .toggle-item.svelte-kedd5b{color:#e5e5e5}.toggle-item.svelte-kedd5b input:where(.svelte-kedd5b){margin:0;accent-color:#ff5100}.start-section.svelte-kedd5b{text-align:center;padding:20px 0}.start-button.svelte-kedd5b{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:linear-gradient(135deg,#ff5100,#ff8533);border:none;border-radius:9999px;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 40px #ff51004d}.start-button.svelte-kedd5b:hover:not(:disabled){transform:translateY(-3px)}.start-button.svelte-kedd5b:disabled{opacity:.5;cursor:default}.start-icon.svelte-kedd5b{display:flex;align-items:center}.review-controls.svelte-11pxtox{display:flex;gap:8px;flex-wrap:wrap;padding:12px 12px 0}.review-play-btn.svelte-11pxtox{border:2px solid rgba(59,130,246,.25);background:#3b82f614;color:#2563eb;border-radius:9999px;padding:8px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.review-play-btn.correct.svelte-11pxtox{border-color:#22c55e4d;background:#22c55e14;color:#15803d}.review-play-btn.svelte-11pxtox:disabled{opacity:.55;cursor:not-allowed}.dark .review-play-btn.svelte-11pxtox{border-color:#60a5fa59;background:#60a5fa1f;color:#93c5fd}.dark .review-play-btn.correct.svelte-11pxtox{border-color:#22c55e59;background:#22c55e1f;color:#86efac}.review-staff.svelte-11pxtox{width:100%;overflow-x:auto;padding:8px 12px 12px}.summary-container.svelte-1cau6o1{display:flex;flex-direction:column;gap:24px;max-width:500px;margin:0 auto;transition:max-width .3s ease}.summary-container.svelte-1cau6o1:has(.tier-questions:where(.svelte-1cau6o1)){max-width:960px}.summary-header.svelte-1cau6o1{text-align:center}.rating-icon.svelte-1cau6o1{font-size:48px;display:block;margin-bottom:8px;color:#ff8c00}.dark .rating-icon.svelte-1cau6o1{color:#ffa533}.summary-header.svelte-1cau6o1 h1:where(.svelte-1cau6o1){font-size:28px;font-weight:400;color:#333;margin-bottom:4px}.dark .summary-header.svelte-1cau6o1 h1:where(.svelte-1cau6o1){color:#f1f5f9}.session-info.svelte-1cau6o1{font-size:14px;color:#6b7280}.dark .session-info.svelte-1cau6o1{color:#888}.main-score.svelte-1cau6o1{display:flex;flex-direction:column;align-items:center;gap:8px}.score-circle.svelte-1cau6o1{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fff;border:4px solid var(--score-color, currentColor);border-radius:50%;box-shadow:0 4px 15px #0000001a}.dark .score-circle.svelte-1cau6o1{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 4px 15px #0000004d}.score-value.svelte-1cau6o1{font-size:48px;font-weight:700;color:var(--score-color)}.score-unit.svelte-1cau6o1{font-size:20px;font-weight:400;opacity:.7;color:var(--score-color)}.score-label.svelte-1cau6o1{font-size:14px;color:#6b7280}.dark .score-label.svelte-1cau6o1{color:#888}.stats-grid.svelte-1cau6o1{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card.svelte-1cau6o1{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#fff;border:2px solid rgba(255,140,0,.15);border-radius:1rem;box-shadow:0 4px 15px #0000000d}.dark .stat-card.svelte-1cau6o1{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:2px solid rgba(255,140,0,.3)}.stat-value.svelte-1cau6o1{font-size:24px;font-weight:700;color:#374151}.dark .stat-value.svelte-1cau6o1{color:#ccc}.stat-label.svelte-1cau6o1{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.dark .stat-label.svelte-1cau6o1{color:#666}.stat-value.points.svelte-1cau6o1{color:#ff8c00}.dark .stat-value.points.svelte-1cau6o1{color:#f59e0b}.breakdown-section.svelte-1cau6o1{padding:20px;background:#fff;border:2px solid rgba(255,140,0,.15);border-radius:1rem;box-shadow:0 4px 15px #0000000d}.dark .breakdown-section.svelte-1cau6o1{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:2px solid rgba(255,140,0,.3)}.breakdown-section.svelte-1cau6o1 h2:where(.svelte-1cau6o1){font-size:14px;font-weight:600;color:#333;margin-bottom:16px;padding:0 0 8px;border-bottom:2px solid rgba(255,140,0,.2)}.dark .breakdown-section.svelte-1cau6o1 h2:where(.svelte-1cau6o1){color:#f1f5f9;border-bottom-color:#ff8c004d}.comparison-legend.svelte-1cau6o1{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;color:#6b7280}.dark .comparison-legend.svelte-1cau6o1{color:#888}.legend-item.svelte-1cau6o1{display:inline-flex;align-items:center;gap:6px}.legend-swatch.svelte-1cau6o1{width:10px;height:10px;border-radius:9999px;display:inline-block}.legend-swatch.correct.svelte-1cau6o1{background:#22c55e}.legend-swatch.incorrect.svelte-1cau6o1{background:#ef4444}.breakdown-bars.svelte-1cau6o1{display:flex;flex-direction:column;gap:12px}.breakdown-item.svelte-1cau6o1{display:grid;grid-template-columns:140px 1fr 30px 16px;align-items:center;gap:12px;background:none;border:none;padding:6px 4px;width:100%;font:inherit;text-align:left;border-radius:6px;transition:background-color .15s ease;color:inherit}.breakdown-item.clickable.svelte-1cau6o1{cursor:pointer}.breakdown-item.clickable.svelte-1cau6o1:hover{background-color:#ff8c000f}.dark .breakdown-item.clickable.svelte-1cau6o1:hover{background-color:#ff8c001a}.breakdown-item.expanded.svelte-1cau6o1{background-color:#ff8c0014}.dark .breakdown-item.expanded.svelte-1cau6o1{background-color:#ff8c001f}.breakdown-item.svelte-1cau6o1:disabled{cursor:default;opacity:.6}.breakdown-chevron.svelte-1cau6o1{font-size:10px;color:#9ca3af;transition:transform .2s ease;display:inline-block}.breakdown-chevron.rotated.svelte-1cau6o1{transform:rotate(180deg)}.dark .breakdown-chevron.svelte-1cau6o1{color:#666}.breakdown-label.svelte-1cau6o1{font-size:12px;color:#6b7280}.dark .breakdown-label.svelte-1cau6o1{color:#888}.breakdown-bar.svelte-1cau6o1{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.dark .breakdown-bar.svelte-1cau6o1{background:#2a2a4e}.breakdown-fill.svelte-1cau6o1{height:100%;border-radius:4px;transition:width .3s ease}.breakdown-fill.excellent.svelte-1cau6o1{background:#22c55e}.breakdown-fill.good.svelte-1cau6o1{background:#84cc16}.breakdown-fill.fair.svelte-1cau6o1{background:#eab308}.breakdown-fill.needs-work.svelte-1cau6o1{background:#ef4444}.breakdown-count.svelte-1cau6o1{font-size:14px;font-weight:500;color:#374151;text-align:right}.dark .breakdown-count.svelte-1cau6o1{color:#ccc}.tier-questions.svelte-1cau6o1{display:flex;flex-direction:column;gap:8px;padding:12px 0 8px;margin-bottom:8px}.review-question.svelte-1cau6o1{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}.dark .review-question.svelte-1cau6o1{border-color:#ffffff14}.review-question-header.svelte-1cau6o1{display:grid;grid-template-columns:36px 48px 1fr 50px;align-items:center;gap:8px;padding:8px 12px;background:#00000005;font-size:12px}.dark .review-question-header.svelte-1cau6o1{background:#ffffff05}.question-number.svelte-1cau6o1{font-weight:600;color:#6b7280;font-size:11px}.dark .question-number.svelte-1cau6o1{color:#888}.question-score.svelte-1cau6o1{font-weight:700;font-size:13px}.question-summary.svelte-1cau6o1{color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dark .question-summary.svelte-1cau6o1{color:#ccc}.question-time.svelte-1cau6o1{text-align:right;color:#9ca3af;font-size:11px;font-variant-numeric:tabular-nums}.dark .question-time.svelte-1cau6o1{color:#666}.review-question-staff.svelte-1cau6o1{background:#00000005;border-top:1px solid rgba(0,0,0,.05)}.dark .review-question-staff.svelte-1cau6o1{background:#ffffff05;border-top-color:#ffffff0d}@media (max-width: 640px){.stats-grid.svelte-1cau6o1{grid-template-columns:1fr}.breakdown-item.svelte-1cau6o1{grid-template-columns:1fr 80px;gap:8px}.breakdown-bar.svelte-1cau6o1,.breakdown-chevron.svelte-1cau6o1{display:none}.review-question-header.svelte-1cau6o1{grid-template-columns:36px 48px 1fr}.question-time.svelte-1cau6o1{display:none}}.melodic-dictation-app.svelte-l01hxo{max-width:880px;margin:0 auto}.phase-container.svelte-l01hxo{animation:svelte-l01hxo-fade .2s ease}.exercise-panel.svelte-l01hxo{display:flex;flex-direction:column;gap:14px;padding:20px;background:#fff;border:2px solid rgba(255,140,0,.15);border-radius:16px}.exercise-top-bar.svelte-l01hxo,.play-row.svelte-l01hxo,.review-play-row.svelte-l01hxo,.prompt-area.svelte-l01hxo,.letter-row.svelte-l01hxo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.control-group.svelte-l01hxo{display:flex;flex-direction:column;gap:6px}.control-lane.svelte-l01hxo{display:flex;gap:8px;align-items:center}.top-stats.svelte-l01hxo{display:flex;gap:6px;margin-left:auto}.mini-stat.svelte-l01hxo{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:#ff8c000f;border-radius:8px}.mini-stat-value.svelte-l01hxo{font-weight:700;color:#ff8c00}.mini-stat-label.svelte-l01hxo,.hint.svelte-l01hxo,.meta.svelte-l01hxo{font-size:10px;color:#6b7280}.pill.svelte-l01hxo{padding:4px 12px;border-radius:999px;background:#ff8c0014;font-size:13px;font-weight:700}.oct-label.svelte-l01hxo{font-size:14px;font-weight:800;color:#374151;min-width:24px;text-align:center}.action.svelte-l01hxo,.palette-btn.svelte-l01hxo,.letter-btn.svelte-l01hxo,.icon-square.svelte-l01hxo,.icon-round.svelte-l01hxo{border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:10px;cursor:pointer;transition:all .15s ease}.action.primary.svelte-l01hxo{background:linear-gradient(135deg,#ff5100,#ff8533);border:none;color:#fff;box-shadow:0 8px 20px #ff51002e}.action.playing.svelte-l01hxo{border:2px solid #f59e0b;background:#f59e0b14;color:#b45309;box-shadow:none}.action.svelte-l01hxo{display:flex;flex-direction:column;align-items:center;justify-content:center;height:52px;padding:2px 14px;font-weight:700}.action-label.svelte-l01hxo{font-size:13px;line-height:1.2}.letter-btn.svelte-l01hxo{padding:10px 14px;font-weight:700;flex:1}.letter-btn.sm.svelte-l01hxo{flex:0 0 auto;padding:8px 12px}.letter-btn.active.svelte-l01hxo,.palette-btn.active.svelte-l01hxo{border-color:#ff5100;background:#ff510014;color:#ff5100}.duration-buttons.svelte-l01hxo{display:flex;gap:4px;flex-wrap:wrap}.palette-btn.svelte-l01hxo{width:46px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center}.palette-btn.svelte-l01hxo:disabled,.icon-square.svelte-l01hxo:disabled,.icon-round.svelte-l01hxo:disabled,.letter-btn.svelte-l01hxo:disabled,.action.svelte-l01hxo:disabled{opacity:.45;cursor:not-allowed}.glyph.svelte-l01hxo{display:flex;align-items:center;justify-content:center;width:28px;height:30px;overflow:hidden}.glyph.svelte-l01hxo svg{width:100%;height:100%;display:block}.dot-glyph.svelte-l01hxo{font-size:28px;line-height:1}.barline-glyph.svelte-l01hxo svg{width:16px;height:20px}.staff-section.svelte-l01hxo{display:flex;flex-direction:column;gap:6px}.staff-label.svelte-l01hxo{font-size:11px;font-weight:700;text-transform:uppercase;color:#6b7280}.staff-label.correct.svelte-l01hxo{color:#22c55e}.staff-preview.svelte-l01hxo{min-height:140px;border-radius:10px;background:#faf8f5;border:1px solid #e5e7eb;overflow:hidden;overflow-y:hidden;padding:10px 0 12px}.staff-preview.svelte-l01hxo svg{display:block}.staff-canvas.svelte-l01hxo{min-height:118px;width:100%}.acc-oct-row.svelte-l01hxo{display:flex;gap:6px;align-items:center;justify-content:center}.palette-divider.svelte-l01hxo{width:1px;height:32px;background:#e5e7eb;margin:0 2px;flex-shrink:0}.disabled-section.svelte-l01hxo{opacity:.35;pointer-events:none}.toolbar-row.svelte-l01hxo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions-with-toggle.svelte-l01hxo{display:flex;align-items:center;gap:8px}.actions-with-toggle.svelte-l01hxo .actions-row{flex:1;min-width:0;flex-direction:row!important;flex-wrap:nowrap}.actions-with-toggle.svelte-l01hxo .check-btn{flex:1;width:auto!important;padding:10px 18px;font-size:12px;margin-left:0}.actions-with-toggle.svelte-l01hxo .skip-btn{width:auto!important;padding:8px 14px;font-size:12px}.actions-with-toggle.svelte-l01hxo .quit-btn{order:-1;margin-top:0!important;font-size:12px!important;padding:8px 14px!important;opacity:.7!important}.actions-with-toggle.svelte-l01hxo .continue-btn{flex:1;width:auto!important;margin-left:0}.input-mode-toggle.svelte-l01hxo{display:flex;gap:2px;background:#f3f4f6;border-radius:8px;padding:2px;flex-shrink:0}.dark .input-mode-toggle.svelte-l01hxo{background:#1a1a1a}.mode-tab.svelte-l01hxo{display:flex;align-items:center;justify-content:center;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.mode-tab.active.svelte-l01hxo{background:#fff;color:#ff5100;box-shadow:0 1px 3px #00000014}.dark .mode-tab.svelte-l01hxo{color:#888}.dark .mode-tab.active.svelte-l01hxo{background:#2a2a2a;color:#ff8c00;box-shadow:0 1px 3px #0000004d}.piano-input-section.svelte-l01hxo{width:100%}.bottom-bar.svelte-l01hxo{display:flex;gap:6px;align-items:center;justify-content:center}.nav-group.svelte-l01hxo,.edit-group.svelte-l01hxo{display:flex;gap:4px;align-items:center}.place-btn.svelte-l01hxo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff5100,#ff8533);color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 14px #ff51002e;transition:all .15s ease}.place-btn.svelte-l01hxo:hover{box-shadow:0 6px 20px #ff510047}.place-btn.svelte-l01hxo .hint:where(.svelte-l01hxo){color:#ffffffa6;font-size:11px}.place-btn.done-btn.svelte-l01hxo{background:#fff;color:#374151;border:2px solid #e5e7eb;box-shadow:none}.place-btn.done-btn.svelte-l01hxo .hint:where(.svelte-l01hxo){color:#9ca3af}.place-btn.done-btn.svelte-l01hxo:hover{border-color:#ff5100;color:#ff5100}.dark .place-btn.svelte-l01hxo{box-shadow:0 4px 14px #ff510038}.dark .place-btn.svelte-l01hxo .hint:where(.svelte-l01hxo){color:#ffffff80}.dark .place-btn.done-btn.svelte-l01hxo{background:#0a0a0a;border-color:#ff8c0033;color:#e5e5e5;box-shadow:none}.dark .place-btn.done-btn.svelte-l01hxo .hint:where(.svelte-l01hxo){color:#888}.dark .place-btn.done-btn.svelte-l01hxo:hover{border-color:#ff8c00;color:#ff8c00}.icon-square.svelte-l01hxo,.icon-round.svelte-l01hxo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px}.icon-round.svelte-l01hxo{border-radius:999px}.nav-btn.svelte-l01hxo svg{width:18px;height:18px}.nav-btn.svelte-l01hxo:last-child svg{transform:rotate(180deg)}.feedback.svelte-l01hxo{margin:0;text-align:center;font-weight:700}.feedback.correct.svelte-l01hxo{color:#22c55e}.feedback.incorrect.svelte-l01hxo{color:#ef4444}.loading-panel.svelte-l01hxo{min-height:200px;justify-content:center}.loading-text.svelte-l01hxo{color:#6b7280}@keyframes svelte-l01hxo-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dark .exercise-panel.svelte-l01hxo{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ff8c004d}.dark .action.svelte-l01hxo,.dark .icon-square.svelte-l01hxo,.dark .icon-round.svelte-l01hxo{background:#0a0a0a;border-color:#ff8c0033;color:#e5e5e5}.dark .palette-btn.svelte-l01hxo{background:#1a1510;border-color:#3a2a1e;color:#e5e7eb}.dark .palette-btn.svelte-l01hxo:hover:not(:disabled){border-color:#ff5100;background:#ff510026}.dark .letter-btn.svelte-l01hxo{background:#0a0a0a;border-color:#ff8c0033;color:#e5e5e5}.dark .letter-btn.svelte-l01hxo:hover:not(:disabled){border-color:#ff8c0066}.dark .palette-divider.svelte-l01hxo{background:#3a2a1e}.dark .action.primary.svelte-l01hxo{background:linear-gradient(135deg,#ff5100,#ff8533);color:#fff;box-shadow:0 8px 22px #ff510038}.dark .action.playing.svelte-l01hxo{border-color:#f59e0b;background:#f59e0b29;color:#fbbf24}.dark .palette-btn.active.svelte-l01hxo{border-color:#f59e0b;background:#ff510033}.dark .letter-btn.active.svelte-l01hxo{background:#ff5100;border-color:#ff5100;color:#fff;box-shadow:0 2px 8px #ff510059}.dark .staff-preview.svelte-l01hxo{background:#171717;border-color:#ff8c0033}.dark .mini-stat.svelte-l01hxo,.dark .pill.svelte-l01hxo{background:#ff8c001a;color:#fed7aa}.dark .oct-label.svelte-l01hxo{color:#e5e5e5}.dark .mini-stat-value.svelte-l01hxo{color:#fb923c}.dark .hint.svelte-l01hxo,.dark .meta.svelte-l01hxo,.dark .staff-label.svelte-l01hxo,.dark .loading-text.svelte-l01hxo{color:#9ca3af}.dark .staff-label.correct.svelte-l01hxo,.dark .feedback.correct.svelte-l01hxo{color:#4ade80}.dark .feedback.incorrect.svelte-l01hxo{color:#f87171}@media (max-width: 640px){.exercise-panel.svelte-l01hxo{padding:14px;gap:10px}.play-row.svelte-l01hxo,.prompt-area.svelte-l01hxo,.control-lane.svelte-l01hxo{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,81,0,.55) transparent}.play-row.svelte-l01hxo::-webkit-scrollbar,.prompt-area.svelte-l01hxo::-webkit-scrollbar,.control-lane.svelte-l01hxo::-webkit-scrollbar{height:6px}.play-row.svelte-l01hxo::-webkit-scrollbar-thumb,.prompt-area.svelte-l01hxo::-webkit-scrollbar-thumb,.control-lane.svelte-l01hxo::-webkit-scrollbar-thumb{background:#ff510073;border-radius:999px}.play-row.svelte-l01hxo::-webkit-scrollbar-track,.prompt-area.svelte-l01hxo::-webkit-scrollbar-track,.control-lane.svelte-l01hxo::-webkit-scrollbar-track{background:#94a3b81f;border-radius:999px}.letter-row.svelte-l01hxo{justify-content:center}.toolbar-row.svelte-l01hxo{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar-row.svelte-l01hxo::-webkit-scrollbar{display:none}.control-group.svelte-l01hxo{gap:5px}.duration-buttons.svelte-l01hxo{flex-wrap:nowrap}.letter-btn.svelte-l01hxo{min-width:36px;padding:8px 10px;font-size:13px;flex:0 0 auto}.letter-btn.sm.svelte-l01hxo,.action.svelte-l01hxo,.oct-label.svelte-l01hxo{flex:0 0 auto}}