.metronome-tool{width:min(100%,52rem);margin:0 auto 3rem;padding:clamp(1rem,4vw,2rem);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:0 1rem 4rem #00000047}.metronome-tool__beat{display:grid;place-items:center;width:7rem;height:7rem;margin:0 auto 1.5rem;border:2px solid var(--border-strong);border-radius:50%;color:var(--text-muted);font-weight:700;background:var(--surface-solid)}.metronome-tool__beat[data-running=true]{color:var(--accent-strong);border-color:var(--accent)}.metronome-tool__beat[data-accent=true]{color:var(--accent-ink);background:var(--accent-strong);box-shadow:0 0 2rem var(--glow)}.metronome-tool__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.metronome-tool__control{display:grid;gap:.45rem}.metronome-tool__control--wide{grid-column:1 / -1}.metronome-tool__control label{color:var(--text-muted);font-size:.9rem}.metronome-tool__control input[type=range],.metronome-tool__control select{width:100%}.metronome-tool__control select{min-height:2.75rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text);background:var(--surface-solid)}.metronome-tool__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.metronome-answer{max-width:52rem;margin:0 auto 3rem;color:var(--text-muted);font-size:1.08rem}.metronome-table-wrap{overflow-x:auto}.metronome-table{width:100%;border-collapse:collapse}.metronome-table th,.metronome-table td{padding:.75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.metronome-table th{color:var(--accent-strong)}.metronome-faq{margin-top:1rem}.metronome-faq summary{cursor:pointer;color:var(--accent-strong);font-weight:500}.metronome-faq p{margin-top:.75rem}@media(max-width:560px){.metronome-tool__controls{grid-template-columns:1fr}.metronome-tool__control--wide{grid-column:auto}}