.Metronome_stage__5M6a_{display:grid;gap:16px}.Metronome_main__NUdQD{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center}@media (min-width:720px){.Metronome_main__NUdQD{grid-template-columns:250px minmax(0,1fr)}}.Metronome_dial__W6teG{position:relative;justify-self:center;width:min(250px,72vw);aspect-ratio:1;border-radius:50%;touch-action:none;cursor:grab}.Metronome_dial__W6teG:focus-visible{outline:3px solid var(--st-focus);outline-offset:4px}.Metronome_dial__W6teG svg{width:100%;height:100%}.Metronome_track__1NcXS{fill:none;stroke:var(--st-led-off);stroke-width:14}.Metronome_arc__Pfiai{fill:none;stroke:var(--led);stroke-width:14;stroke-linecap:round;transform:rotate(-90deg);transform-origin:110px 110px}.Metronome_knob__onG06{fill:var(--stage-bg);stroke:var(--led);stroke-width:4}.Metronome_dialRead__9O4BG{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;pointer-events:none}.Metronome_dialRead__9O4BG b{font:900 clamp(56px,14vw,76px) /.9 var(--font-ui);font-stretch:88%}.Metronome_dialRead__9O4BG small{font:800 var(--fs-12) var(--font-ui);letter-spacing:.18em;color:var(--stage-dim)}.Metronome_dialRead__9O4BG span{margin-top:4px;font:800 var(--fs-16) var(--font-ui);color:var(--st-mint-text)}.Metronome_side__tugZA{display:grid;gap:10px;min-width:0}.Metronome_leds__KN14V{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.Metronome_leds__KN14V span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--st-key);border:1px solid var(--st-key-line);font:850 18px var(--font-ui);color:var(--stage-dim)}.Metronome_leds__KN14V span.Metronome_acc__KKBrJ{border-color:var(--led);color:var(--st-led-text)}.Metronome_leds__KN14V span.Metronome_lit__j4KFb{background:var(--led);border-color:var(--led);color:var(--on-accent);box-shadow:0 0 14px var(--led-glow)}.Metronome_leds__KN14V span.Metronome_lit__j4KFb:not(.Metronome_acc__KKBrJ){background:var(--mint);border-color:var(--mint);color:var(--right-ink);box-shadow:0 0 14px var(--mint-glow)}.Metronome_steps__RHvsb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.Metronome_stepper__4OFdf{min-height:48px;border-radius:10px;border:1px solid var(--st-btn-line);background:linear-gradient(var(--st-btn-a),var(--st-btn-b));color:var(--stage-ink);font:800 17px var(--font-ui);box-shadow:0 2px 0 var(--st-btn-drop)}.Metronome_stepper__4OFdf:hover{border-color:var(--st-btn-hover)}.Metronome_tap__oSaHC{min-height:72px;flex-direction:row;flex-wrap:wrap;gap:4px 10px;font-size:18px}.Metronome_tap__oSaHC small{flex-basis:100%;text-align:center}.Metronome_opts__ieCiZ{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media (min-width:900px){.Metronome_opts__ieCiZ{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.Metronome_group__6aT7P{display:grid;gap:8px;align-content:start}.Metronome_pads__WoEhz{display:flex;flex-wrap:wrap;gap:6px}.Metronome_pad___bWbo{min-width:48px;min-height:48px;padding:0 10px;border-radius:10px;border:1px solid var(--st-btn-line);background:linear-gradient(var(--st-btn-a),var(--st-btn-b));color:var(--stage-ink);font:800 16px var(--font-ui);box-shadow:0 2px 0 var(--st-btn-drop)}.Metronome_pad___bWbo:hover{border-color:var(--st-btn-hover)}.Metronome_pad___bWbo.Metronome_on__BcEO0{background:linear-gradient(var(--led-a),var(--led-b));border-color:var(--led-line);color:var(--on-accent)}.Metronome_subPad__13Jc8{display:grid;justify-items:center;gap:1px;min-width:82px;padding:6px 10px}.Metronome_subPad__13Jc8 b{font:800 20px/1 var(--font-text)}.Metronome_subPad__13Jc8 small{font:700 var(--fs-12) var(--font-ui)}.Metronome_check__SE5L0{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 var(--fs-15) var(--font-ui)}.Metronome_check__SE5L0 input{width:20px;height:20px;accent-color:var(--led)}.Metronome_presets__8tumB{display:grid;gap:8px}.Metronome_start__dpZsa{width:100%;min-height:64px}.Metronome_foot__Nibjk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}@media (forced-colors:active){.Metronome_arc__Pfiai{stroke:Highlight}.Metronome_leds__KN14V span.Metronome_lit__j4KFb,.Metronome_pad___bWbo.Metronome_on__BcEO0{outline:3px solid Highlight}}