.mt{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;margin:1em 0 1.6em;padding:22px;display:flex}.mt-stage{background:var(--bg-2);border-radius:var(--radius-md);grid-template-columns:auto 1fr;grid-template-areas:"pend count""pend lights""read read";align-items:center;gap:6px 20px;padding:18px 22px;display:grid}.mt-pend{grid-area:pend;width:140px;height:auto}.mt-pend .mt-body{fill:var(--surface);stroke:var(--ring);stroke-width:3px}.mt-pend .mt-scale{stroke:var(--ring);stroke-width:2px;stroke-dasharray:3 6}.mt-pend .mt-arm{transform-box:view-box;transform-origin:100px 138px}.mt-pend .mt-arm line{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.mt-pend .mt-arm rect{fill:var(--accent)}.mt-pend .mt-pivot{fill:var(--ink)}.mt-count{font:800 5.5rem/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;grid-area:count;min-width:1ch}.mt-count.first{color:var(--accent)}.mt:not(.running) .mt-count{color:var(--muted)}.mt-lights{flex-wrap:wrap;grid-area:lights;justify-content:center;gap:12px;display:flex}.mt-light{background:var(--surface);border:3px solid var(--ring);border-radius:50%;width:34px;height:34px}.mt-light.gap{margin-left:14px}.mt-light.on{background:var(--indigo);border-color:var(--indigo);animation:.18s ease-out mt-pop}.mt-light.first.on{background:var(--accent);border-color:var(--accent)}.mt.sub-on .mt-lights{filter:brightness(1.15)}@keyframes mt-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}.mt-read{flex-wrap:wrap;grid-area:read;justify-content:center;align-items:baseline;gap:4px 14px;margin:6px 0 0;display:flex}.mt-bpm{font:700 1.1rem var(--font-body);color:var(--ink-soft)}.mt-bpm b{font:800 2.2rem/1 var(--font-display);color:var(--ink)}.mt-name{color:var(--ink-soft);font-weight:600}.mt-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mt-tempo .mt-slider{min-width:120px;accent-color:var(--accent);flex:1;height:28px}.mt-step{border:2px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--ink);font:800 1.4rem/1 var(--font-body);cursor:pointer;border-radius:50%}.mt-step:hover{border-color:var(--accent)}.mt-main .btn{padding:10px 18px}.mt-main .mt-play{justify-content:center;min-width:110px}.mt-main .mt-tap{justify-items:center;display:inline-grid}.mt-tap span{visibility:hidden;grid-area:1/1}.mt-tap span.on{visibility:visible}.mt-main .mt-full svg{width:18px;height:18px}.mt-main .mt-full[hidden]{display:none}.mt-settings{border-top:1.5px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:14px 26px;padding-top:14px;display:flex}.mt-field{flex-direction:column;gap:6px;display:flex}.mt-label,.mt-vol{color:var(--ink-soft);font-size:.85rem;font-weight:700}.mt-seg{flex-wrap:wrap;gap:4px;display:flex}.mt-seg button{font:700 .9rem var(--font-body);border:2px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:10px;min-height:36px;padding:6px 11px}.mt-seg button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.mt-seg button:disabled{opacity:.45;cursor:not-allowed}.mt-check{align-items:center;gap:8px;min-height:36px;font-weight:600;display:flex}.mt-check input{width:18px;height:18px;accent-color:var(--accent)}.mt-vol{flex-direction:column;gap:6px;display:flex}.mt-vol input{accent-color:var(--accent)}.mt-compact{border-radius:var(--radius-md);box-shadow:none;gap:10px;margin:0;padding:14px}.mt-compact .mt-count{font-size:3.6rem}.mt-compact .mt-light{width:24px;height:24px}.mt-compact .mt-pend{width:80px}.mt-compact .mt-stage{padding:12px 14px}.mt-compact .mt-bpm b{font-size:1.7rem}.mt-compact .mt-main{gap:6px}.mt-compact .mt-main .btn{padding:8px 12px;font-size:.9rem}.mt-compact .mt-main .mt-play{min-width:84px}.mt:fullscreen{border-radius:0;justify-content:center;gap:3vh;padding:4vh 6vw}.mt:fullscreen .mt-stage{padding:4vh 4vw}.mt:fullscreen .mt-count{font-size:30vh}.mt:fullscreen .mt-light{border-width:5px;width:7vh;height:7vh}.mt:fullscreen .mt-pend{width:28vh}.mt:fullscreen .mt-bpm b{font-size:7vh}.mt:fullscreen .mt-name{font-size:3vh}@media (prefers-reduced-motion:reduce){.mt-light.on{animation:none}.mt-pend .mt-arm{transition:none!important}}@media (width<=560px){.mt{border-radius:var(--radius-md);padding:14px}.mt-stage{grid-template-columns:1fr;grid-template-areas:"pend""count""lights""read";justify-items:center;padding:14px}.mt-pend{width:90px}.mt-count{font-size:4rem}.mt-light{width:26px;height:26px}.mt-main .btn{flex:auto;justify-content:center}}@media (width>=300px){.mt-compact .mt-stage{grid-template-columns:auto 1fr;grid-template-areas:"pend count""pend lights""read read";justify-items:stretch}.mt-compact .mt-pend{width:70px}}