.metro-tool[data-astro-cid-uajokdkh] [data-astro-cid-uajokdkh][hidden]{display:none!important}.mt-mode[data-astro-cid-uajokdkh]{display:flex;justify-content:center;gap:4px;margin:0 auto 20px;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:10px;width:fit-content}.mt-mode[data-astro-cid-uajokdkh] button[data-astro-cid-uajokdkh]{font:inherit;border:0;border-radius:7px;padding:10px 24px;background:transparent;color:var(--muted);cursor:pointer}.mt-mode[data-astro-cid-uajokdkh] button[data-astro-cid-uajokdkh][aria-pressed=true]{background:var(--green);color:var(--bg)}.mt-pattern[data-astro-cid-uajokdkh]{display:block;text-align:left;max-width:400px;margin:0 auto 20px;color:var(--muted);font-size:13px}.mt-pattern[data-astro-cid-uajokdkh] select[data-astro-cid-uajokdkh]{display:block;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:6px;font:inherit}.mt-extra[data-astro-cid-uajokdkh],.mt-guide[data-astro-cid-uajokdkh]{text-align:left;border-top:1px solid var(--line);padding:14px 0}summary[data-astro-cid-uajokdkh]{cursor:pointer;color:var(--muted);font-size:14px}.mt-extra[data-astro-cid-uajokdkh] .mt-options[data-astro-cid-uajokdkh]{justify-content:flex-start;margin:20px 0}.mt-mutes[data-astro-cid-uajokdkh]{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0}.mt-mutes[data-astro-cid-uajokdkh] label[data-astro-cid-uajokdkh]{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.mt-small[data-astro-cid-uajokdkh]{font-size:13px;padding:8px 14px;margin-bottom:6px}.mt-guide[data-astro-cid-uajokdkh] p[data-astro-cid-uajokdkh]{font-size:14px;margin:16px 0}.mt-guide[data-astro-cid-uajokdkh] .mt-guide-note[data-astro-cid-uajokdkh]{font-size:12px}.mt-grid-wrap[data-astro-cid-uajokdkh]{overflow-x:auto;margin:16px 0}.mt-grid[data-astro-cid-uajokdkh]{display:grid;grid-template-columns:55px repeat(16,minmax(20px,1fr));gap:3px;min-width:440px}.mt-grid[data-astro-cid-uajokdkh] span{font:11px var(--mono);padding:6px 0;text-align:center}.mt-grid[data-astro-cid-uajokdkh] .mt-cell{background:var(--surface);border:1px solid var(--line);border-radius:3px;color:var(--green)}.mt-grid[data-astro-cid-uajokdkh] .active{background:#1db95438}.mt-grid[data-astro-cid-uajokdkh] .muted{opacity:.3}.metro-tool[data-astro-cid-uajokdkh]{text-align:center;padding:32px 24px}.mt-display[data-astro-cid-uajokdkh]{margin-bottom:16px}.mt-bpm[data-astro-cid-uajokdkh]{display:block;width:100%;max-width:250px;margin:0 auto;padding:0;border:0;background:transparent;text-align:center;font-family:var(--mono);font-size:80px;font-weight:700;color:#1db954;line-height:1}.mt-bpm[data-astro-cid-uajokdkh]{appearance:textfield;-moz-appearance:textfield}.mt-bpm[data-astro-cid-uajokdkh]::-webkit-inner-spin-button,.mt-bpm[data-astro-cid-uajokdkh]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mt-bpm[data-astro-cid-uajokdkh]:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:8px}.mt-bpm-label[data-astro-cid-uajokdkh]{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:4px;margin-top:4px}.mt-marking[data-astro-cid-uajokdkh]{font-size:18px;color:#b3b3b3;font-style:italic;margin-top:6px}.mt-beats[data-astro-cid-uajokdkh]{display:flex;justify-content:center;gap:12px;height:16px;margin-bottom:24px}.mt-beats[data-astro-cid-uajokdkh] .mt-beat{width:14px;height:14px;border-radius:50%;background-color:#333;transition:background-color .1s,transform .1s}.mt-beats[data-astro-cid-uajokdkh] .mt-beat.on{background-color:#1db954;transform:scale(1.3)}.mt-beats[data-astro-cid-uajokdkh] .mt-beat:first-child.on{background-color:#fff}.mt-slider-row[data-astro-cid-uajokdkh]{display:flex;align-items:center;gap:10px;margin-bottom:24px}.mt-step[data-astro-cid-uajokdkh]{background-color:#282828;color:#b3b3b3;border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;min-width:44px;transition:background-color .15s,color .15s}.mt-step[data-astro-cid-uajokdkh]:hover{background-color:#333;color:#fff}#mt-slider[data-astro-cid-uajokdkh]{flex:1;accent-color:#1DB954}.mt-main-row[data-astro-cid-uajokdkh]{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.mt-play[data-astro-cid-uajokdkh]{background-color:#1db954;color:#000;border:none;border-radius:999px;padding:14px 40px;font-size:17px;font-weight:700;cursor:pointer;transition:background-color .15s,transform .1s}.mt-play[data-astro-cid-uajokdkh]:hover{background-color:#1ed760;transform:scale(1.02)}.mt-tap[data-astro-cid-uajokdkh]{background-color:#282828;color:#b3b3b3;border:1px solid #333;border-radius:999px;padding:14px 24px;font-size:15px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s,color .15s}.mt-tap[data-astro-cid-uajokdkh]:hover{background-color:#333;color:#fff}.mt-tap[data-astro-cid-uajokdkh]:active{transform:scale(.96)}.mt-options[data-astro-cid-uajokdkh]{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:16px}.mt-options[data-astro-cid-uajokdkh] label[data-astro-cid-uajokdkh]{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.mt-options[data-astro-cid-uajokdkh] select[data-astro-cid-uajokdkh]{background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:6px;padding:8px 10px;font-size:14px;outline:none}.mt-options[data-astro-cid-uajokdkh] select[data-astro-cid-uajokdkh]:focus{border-color:#1db954}.mt-options[data-astro-cid-uajokdkh] input[data-astro-cid-uajokdkh][type=range]{accent-color:#1DB954;width:120px;margin-top:10px}.mt-links[data-astro-cid-uajokdkh]{min-height:20px;font-size:14px}.mt-hint[data-astro-cid-uajokdkh]{font-size:12px;color:#666;margin-top:12px;margin-bottom:0}@media(max-width:600px){.mt-bpm[data-astro-cid-uajokdkh]{font-size:64px}.mt-hint[data-astro-cid-uajokdkh]{display:none}}