.Metronome-module__9acgGq__wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;gap:16px;max-width:460px;padding:22px;display:flex}.Metronome-module__9acgGq__bpmRow{align-items:stretch;gap:12px;display:flex}.Metronome-module__9acgGq__step{border:1px solid var(--border);background:var(--panel-alt);width:52px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;font-size:1.4rem;line-height:1}.Metronome-module__9acgGq__step:hover{border-color:var(--accent)}.Metronome-module__9acgGq__bpmBox{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-alt);flex:1;justify-content:center;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.Metronome-module__9acgGq__bpmInput{width:100%;min-width:0;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:0;font-size:3rem;font-weight:700}.Metronome-module__9acgGq__bpmInput::-webkit-outer-spin-button{appearance:none;margin:0}.Metronome-module__9acgGq__bpmInput::-webkit-inner-spin-button{appearance:none;margin:0}.Metronome-module__9acgGq__bpmUnit{color:var(--text-dim);font-size:.9rem}.Metronome-module__9acgGq__slider,.Metronome-module__9acgGq__volume input[type=range]{width:100%;accent-color:var(--accent)}.Metronome-module__9acgGq__tap{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-alt);color:var(--text);font:inherit;cursor:pointer;align-self:center;padding:9px 22px}.Metronome-module__9acgGq__tap:hover{border-color:var(--accent)}.Metronome-module__9acgGq__dots{justify-content:center;gap:12px;display:flex}.Metronome-module__9acgGq__dot{border:2px solid var(--border);background:0 0;border-radius:999px;width:20px;height:20px}.Metronome-module__9acgGq__dot[data-accent=true]{border-color:var(--text-dim);border-width:3px}.Metronome-module__9acgGq__dot[data-active=true]{background:var(--accent);border-color:var(--accent)}.Metronome-module__9acgGq__beatsRow{justify-content:center;align-items:center;gap:12px;display:flex}.Metronome-module__9acgGq__beatsValue{min-width:32px;font-family:var(--font-mono);text-align:center;font-size:1.3rem;font-weight:700}.Metronome-module__9acgGq__beatsHint{color:var(--text-dim);font-size:.82rem}.Metronome-module__9acgGq__sounds{gap:8px;display:flex}.Metronome-module__9acgGq__sound{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-alt);color:var(--text-dim);font:inherit;cursor:pointer;flex:1;padding:11px}.Metronome-module__9acgGq__sound:hover{border-color:var(--accent)}.Metronome-module__9acgGq__sound[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.Metronome-module__9acgGq__volume{align-items:center;gap:10px;display:flex}.Metronome-module__9acgGq__volumeLabel{color:var(--text-dim);white-space:nowrap;font-size:.82rem}.Metronome-module__9acgGq__volumeValue{min-width:44px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.Metronome-module__9acgGq__primary{border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:0;padding:15px;font-size:1.05rem;font-weight:700}.Metronome-module__9acgGq__primary:hover{background:var(--accent-dim)}.Metronome-module__9acgGq__error{color:var(--danger);margin:0;font-size:.88rem}.Metronome-module__9acgGq__shortcuts{color:var(--text-dim);text-align:center;margin:0;font-size:.8rem}