.container.svelte-wlxryf{padding-top:var(--space-8);padding-bottom:var(--space-8)}.card.svelte-wlxryf{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.beat-row.svelte-wlxryf{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;min-height:2.5rem;align-items:center}.beat-dot.svelte-wlxryf{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-surface-container);border:2px solid var(--color-outline-variant);transition:background .06s,border-color .06s,transform .06s}.beat-dot--accent.svelte-wlxryf{border-color:var(--color-primary)}.beat-dot--active.svelte-wlxryf{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.25)}.beat-dot--accent.beat-dot--active.svelte-wlxryf{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow-strong)}.bpm-display.svelte-wlxryf{text-align:center;line-height:1}.bpm-number.svelte-wlxryf{font-size:clamp(3rem,10vw,5rem);font-weight:700;color:var(--color-on-surface);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.bpm-label.svelte-wlxryf{display:block;font-size:.875rem;color:var(--color-outline);font-weight:500;margin-top:var(--space-1);letter-spacing:.1em;text-transform:uppercase}.control-row.svelte-wlxryf{display:flex;flex-direction:column;gap:var(--space-2)}.control-label.svelte-wlxryf{font-size:.875rem;font-weight:500;color:var(--color-on-surface-variant)}.slider-group.svelte-wlxryf{display:flex;align-items:center;gap:var(--space-3)}.range-hint.svelte-wlxryf{font-size:.75rem;color:var(--color-outline);min-width:1.5rem;text-align:center;flex-shrink:0}.slider.svelte-wlxryf{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:var(--radius-full);background:var(--color-outline-variant);cursor:pointer;outline:none}.slider.svelte-wlxryf::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 1px 4px #0003;transition:transform .1s}.slider.svelte-wlxryf::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:2px solid var(--color-surface)}.slider.svelte-wlxryf:focus-visible::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 3px var(--color-primary-glow-strong)}.number-input.svelte-wlxryf{width:4.5rem;padding:var(--space-2) var(--space-2);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface);font-size:.9375rem;font-weight:600;font-family:var(--font-mono);text-align:center;outline:none;flex-shrink:0}.number-input.svelte-wlxryf:focus{border-color:var(--color-primary);background:var(--color-surface)}.controls-grid.svelte-wlxryf{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.field.svelte-wlxryf{display:flex;flex-direction:column;gap:var(--space-2)}.field-label.svelte-wlxryf{font-size:.8125rem;font-weight:500;color:var(--color-on-surface-variant)}.select.svelte-wlxryf{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface);font-size:.875rem;cursor:pointer;outline:none;font-family:var(--font-sans)}.select.svelte-wlxryf:focus{border-color:var(--color-primary);background:var(--color-surface)}.field.svelte-wlxryf .slider:where(.svelte-wlxryf){margin-top:var(--space-2)}.action-row.svelte-wlxryf{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.btn-start.svelte-wlxryf{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background .15s,transform .1s;min-width:9rem;justify-content:center}.btn-start.svelte-wlxryf:hover{background:var(--color-primary-container);transform:translateY(-1px)}.btn-start--stop.svelte-wlxryf{background:var(--color-error)}.btn-start--stop.svelte-wlxryf:hover{background:var(--color-error-bright);transform:translateY(-1px)}.btn-start.svelte-wlxryf .material-symbols-rounded:where(.svelte-wlxryf){font-size:1.25rem}.btn-tap.svelte-wlxryf{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-surface-container);color:var(--color-on-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background .1s,transform .08s;-webkit-user-select:none;user-select:none}.btn-tap.svelte-wlxryf:hover{background:var(--color-surface-container-high)}.btn-tap.svelte-wlxryf:active{transform:scale(.96)}.btn-tap.svelte-wlxryf .material-symbols-rounded:where(.svelte-wlxryf){font-size:1.125rem}.bottom-section.svelte-wlxryf{padding:var(--space-8) 0 var(--space-14);border-top:1px solid var(--color-outline-variant)}@media(max-width:600px){.card.svelte-wlxryf{padding:var(--space-5)}.controls-grid.svelte-wlxryf{grid-template-columns:1fr 1fr}.controls-grid.svelte-wlxryf .field:where(.svelte-wlxryf):last-child{grid-column:1 / -1}.btn-start.svelte-wlxryf{min-width:auto;flex:1}}