.chord-display-area.svelte-ir2mjv{display:flex;flex-direction:column;align-items:center;gap:.2em;min-height:250px;justify-content:center}.loading-container.svelte-ir2mjv,.error-container.svelte-ir2mjv{display:flex;justify-content:center;align-items:center;min-height:250px;color:#555;font-style:italic}.error-container.svelte-ir2mjv{color:#c00;font-weight:700}.selectors-container.svelte-ir2mjv{display:flex;gap:1.5em;align-items:center;flex-wrap:wrap;justify-content:center}.selector-item.svelte-ir2mjv{display:flex;align-items:center;gap:.5em}label.svelte-ir2mjv{font-weight:700}select.svelte-ir2mjv{padding:.5em .8em;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:1em;cursor:pointer}select.svelte-ir2mjv:disabled{background-color:#eee;cursor:not-allowed}.chord-container.svelte-ir2mjv{width:100%;max-width:100%;margin-top:.5em}.message-container.svelte-ir2mjv{text-align:center;color:#555;margin-top:1em}.message-container.svelte-ir2mjv p:where(.svelte-ir2mjv){margin:.5em 0}select.svelte-ir2mjv option:where(.svelte-ir2mjv):disabled{color:#ccc;background-color:#f8f8f8;cursor:not-allowed}.position-selector.svelte-ir2mjv{display:flex;align-items:center;gap:.5em;margin-top:.5em;flex-wrap:wrap;justify-content:center}.position-selector.svelte-ir2mjv span:where(.svelte-ir2mjv){font-weight:700;margin-right:.3em}.position-button.svelte-ir2mjv{padding:.3em .6em;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.9em;transition:background-color .2s ease,border-color .2s ease}.position-button.svelte-ir2mjv:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb}.position-button.active.svelte-ir2mjv{background-color:#e0e0e0;border-color:#adadad;font-weight:700;cursor:default}.position-button.svelte-ir2mjv:disabled{color:#ccc;background-color:#f8f8f8}.timer-container.svelte-1se0sgm{padding:1em 0;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:2em;background:linear-gradient(180deg,#fff,#f9fafb);min-width:280px;max-width:50%;box-shadow:0 6px 10px -2px #0000000d,0 4px 6px -2px #0000000a;box-sizing:border-box}.time-display-container.svelte-1se0sgm{width:100%;text-align:center}.time-display.svelte-1se0sgm{font-size:4.5em;font-family:Roboto Mono,Courier New,Courier,monospace;color:#111827;padding:.1em 0;display:inline-block;min-width:200px;font-weight:500;letter-spacing:.03em}.timer-button.svelte-1se0sgm{padding:1em 2em;font-size:1.15em;font-weight:600;cursor:pointer;border:none;border-radius:10px;color:#fff;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;width:220px;text-align:center;box-shadow:0 4px 6px #0000001a}.timer-button.svelte-1se0sgm:active{transform:translateY(2px);box-shadow:0 2px 3px #00000026}.timer-button.start-button.svelte-1se0sgm{background-color:#10b981}.timer-button.start-button.svelte-1se0sgm:hover{background-color:#059669}.timer-button.stop-button.svelte-1se0sgm{background-color:#ef4444}.timer-button.stop-button.svelte-1se0sgm:hover{background-color:#dc2626}button.svelte-1se0sgm:disabled{background-color:#d1d5db;cursor:not-allowed;box-shadow:none}.metronome-controls.svelte-1qzkes7{padding:1.5em;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:1em;background:linear-gradient(180deg,#fff,#f9fafb);box-shadow:0 6px 10px -2px #0000000d,0 4px 6px -2px #0000000a;box-sizing:border-box;margin:1rem auto;min-width:250px}.slider-group.svelte-1qzkes7{display:flex;align-items:center;gap:.8em;width:100%}label.svelte-1qzkes7{font-weight:500;min-width:80px;text-align:right;color:#374151;flex-shrink:0}label.svelte-1qzkes7 span:where(.svelte-1qzkes7){display:inline-block;min-width:35px;text-align:left;font-variant-numeric:tabular-nums;color:#111827;font-weight:600}input[type=range].svelte-1qzkes7{flex-grow:1;cursor:pointer;height:8px;background:#d1d5db;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range].svelte-1qzkes7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#4a90e2;border-radius:50%;cursor:pointer}input[type=range].svelte-1qzkes7::-moz-range-thumb{width:18px;height:18px;background:#4a90e2;border-radius:50%;cursor:pointer;border:none}button.svelte-1qzkes7{padding:.8em 1.5em;font-size:1em;font-weight:600;cursor:pointer;border:none;border-radius:10px;color:#fff;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;text-align:center;box-shadow:0 4px 6px #0000001a;background-color:#4a90e2;width:80%;max-width:200px}button.svelte-1qzkes7:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 6px 8px #0000001a}button.svelte-1qzkes7:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 3px #00000026}button.svelte-1qzkes7:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.practice-log-container.svelte-rz9z7o{padding:1.5em 2em;border:1px solid #e5e7eb;border-radius:16px;background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:1em;box-shadow:0 6px 10px -2px #0000000d,0 4px 6px -2px #0000000a;text-align:center;transition:border-color .2s ease;box-sizing:border-box}.practice-log-container.has-error.svelte-rz9z7o{border-color:#fee2e2}.log-title.svelte-rz9z7o{margin:0 0 .3em;font-size:1.1em;color:#4b5563;font-weight:500}.log-title.svelte-rz9z7o span:where(.svelte-rz9z7o){font-weight:600;color:#1f2937}.log-input-group.svelte-rz9z7o{display:flex;align-items:center;gap:.8em;margin-top:.5em;flex-wrap:wrap;justify-content:center}label.svelte-rz9z7o{font-weight:500;font-size:1em;color:#374151;white-space:nowrap}.count-input.svelte-rz9z7o{padding:.7em .8em;border:1px solid #d1d5db;border-radius:8px;width:85px;text-align:center;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease}.count-input.svelte-rz9z7o:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.log-button.svelte-rz9z7o{padding:.7em 1.5em;font-size:1em;font-weight:600;cursor:pointer;border:none;border-radius:8px;color:#fff;background-color:#3b82f6;transition:background-color .2s ease,transform .1s ease}.log-button.svelte-rz9z7o:hover{background-color:#2563eb}.log-button.svelte-rz9z7o:active{transform:translateY(1px)}.placeholder-message.svelte-rz9z7o{color:#6b7280;font-style:italic;margin-top:1em}.log-message.svelte-rz9z7o{margin-top:.8em;font-size:.95em;min-height:1.4em;font-weight:500;padding:.3em .8em;border-radius:6px;width:fit-content;max-width:90%}.log-message.success.svelte-rz9z7o{color:#059669;background-color:#d1fae5}.log-message.error.svelte-rz9z7o{color:#dc2626;background-color:#fee2e2}.best-count-display.svelte-rz9z7o{font-size:1em;color:#4b5563;margin-bottom:.5em;min-height:1.4em}.best-count-number.svelte-rz9z7o{color:#10b981;font-weight:700;font-size:1.1em}.no-logs.svelte-rz9z7o{color:#6b7280;font-style:italic}.chart-container.svelte-z9uwsk{margin-top:1.5em;padding:1em;border:1px solid #e0e0e0;border-radius:8px;background-color:#fdfdfd;width:90%;max-width:700px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:center;min-height:250px;position:relative;flex-direction:column;align-items:center}.chart-wrapper.svelte-z9uwsk{width:100%;height:300px;position:relative;margin-bottom:1em}canvas.svelte-z9uwsk{display:block;width:100%;height:100%}.chart-message.svelte-z9uwsk{color:#666;font-style:italic;text-align:center;position:absolute;top:150px;left:50%;transform:translate(-50%,-50%);width:80%}.delete-button.svelte-z9uwsk{margin-top:.5em;padding:.5em 1em;border:1px solid #ccc;background-color:#f8f8f8;cursor:pointer;border-radius:4px;color:#dc3545;border-color:#dc3545;transition:background-color .2s ease}.delete-button.svelte-z9uwsk:hover{background-color:#fdeeee}.delete-button.svelte-z9uwsk:disabled{opacity:.6;cursor:not-allowed}.pair-history-container.svelte-wr2khk{width:100%;margin-bottom:1rem;padding:.5rem 0;border-bottom:1px solid var(--card-border, #e2e8f0);display:flex;flex-direction:column;align-items:center;gap:.5rem}.history-label.svelte-wr2khk{font-size:.9rem;color:var(--color-text-muted, #718096);margin-bottom:.5rem}.history-buttons.svelte-wr2khk{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.history-button.svelte-wr2khk{padding:.5rem 1rem;font-size:.9rem;font-weight:500;background-color:#f97316;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;color:#fff;min-width:80px;text-align:center;box-shadow:0 2px 4px #00000014}.history-button.svelte-wr2khk:hover{background-color:#ea580c;box-shadow:0 4px 6px #0000001a}.history-button.svelte-wr2khk:disabled{background-color:#fdba74;color:#f9fafb;cursor:not-allowed;box-shadow:none;transform:none;opacity:.8}.history-button.svelte-wr2khk:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.no-history.svelte-wr2khk{font-size:.9rem;color:var(--color-text-muted, #718096)}:root{--card-padding: 1.5rem;--card-border-radius: 8px;--card-background: #ffffff;--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--card-border: 1px solid #e2e8f0;--card-gap: 1.5rem;--max-width: 800px;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--color-text: #1a202c;--color-text-muted: #718096;--color-background: #f7fafc}main.svelte-1hvfhu9{display:flex;flex-direction:column;align-items:center;gap:var(--card-gap);font-family:var(--font-family-sans);padding:2rem 1rem;text-align:center;max-width:var(--max-width);margin:0 auto;box-sizing:border-box;background-color:var(--color-background);color:var(--color-text);line-height:1.6}h1.svelte-1hvfhu9{margin-bottom:.5rem;font-weight:600}p.svelte-1hvfhu9{margin-bottom:var(--card-gap);color:var(--color-text-muted);max-width:60ch;margin-left:auto;margin-right:auto}.card.svelte-1hvfhu9{background-color:var(--card-background);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.chord-row.svelte-1hvfhu9{flex-direction:row;justify-content:space-around;align-items:flex-start;gap:2em;flex-wrap:wrap}.timer-card.svelte-1hvfhu9{flex-direction:column;align-items:center;gap:1rem}.timer-metronome-wrapper.svelte-1hvfhu9{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;flex-wrap:wrap}.timer-container.svelte-1hvfhu9,.metronome-container.svelte-1hvfhu9{flex:1 1 auto;display:flex;justify-content:center}.log-card.svelte-1hvfhu9>div,.chart-card.svelte-1hvfhu9>div{width:100%}@media (max-width: 600px){:root{--card-padding: 1rem;--card-gap: 1rem}main.svelte-1hvfhu9{padding:1rem .5rem}.chord-row.svelte-1hvfhu9{flex-direction:column;align-items:center;gap:1.5em}h1.svelte-1hvfhu9{font-size:1.5rem}p.svelte-1hvfhu9{font-size:.9rem}.timer-metronome-wrapper.svelte-1hvfhu9{flex-direction:column;gap:1rem}.radio-group.svelte-1hvfhu9{gap:1rem}}.chord-selection-card.svelte-1hvfhu9{padding-top:var(--card-padding);padding-bottom:var(--card-padding);display:flex;flex-direction:column;align-items:center;gap:1rem}.chord-row.svelte-1hvfhu9{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;gap:2em;flex-wrap:wrap;width:100%}.pair-history-container{width:100%;margin-bottom:0;border-bottom:none;padding-bottom:0}@media (max-width: 600px){.chord-row.svelte-1hvfhu9{flex-direction:column;align-items:center;gap:1.5em}}.instrument-selector.svelte-1hvfhu9{padding:1rem var(--card-padding)}.instrument-selector.svelte-1hvfhu9 h2:where(.svelte-1hvfhu9){margin-top:0;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.radio-group.svelte-1hvfhu9{display:flex;gap:1.5rem;justify-content:center}.radio-group.svelte-1hvfhu9 label:where(.svelte-1hvfhu9){display:flex;align-items:center;gap:.4rem;cursor:pointer}.radio-group.svelte-1hvfhu9 input[type=radio]:where(.svelte-1hvfhu9){cursor:pointer;accent-color:#3182ce}