.bpm-tool.svelte-13tcg73{flex-direction:column;gap:3rem;display:flex}.bpm-deck.svelte-13tcg73{gap:1.5rem;display:grid}@media (width>=640px){.bpm-deck.svelte-13tcg73{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}}.bpm-pad.svelte-13tcg73{border:1px solid color-mix(in srgb, var(--color-white,white) 16%, transparent);border-radius:var(--radius);min-height:19rem;color:var(--color-white,white);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--motion-fast) var(--ease-out-quart,ease-out);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem;display:flex}.bpm-pad.svelte-13tcg73:hover{border-color:color-mix(in srgb, var(--color-majestic-300) 55%, transparent)}.bpm-pad.svelte-13tcg73.is-hit{border-color:var(--color-majestic-300);transition-duration:0s}.bpm-pad.svelte-13tcg73:focus-visible{outline:2px solid var(--color-majestic-300);outline-offset:4px}.bpm-eyebrow.svelte-13tcg73{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--color-white,white) 65%, transparent);font-size:.75rem;font-weight:500}.bpm-eyebrow--unit.svelte-13tcg73{color:var(--color-majestic-300)}.bpm-readout.svelte-13tcg73{font-family:var(--font-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,11vw,7.5rem);font-weight:300;line-height:1}.bpm-beats.svelte-13tcg73{gap:.75rem;margin-top:1.25rem;display:flex}.bpm-beat.svelte-13tcg73{border:1px solid color-mix(in srgb, var(--color-white,white) 28%, transparent);border-radius:50%;width:.625rem;height:.625rem;transition:background-color 60ms linear,border-color 60ms linear}.bpm-beat[data-on=true].svelte-13tcg73{border-color:var(--color-white,white);background:var(--color-white,white)}.bpm-beat[data-on=true][data-one=true].svelte-13tcg73{border-color:var(--color-majestic-300);background:var(--color-majestic-300)}.bpm-hint.svelte-13tcg73{color:color-mix(in srgb, var(--color-white,white) 65%, transparent);font-variant-numeric:tabular-nums;margin-top:.75rem;font-size:.8125rem}.bpm-controls.svelte-13tcg73{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.bpm-stepper.svelte-13tcg73{align-items:stretch;gap:.5rem;display:flex}.bpm-field.svelte-13tcg73{border:1px solid color-mix(in srgb, var(--color-white,white) 16%, transparent);border-radius:var(--radius);text-align:center;min-width:0;height:3.5rem;color:var(--color-white,white);font-family:var(--font-mono);font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;flex:1;font-size:1.5rem}.bpm-field.svelte-13tcg73::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-field.svelte-13tcg73::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-field.svelte-13tcg73:hover{border-color:color-mix(in srgb, var(--color-white,white) 28%, transparent)}.bpm-field.svelte-13tcg73:focus-visible{outline:2px solid var(--color-majestic-300);outline-offset:3px}.bpm-icon.svelte-13tcg73{border:1px solid color-mix(in srgb, var(--color-white,white) 16%, transparent);border-radius:var(--radius);width:3.5rem;color:var(--color-white,white);cursor:pointer;transition:color var(--motion-fast) var(--ease-out-quart,ease-out), border-color var(--motion-fast) var(--ease-out-quart,ease-out);background:0 0;flex:0 0 3.5rem;justify-content:center;align-items:center;display:inline-flex}.bpm-icon.svelte-13tcg73:hover:not(:disabled){border-color:var(--color-majestic-300);color:var(--color-majestic-300)}.bpm-icon.svelte-13tcg73:focus-visible{outline:2px solid var(--color-majestic-300);outline-offset:3px}.bpm-icon.svelte-13tcg73:disabled{opacity:.5;cursor:default}.tag-choice.svelte-13tcg73{border:1px solid color-mix(in srgb, var(--color-white,white) 20%, transparent);border-radius:var(--radius);min-height:44px;color:var(--color-white,white);cursor:pointer;transition:color var(--motion-fast) var(--ease-out-quart,ease-out), border-color var(--motion-fast) var(--ease-out-quart,ease-out);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;display:inline-flex}.tag-choice.svelte-13tcg73:hover:not(:disabled){border-color:var(--color-majestic-300);color:var(--color-majestic-300)}.tag-choice.svelte-13tcg73:focus-visible{outline:2px solid var(--color-majestic-300);outline-offset:3px}.tag-choice.svelte-13tcg73:disabled{opacity:.5;cursor:default}.bpm-brand.svelte-13tcg73,.bpm-unit.svelte-13tcg73{width:fit-content;min-height:44px;color:var(--color-majestic-300);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-size:1rem;font-weight:500;display:inline-flex;position:relative}.bpm-brand.svelte-13tcg73:after,.bpm-unit.svelte-13tcg73:after{content:"";inset-inline:0;transform-origin:0;height:16px;transition:transform var(--motion-base) var(--ease-out-expo);background:url(/fx/audio-wave-vein.svg?v=3) 50%/100% 100% no-repeat;margin-bottom:-9px;position:absolute;bottom:2px;transform:scaleX(0);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.bpm-brand.svelte-13tcg73:hover:after,.bpm-brand.svelte-13tcg73:focus-visible:after,.bpm-brand[aria-pressed=true].svelte-13tcg73:after,.bpm-unit[aria-checked=true].svelte-13tcg73:after{transform:scaleX(1)}.bpm-brand.svelte-13tcg73:hover{color:#ffdf88}.bpm-brand.svelte-13tcg73:focus-visible,.bpm-unit.svelte-13tcg73:focus-visible{outline:2px solid var(--color-majestic-300);outline-offset:4px}.bpm-block.svelte-13tcg73{flex-direction:column;gap:1.25rem;display:flex}.bpm-block__head.svelte-13tcg73{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.bpm-block__title.svelte-13tcg73{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}.bpm-block__hint.svelte-13tcg73{color:color-mix(in srgb, var(--color-white,white) 65%, transparent);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.bpm-units.svelte-13tcg73{gap:1.5rem;display:flex}.bpm-unit.svelte-13tcg73{color:color-mix(in srgb, var(--color-white,white) 65%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.8125rem}.bpm-unit.svelte-13tcg73:hover,.bpm-unit[aria-checked=true].svelte-13tcg73{color:var(--color-majestic-300)}.bpm-scroll.svelte-13tcg73{overflow-x:auto}.bpm-table.svelte-13tcg73{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:20rem}.bpm-table.svelte-13tcg73 th:where(.svelte-13tcg73),.bpm-table.svelte-13tcg73 td:where(.svelte-13tcg73){border-bottom:1px solid color-mix(in srgb, var(--color-white,white) 8%, transparent);text-align:start;padding:0}.bpm-table.svelte-13tcg73 thead:where(.svelte-13tcg73) th:where(.svelte-13tcg73){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--color-white,white) 65%, transparent);padding-block:0 .75rem;font-size:.75rem;font-weight:500}.bpm-table.svelte-13tcg73 tbody:where(.svelte-13tcg73) th:where(.svelte-13tcg73){font-family:var(--font-mono);color:var(--color-white,white);white-space:nowrap;padding-inline-end:1rem;font-size:.9375rem;font-weight:500}.bpm-cell.svelte-13tcg73{min-height:44px;color:color-mix(in srgb, var(--color-white,white) 85%, transparent);font-family:var(--font-mono);cursor:copy;transition:color var(--motion-fast) var(--ease-out-quart,ease-out);background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .75rem 0 0;font-size:.9375rem;display:inline-flex}.bpm-cell.svelte-13tcg73:hover{color:var(--color-majestic-300)}.bpm-cell[data-copied=true].svelte-13tcg73{color:var(--color-signal-300,#c7f04c)}.bpm-cell.svelte-13tcg73:focus-visible{outline:2px solid var(--color-majestic-300);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bpm-pad.svelte-13tcg73,.bpm-icon.svelte-13tcg73,.tag-choice.svelte-13tcg73,.bpm-cell.svelte-13tcg73,.bpm-beat.svelte-13tcg73,.bpm-brand.svelte-13tcg73:after,.bpm-unit.svelte-13tcg73:after{transition:none}.bpm-brand.svelte-13tcg73:after,.bpm-unit.svelte-13tcg73:after{background-image:url(/fx/audio-wave-vein-still.svg?v=3)}}