.Metronome-module__4KIU8a__container{flex-direction:column;gap:16px;max-width:520px;margin:32px auto;padding:0 20px 40px;display:flex}.Metronome-module__4KIU8a__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.Metronome-module__4KIU8a__face{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:36px 32px 28px;display:flex;box-shadow:0 2px 12px #00000017}.Metronome-module__4KIU8a__animToggle{border:1px solid #d0dbe8;border-radius:6px;align-self:flex-end;display:flex;overflow:hidden}.Metronome-module__4KIU8a__animBtn{cursor:pointer;color:#555;background:#fff;border:none;padding:4px 16px;font-family:inherit;font-size:.82rem;transition:background .12s,color .12s}.Metronome-module__4KIU8a__animActive{color:#fff;background:#1a3a5c}.Metronome-module__4KIU8a__pendulumSvg{filter:drop-shadow(0 4px 12px #0000002e);margin:0 auto;display:block}.Metronome-module__4KIU8a__beats{gap:12px;display:flex}.Metronome-module__4KIU8a__beat{background:#e8eef4;border-radius:50%;width:40px;height:40px;transition:background 60ms,transform 60ms}.Metronome-module__4KIU8a__beatAccent{background:#c8d8e8}.Metronome-module__4KIU8a__beatActive{transform:scale(1.15);background:#1a3a5c!important}.Metronome-module__4KIU8a__bpmSection{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.Metronome-module__4KIU8a__bpmRow{align-items:baseline;gap:8px;display:flex}.Metronome-module__4KIU8a__bpmInput{text-align:center;font-variant-numeric:tabular-nums;color:#1a3a5c;-moz-appearance:textfield;background:0 0;border:none;border-bottom:2px solid #d0dbe8;outline:none;width:96px;font-family:inherit;font-size:3.8rem;font-weight:200}.Metronome-module__4KIU8a__bpmInput::-webkit-inner-spin-button{-webkit-appearance:none}.Metronome-module__4KIU8a__bpmInput::-webkit-outer-spin-button{-webkit-appearance:none}.Metronome-module__4KIU8a__bpmInput:focus{border-bottom-color:#1a3a5c}.Metronome-module__4KIU8a__bpmUnit{color:#aaa;font-size:1rem;font-weight:500}.Metronome-module__4KIU8a__tempoLabel{color:#7a90a4;min-height:1.4em;font-size:.9rem;font-style:italic}.Metronome-module__4KIU8a__slider{accent-color:#1a3a5c;cursor:pointer;width:100%;margin-top:4px}.Metronome-module__4KIU8a__sliderTicks{color:#bbb;justify-content:space-between;width:100%;font-size:.72rem;display:flex}.Metronome-module__4KIU8a__controls{gap:20px;display:flex}.Metronome-module__4KIU8a__btn{cursor:pointer;border:none;border-radius:50%;width:80px;height:80px;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .12s,transform 80ms}.Metronome-module__4KIU8a__btn:active{transform:scale(.95)}.Metronome-module__4KIU8a__btnStart{color:#fff;background:#1a3a5c}.Metronome-module__4KIU8a__btnStop{color:#fff;background:#e74c3c}.Metronome-module__4KIU8a__btnTap{color:#1a3a5c;background:#e8eef4}.Metronome-module__4KIU8a__btnStart:hover,.Metronome-module__4KIU8a__btnStop:hover{opacity:.88}.Metronome-module__4KIU8a__btnTap:hover{background:#d8e4ef}.Metronome-module__4KIU8a__sigRow{border-top:1px solid #f0f4f8;align-items:center;gap:12px;width:100%;padding-top:4px;display:flex}.Metronome-module__4KIU8a__sigLabel{color:#888;white-space:nowrap;font-size:.82rem}.Metronome-module__4KIU8a__sigSwitch{border:1px solid #d0dbe8;border-radius:6px;display:flex;overflow:hidden}.Metronome-module__4KIU8a__sigBtn{cursor:pointer;color:#555;background:#fff;border:none;padding:5px 14px;font-family:inherit;font-size:.82rem;transition:background .12s,color .12s}.Metronome-module__4KIU8a__sigActive{color:#fff;background:#1a3a5c}.Metronome-module__4KIU8a__soundRow{border-top:1px solid #f0f4f8;align-items:flex-start;gap:12px;width:100%;padding-top:12px;display:flex}.Metronome-module__4KIU8a__soundGrid{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Metronome-module__4KIU8a__soundBtn{cursor:pointer;color:#555;text-align:center;background:#fff;border:1px solid #d0dbe8;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.78rem;transition:background .12s,color .12s,border-color .12s}.Metronome-module__4KIU8a__soundBtn:hover{background:#f0f4f8;border-color:#1a3a5c}.Metronome-module__4KIU8a__soundActive{color:#fff!important;background:#1a3a5c!important;border-color:#1a3a5c!important}.Metronome-module__4KIU8a__presetGrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.Metronome-module__4KIU8a__preset{cursor:pointer;background:#fff;border:1px solid #d0dbe8;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.Metronome-module__4KIU8a__preset:hover{background:#f0f4f8;border-color:#1a3a5c}.Metronome-module__4KIU8a__presetName{color:#7a90a4;text-align:center;font-size:.72rem}.Metronome-module__4KIU8a__presetBpm{color:#1a3a5c;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}@media (max-width:480px){.Metronome-module__4KIU8a__container{margin:16px auto;padding:0 12px 24px}.Metronome-module__4KIU8a__face{padding:24px 16px 20px}.Metronome-module__4KIU8a__presetGrid{grid-template-columns:repeat(2,1fr)}.Metronome-module__4KIU8a__bpmInput{width:80px;font-size:3rem}.Metronome-module__4KIU8a__beat{width:32px;height:32px}.Metronome-module__4KIU8a__btn{width:68px;height:68px;font-size:.82rem}}