.Metronome-module__OOLizq__wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.Metronome-module__OOLizq__body{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:1rem;min-width:240px;padding:2rem 2.5rem 1.5rem;display:flex;position:relative}.Metronome-module__OOLizq__pendulumFrame{justify-content:center;align-items:flex-start;width:160px;height:200px;display:flex;position:relative}.Metronome-module__OOLizq__arcLeft,.Metronome-module__OOLizq__arcRight{border:1.5px dashed var(--color-border-subtle);pointer-events:none;border-radius:0 0 0 80px;width:60px;height:160px;position:absolute;top:10px}.Metronome-module__OOLizq__arcLeft{border-top:none;border-right:none;left:14px;transform:rotate(0)}.Metronome-module__OOLizq__arcRight{border-top:none;border-left:none;border-radius:0 0 80px;right:14px}.Metronome-module__OOLizq__pivot{background:var(--color-border-strong);border:2px solid var(--color-accent);z-index:3;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.Metronome-module__OOLizq__pendulum{transform-origin:top;width:4px;height:160px;position:absolute;top:7px;left:50%;transform:translate(-50%)rotate(0)}.Metronome-module__OOLizq__pendulum[data-running=true]{animation:Metronome-module__OOLizq__swing var(--half-period,.5s) ease-in-out infinite alternate}@keyframes Metronome-module__OOLizq__swing{0%{transform:translate(-50%)rotate(-32deg)}to{transform:translate(-50%)rotate(32deg)}}.Metronome-module__OOLizq__arm{background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-border-strong) 40%, var(--color-border-strong) 100%);border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.Metronome-module__OOLizq__bob{background:var(--color-surface-elevated);border:2px solid var(--color-border-strong);border-radius:50%;width:32px;height:32px;transition:border-color 50ms,box-shadow 50ms,background 50ms;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.Metronome-module__OOLizq__bob[data-running=true]{border-color:var(--color-accent);background:var(--color-surface-elevated)}@keyframes Metronome-module__OOLizq__bobFlash{0%,to{box-shadow:none}50%{box-shadow:0 0 18px 4px #3ddc978c}}.Metronome-module__OOLizq__bpmDisplay{flex-direction:column;align-items:center;gap:.125rem;display:flex}.Metronome-module__OOLizq__bpmValue{color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1}.Metronome-module__OOLizq__bpmUnit{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-disabled);font-size:.6875rem}.Metronome-module__OOLizq__tempoMark{color:var(--color-accent);margin-top:.125rem;font-size:.875rem;font-style:italic}.Metronome-module__OOLizq__beatDots{gap:.5rem;display:flex}.Metronome-module__OOLizq__beatDot{background:var(--color-border-strong);border-radius:50%;width:10px;height:10px;transition:background 80ms,transform 80ms,box-shadow 80ms;display:inline-block}.Metronome-module__OOLizq__beatDot[data-accent=true]{background:var(--color-border-strong);width:13px;height:13px}.Metronome-module__OOLizq__beatDot[data-active=true]{background:var(--color-accent);transform:scale(1.2);box-shadow:0 0 8px 2px #3ddc9780}.Metronome-module__OOLizq__beatDot[data-active=true][data-accent=true]{background:var(--color-accent);box-shadow:0 0 14px 4px #3ddc97b3}.Metronome-module__OOLizq__sliderRow{align-items:center;gap:.75rem;width:100%;max-width:320px;display:flex}.Metronome-module__OOLizq__sliderLabel{color:var(--color-text-disabled);text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:.75rem}.Metronome-module__OOLizq__slider{appearance:none;background:var(--color-border-strong);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.Metronome-module__OOLizq__slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 0 8px #3ddc974d}.Metronome-module__OOLizq__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.Metronome-module__OOLizq__slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 0 8px #3ddc974d}.Metronome-module__OOLizq__bpmButtons{gap:.5rem;display:flex}.Metronome-module__OOLizq__bpmBtn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:.375rem .875rem;font-size:.875rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.Metronome-module__OOLizq__bpmBtn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.Metronome-module__OOLizq__controls{align-items:center;gap:.75rem;display:flex}.Metronome-module__OOLizq__playBtn{border-radius:var(--radius-lg);border:1.5px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-width:9rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.Metronome-module__OOLizq__playBtn svg{flex-shrink:0;width:18px;height:18px}.Metronome-module__OOLizq__playBtn:hover{background:#3ddc9733;box-shadow:0 0 20px #3ddc9726}.Metronome-module__OOLizq__playBtn:active{transform:scale(.97)}.Metronome-module__OOLizq__tapBtn{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:border-color .1s,color .1s,transform 50ms}.Metronome-module__OOLizq__tapBtn:active{border-color:var(--color-accent);color:var(--color-accent);transform:scale(.95)}.Metronome-module__OOLizq__optionsRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.Metronome-module__OOLizq__optionGroup{flex-direction:column;align-items:center;gap:.5rem;display:flex}.Metronome-module__OOLizq__optionLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-disabled);font-size:.6875rem}.Metronome-module__OOLizq__optionBtns{gap:.375rem;display:flex}.Metronome-module__OOLizq__optionBtn{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;transition:border-color .12s,background .12s,color .12s}.Metronome-module__OOLizq__optionBtn[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.Metronome-module__OOLizq__optionToggle{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:.375rem 1rem;font-size:.875rem;font-weight:600;transition:border-color .12s,background .12s,color .12s}.Metronome-module__OOLizq__optionToggle[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.Metronome-module__OOLizq__pendulum[data-running=true]{animation:none}}