.mtx-label{display:none}@media(max-width: 820px){#metronome.mtx-app{margin-top:0;padding:24px 16px 32px;min-height:0;background:#f6f7f9;-webkit-tap-highlight-color:rgba(0,0,0,0)}#metronome.mtx-app>*{order:20}#metronome.mtx-app h1{order:1;margin:8px 0 14px;font-size:1.35rem;font-weight:800;color:#14161f}#metronome.mtx-app .current-beat{display:none}#metronome.mtx-app .measure-dots{order:2;gap:10px;margin-bottom:18px}#metronome.mtx-app .measure-dots span{width:22px;height:22px;margin:0;background:#d8dbe2;transition:transform .08s,background .08s}#metronome.mtx-app .measure-dots span.active-dot{background:#eeb727;transform:scale(1.25)}#metronome.mtx-app .measure-dots span.first-beat-active{background:#16a34a}#metronome.mtx-app .bpm-value{order:3;margin:0 0 6px;font-size:4.5rem;font-weight:800;line-height:1;color:#14161f;font-variant-numeric:tabular-nums}#metronome.mtx-app .bpm-value span{font-size:1.1rem !important;font-weight:700;color:#6b7280}#metronome.mtx-app .bpm-controls{order:4;max-width:none;gap:12px;margin:10px 0 22px}#metronome.mtx-app .bpm-controls button{flex-shrink:0;width:52px;height:52px;margin:0;border:1px solid #eceef3;border-radius:50%;background:#fff;color:#14161f;font-size:1.8rem;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.06)}#metronome.mtx-app .bpm-controls button:active{background:#f1f2f6}#metronome.mtx-app input[type=range]{height:8px;border:0;background:#dfe2e8}#metronome.mtx-app input[type=range]::-webkit-slider-thumb{width:30px;height:30px;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}#metronome.mtx-app .mtx-label{order:5;display:block;margin:0 0 8px;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}#metronome.mtx-app .time-sig{order:6;gap:8px;margin:0 0 22px}#metronome.mtx-app .time-sig div{width:40px;height:40px;margin:0;border:1px solid #eceef3;font-size:1rem;font-weight:600}#metronome.mtx-app .time-sig div.selected-ts{border-color:#eeb727;font-size:1.1rem}#metronome.mtx-app .buttons{order:7;width:100%;display:grid;gap:10px}#metronome.mtx-app .buttons button{margin:0;height:52px;border-radius:14px;font-size:1rem;font-weight:800;letter-spacing:.04em}#metronome.mtx-app .buttons button:first-child{height:60px;background:#eeb727;color:#1b2436;font-size:1.15rem;box-shadow:0 6px 16px rgba(238,183,39,.35)}#metronome.mtx-app .buttons button:last-child{background:#fff;color:#14161f;border:1px solid #eceef3}#metronome.mtx-app .mute-toggle{order:8;width:100%;justify-content:space-between;margin:12px 0 0;padding:14px 16px;border:1px solid #eceef3;border-radius:14px;background:#fff;font-size:.95rem;color:#14161f}#metronome.mtx-app .mute-toggle input{order:2;margin:0;transform:scale(1.4);accent-color:#eeb727}#metronome.mtx-app .options-btn{order:9;width:100%;height:48px;margin-top:10px;border:1px solid #eceef3;border-radius:14px;background:#fff;color:#14161f;font-weight:700}#metronome.mtx-app .options-btn i{color:#eeb727}#metronome.mtx-app .modal-overlay{align-items:flex-end}#metronome.mtx-app .modal{top:auto;bottom:0;left:0;transform:none;width:100%;max-width:none;padding:20px 16px 34px;border-radius:22px 22px 0 0}}@media(max-width: 820px)and (display-mode: standalone){#metronome.mtx-app .modal{padding-bottom:20px}}@media(max-width: 820px){#metronome.mtx-app .sound-option{height:48px;border-radius:12px}#metronome.mtx-app .close-modal{width:100%;height:48px;border-radius:12px}#metronome.mtx-app .embed-section{display:none}#metronome.mtx-app .metronome-description{order:30;margin:40px 0 0;text-align:left;font-weight:400;font-size:.95rem;line-height:1.6;color:#374151}#metronome.mtx-app .metronome-description h2{font-size:1.15rem;font-weight:700;color:#14161f}#metronome.mtx-app .metronome-description h3{margin-top:20px;font-size:1.05rem;font-weight:700;color:#14161f}}/*# sourceMappingURL=metronome.css.map */