.mt-result{padding-bottom:20px}
.mt-result .big{font-size:clamp(56px,16vw,84px);line-height:1}
.mt-unit{font-size:18px;font-weight:700;color:var(--muted);letter-spacing:0}
.mt-mark{margin-top:8px;font-size:17px}
.mt-mark b{font-style:italic;color:var(--text)}
.mt-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;min-height:26px}
.mt-dots[data-n="12"]{gap:7px}
.mt-dot{width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--border);transition:background .06s,transform .06s;flex:none}
.mt-dots[data-n="12"] .mt-dot,.mt-dots[data-n="9"] .mt-dot{width:18px;height:18px}
.mt-dot.gap{margin-left:8px}
.mt-dot.acc{border-color:var(--brand)}
.mt-dot.grp{border-color:color-mix(in srgb,var(--brand) 55%,var(--border))}
.mt-dot.on{background:var(--brand);border-color:var(--brand);transform:scale(1.25)}
.mt-dot.acc.on{background:var(--bad);border-color:var(--bad)}
.mt-tempo{display:flex;align-items:center;gap:6px}
.mt-tempo input[type=range]{flex:1;min-width:0;height:34px}
.mt-step{min-width:44px;min-height:44px;padding:0 8px;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.mt-tap{min-height:46px;font-weight:700}
.mt-tap-info{text-align:right;margin:6px 0 10px}
.mt-h{margin-bottom:12px}
.mt-row2 .field label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-row2{align-items:end}
.mt-sub{display:flex;width:100%}
.mt-sub button{flex:1 1 0;padding:8px 6px;min-height:40px;white-space:nowrap}
.mt-row3{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.mt-row3 .check{min-height:40px}
.mt-vol{flex:1;min-width:200px;margin:0}
@media (max-width:520px){.mt-row2{grid-template-columns:1fr 1fr}}