.mn-card{justify-items:center;gap:12px;display:grid}.mn-card .mn-card-beats{background:var(--screen);color:var(--screen-ink);border-radius:var(--r);box-sizing:border-box;width:100%;padding:14px}.mn-card .mn-beat{--sz:36px;cursor:default}.mn{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.mn-stage{background:var(--screen);color:var(--screen-ink);border-radius:var(--r);justify-items:center;gap:12px;padding:16px;display:grid}.mn-tempo{align-items:center;gap:12px;display:flex}.mn-step{width:44px;height:44px;color:var(--screen-ink);font:500 24px var(--font);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:50%}.mn-step:hover{background:#ffffff24}.mn-bpm{font:500 14px var(--mono);color:var(--screen-ink);opacity:.9;align-items:baseline;gap:6px;display:inline-flex}.mn-bpm input{width:3.3em;font:600 52px/1.1 var(--mono);text-align:center;color:var(--screen-ink);border-radius:var(--r-md);-moz-appearance:textfield;appearance:textfield;background:0 0;border:1px solid #0000;padding:0}.mn-bpm input::-webkit-inner-spin-button,.mn-bpm input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mn-bpm input:hover,.mn-bpm input:focus{border-color:#ffffff40}.mn-slider{width:min(100%,520px);accent-color:var(--accent-bright)}.mn-beats{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.mn-beat{--sz:46px;width:var(--sz);height:var(--sz);color:var(--screen-ink);font:600 13px var(--mono);cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50%;place-items:center;padding:0;transition:background-color 60ms,transform 60ms;display:grid}.mn-beat[data-lv="0"]{opacity:.45;border-style:dashed}.mn-beat[data-lv="1"]{border-color:#ffffff73}.mn-beat[data-lv="2"]{border-color:var(--accent-bright);border-width:3px}.mn-beat[data-lv="3"]{border-color:var(--warn-bright);border-width:4px}.mn-beat.on{color:#111;background:#ffffffd9;transform:scale(1.08)}.mn-beat[data-lv="2"].on{background:var(--accent-bright)}.mn-beat[data-lv="3"].on{background:var(--warn-bright)}.mn-beat.sub-on{box-shadow:0 0 0 4px #ffffff2e}.mn-beat:focus-visible{outline:2px solid var(--warn-bright);outline-offset:3px}.mn-now{font:500 13px var(--mono);opacity:.8;text-align:center;min-height:1.4em;margin:0}.mn-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mn-play{min-width:8em}.mn-play[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}#mn-mute[aria-pressed=true]{background:var(--warn-soft);border-color:var(--warn-line)}.mn-keys{font-size:13px}.mn-status{min-height:1.3em;color:var(--ink-2);margin:-6px 0 0;font-size:14px}.mn-grid{gap:14px;display:grid}.mn-field{gap:8px;min-width:0;display:grid}.mn-lab{font-size:14px;font-weight:500}.mn-row2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px 16px}.mn-row2 .field,.mn-custom .field,.mn-inline .field{margin:0}.mn-vol{display:grid}.mn-custom{flex-wrap:wrap;gap:12px;display:flex}.mn-custom[hidden],.mn-seg[hidden]{display:none}.mn-seg{flex-wrap:wrap;gap:6px;display:inline-flex}.mn-seg button{font:500 .9rem var(--font);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);cursor:pointer;min-height:38px;padding:7px 12px}.mn-seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text);font-weight:600}.mn-panel{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 16px}.mn-panel summary{cursor:pointer;font-weight:600}.mn-help{margin:8px 0;font-size:14px}.mn-inline{flex-wrap:wrap;gap:10px 16px;margin-top:8px;display:flex}.mn-inline input{width:6em}.mn-practice{gap:10px;display:grid}.mn-practice p{margin:0}.mn-h{margin:0;font-size:15px}.mn-times{flex-wrap:wrap;align-items:end;gap:12px 24px;display:flex}.mn-times .field{margin:0}@media (hover:none) and (pointer:coarse){.mn-keys{display:none}}@media (prefers-reduced-motion:reduce){.mn-beat{transition:none}.mn-beat.on{transform:none}.mn-beat.sub-on{box-shadow:none}}@media (width<=560px){.mn-stage{padding:12px 8px}.mn-bpm input{font-size:44px}.mn-beat{--sz:38px}}