.br-met{max-width:28rem;margin:0 auto}.br-met__display{display:flex;align-items:baseline;justify-content:center;gap:var(--br-space-sm);padding:var(--br-space-lg) 0;background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius);margin-bottom:var(--br-space-md)}.br-met__bpm{font-family:"Courier New",Courier,monospace;font-size:4rem;font-weight:700;color:var(--br-color-text);line-height:1;font-variant-numeric:tabular-nums}.br-met__bpm-unit{font-size:var(--br-text-md);font-weight:600;color:var(--br-color-text-sub)}.br-met__beats{display:flex;justify-content:center;gap:var(--br-space-sm);margin-bottom:var(--br-space-md);min-height:2.5rem}.br-met__beat{width:2rem;height:2rem;border-radius:50%;background-color:var(--br-color-bg-light);border:2px solid var(--br-color-border);transition:background-color 80ms,transform 80ms}.br-met__beat--accent{border-color:var(--br-color-accent)}.br-met__beat.is-active{background-color:var(--br-color-accent);transform:scale(1.15)}.br-met__beat--accent.is-active{background-color:#dc2626;border-color:#dc2626}.br-met__controls{padding:var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius);margin-bottom:var(--br-space-md)}.br-met__row{display:flex;align-items:center;gap:var(--br-space-md);padding:var(--br-space-xs) 0}.br-met__label{flex:0 0 3.5rem;font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text-sub)}.br-met__slider{flex:1 1 auto;min-height:var(--br-tap-min)}.br-met__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--br-space-xs);margin:var(--br-space-sm) 0}.br-met__select{flex:1 1 auto;min-height:var(--br-tap-min);padding:var(--br-space-xs) var(--br-space-sm);font-size:var(--br-text-sm);font-family:inherit;background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);color:var(--br-color-text)}.br-met__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--br-space-sm)}