.mt-face{gap:18px;padding-block:28px}.mt-bpm{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.mt-step{justify-content:center;min-width:48px;min-height:48px;padding:0;font-size:24px}.mt-num{flex-direction:column;align-items:center;min-width:0;display:flex}.mt-input{border:0;border-bottom:2px solid var(--line);width:3.2ch;color:var(--ink);text-align:center;background:0 0;padding:0;font-size:clamp(56px,18vw,96px)}.mt-input:focus{border-color:var(--accent);outline:none}.mt-unit{font-size:13px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em}.mt-range{width:100%;accent-color:var(--accent)}.mt-beats{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mt-dot{border:2px solid var(--line);background:var(--surface);border-radius:50%;width:22px;height:22px}.mt-dot.first{border-color:var(--accent)}.mt-dot.on{background:var(--ink);border-color:var(--ink)}.mt-dot.first.on{background:var(--accent);border-color:var(--accent)}.mt-pulse{background:var(--sunk);border-radius:999px;width:100%;height:14px}.mt-pulse.go{animation:.22s ease-out mt-flash}.mt-pulse.go.first{animation-name:mt-flash-first}@keyframes mt-flash{0%{background:var(--ink)}to{background:var(--sunk)}}@keyframes mt-flash-first{0%{background:var(--accent)}to{background:var(--sunk)}}.mt-btns{justify-content:center}.mt-btns .btn{justify-content:center;min-width:130px}.mt-opts{flex-direction:column;gap:10px;display:flex}.mt-note{margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.mt-pulse.go{animation:none}}