.metronome-controls.svelte-s6c7pb{display:flex;flex-direction:column;gap:var(--space-md)}.controls-row.svelte-s6c7pb{display:flex;gap:var(--space-md);align-items:flex-end;justify-content:space-between}.control-group.svelte-s6c7pb{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.control-label.svelte-s6c7pb{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bpm-control.svelte-s6c7pb{display:flex;align-items:center;gap:var(--space-xs)}.bpm-btn.svelte-s6c7pb{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:monospace}.bpm-btn.svelte-s6c7pb:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.bpm-btn.svelte-s6c7pb:disabled{opacity:.5;cursor:not-allowed}.bpm-input.svelte-s6c7pb{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:600;text-align:center;min-width:60px;height:32px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bpm-input.svelte-s6c7pb::-webkit-outer-spin-button,.bpm-input.svelte-s6c7pb::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-input.svelte-s6c7pb:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1)}.time-signature-select.svelte-s6c7pb{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s ease;height:32px}.time-signature-select.svelte-s6c7pb:hover{border-color:var(--accent-primary)}.time-signature-select.svelte-s6c7pb:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1)}.accent-btn.svelte-s6c7pb{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;width:100%;height:32px}.accent-btn.svelte-s6c7pb:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.accent-btn.active.svelte-s6c7pb{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media (max-width: 500px){.metronome-controls.svelte-s6c7pb,.controls-row.svelte-s6c7pb{gap:var(--space-sm)}.bpm-btn.svelte-s6c7pb{width:24px;height:24px;font-size:.875rem}.bpm-input.svelte-s6c7pb{min-width:45px;font-size:.8125rem;height:28px}.accent-btn.svelte-s6c7pb{font-size:.6875rem;padding:var(--space-xs);height:28px}.time-signature-select.svelte-s6c7pb{font-size:.8125rem;height:28px}}.metronome-card.svelte-120oj2l{display:flex;flex-direction:column;gap:var(--space-lg);height:100%;padding:var(--space-xs)}.metronome-header.svelte-120oj2l{display:flex;justify-content:flex-start;align-items:center}.metronome-title.svelte-120oj2l{margin:0 0 0 var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.metronome-main.svelte-120oj2l{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);flex:1}.control-buttons-row.svelte-120oj2l{display:flex;gap:var(--space-md);align-items:center}.beat-indicator-container.svelte-120oj2l{display:flex;justify-content:center;align-items:center;height:140px}.beat-indicator.svelte-120oj2l{width:120px;height:120px;border-radius:50%;background-color:var(--bg-secondary);border:3px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;transition:all .1s ease;position:relative}.beat-indicator.playing.svelte-120oj2l{border-color:var(--accent-primary);background-color:var(--bg-primary)}.bpm-display.svelte-120oj2l{display:flex;flex-direction:column;align-items:center;gap:1px;font-family:monospace}.bpm-number.svelte-120oj2l{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.bpm-label.svelte-120oj2l{font-size:.75rem;color:var(--text-muted);line-height:1;text-transform:uppercase;letter-spacing:.5px}.play-button.svelte-120oj2l{width:64px;height:64px;border-radius:50%;border:3px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.play-button.svelte-120oj2l:hover{border-color:var(--accent-primary);background-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.play-button.playing.svelte-120oj2l{border-color:var(--accent-primary);background-color:var(--accent-primary);color:#fff}.play-button.playing.svelte-120oj2l:hover{background-color:#dc2626;border-color:#dc2626}.tap-button.svelte-120oj2l{width:64px;height:64px;border-radius:50%;border:3px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.tap-button.svelte-120oj2l:hover{border-color:var(--accent-primary);background-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 500px){.beat-indicator-container.svelte-120oj2l{height:110px}.beat-indicator.svelte-120oj2l{width:90px;height:90px}.bpm-number.svelte-120oj2l{font-size:1.5rem}.play-button.svelte-120oj2l,.tap-button.svelte-120oj2l{width:50px;height:50px}}@media (prefers-color-scheme: dark){.play-button.svelte-120oj2l{box-shadow:0 2px 8px #0000004d}.play-button.svelte-120oj2l:hover{box-shadow:0 4px 12px #0006}.tap-button.svelte-120oj2l{box-shadow:0 2px 8px #0000004d}.tap-button.svelte-120oj2l:hover{box-shadow:0 4px 12px #0006}}