.mt-main{display: flex;flex-direction: column;align-items: stretch;gap: 16px;transition: box-shadow 0.2s}.mt-main.flash{animation: mt-flash 0.18s ease-out}@keyframes mt-flash{from{box-shadow: 0 0 0 4px var(--brand),var(--shadow)}to{box-shadow: var(--shadow-sm)}}.mt-bpm-row{display: flex;align-items: center;justify-content: center;gap: 14px}.mt-bpm-box{display: flex;flex-direction: column;align-items: center;min-width: 0}.mt-bpm{width: 3.6ch;font-size: clamp(3rem,14vw,4.8rem);font-weight: 800;line-height: 1;text-align: center;border: 0;background: transparent;color: var(--text);font-variant-numeric: tabular-nums;padding: 0;-moz-appearance: textfield;appearance: textfield;border-radius: var(--radius-sm)}.mt-bpm::-webkit-outer-spin-button,.mt-bpm::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.mt-bpm:focus-visible{outline: none;box-shadow: var(--focus)}.mt-unit{font-size: 0.8rem;font-weight: 700;letter-spacing: 0.12em;color: var(--text-3)}.mt-nome{font-size: 0.95rem;font-style: italic;color: var(--brand);margin-top: 2px}#mt-range{width: 100%;accent-color: var(--brand)}.mt-beats{list-style: none;margin: 4px 0 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}.mt-dot{width: 44px;height: 44px;border-radius: 50%;border: 2px solid var(--border-strong);background: var(--surface);color: var(--text-3);font: inherit;font-weight: 700;cursor: pointer;display: grid;place-items: center;transition: transform 0.08s,background 0.08s}.mt-dot.lv2{border-color: var(--brand);color: var(--brand)}.mt-dot.lv0{border-style: dashed;opacity: 0.55}.mt-dot.on{background: var(--text-3);border-color: var(--text-3);color: var(--surface);transform: scale(1.12)}.mt-dot.lv2.on{background: var(--brand);border-color: var(--brand)}.mt-dot.lv0.on{background: var(--surface-3);color: var(--text-3)}.mt-acts{justify-content: center}.mt-play{min-width: 160px}#mt-tap.tapped{animation: mt-tap 0.15s ease-out}@keyframes mt-tap{50%{transform: scale(0.95)}}.mt-status{text-align: center;margin: 0;color: var(--text-2);font-weight: 600;min-height: 1.5em}.mt-fs{border: 0;padding: 0;margin: 0;min-width: 0}.mt-fs legend{padding: 0;margin-bottom: 6px}.mt-fs .seg b{font-size: 1.1rem}@media (prefers-reduced-motion: reduce){.mt-dot{transition: none}.mt-dot.on{transform: none}}