.tool-header[data-astro-cid-7avtnoll]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-7avtnoll] h1[data-astro-cid-7avtnoll]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-7avtnoll] p[data-astro-cid-7avtnoll]{color:var(--text-muted);max-width:600px;margin:0 auto}.metronome-card[data-astro-cid-7avtnoll]{max-width:500px;margin:0 auto 2rem;background:var(--card-bg);border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.beat-indicator-wrapper[data-astro-cid-7avtnoll]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.beat-indicator[data-astro-cid-7avtnoll]{width:80px;height:80px;border-radius:50%;background:var(--surface);border:4px solid var(--border);transition:all .05s ease;display:flex;align-items:center;justify-content:center}.beat-indicator[data-astro-cid-7avtnoll].accent{background:var(--accent);border-color:var(--accent);transform:scale(1.15);box-shadow:0 0 30px rgba(var(--accent-rgb),.4)}.beat-indicator[data-astro-cid-7avtnoll].normal{background:var(--secondary);border-color:var(--secondary);transform:scale(1.05)}.beat-number[data-astro-cid-7avtnoll]{margin-top:.75rem;font-size:1.5rem;font-weight:700;color:var(--text)}.bpm-section[data-astro-cid-7avtnoll]{text-align:center;margin-bottom:2rem}.bpm-display[data-astro-cid-7avtnoll]{margin-bottom:1rem}.bpm-display[data-astro-cid-7avtnoll] span[data-astro-cid-7avtnoll]:first-child{font-size:3rem;font-weight:800;color:var(--accent)}.bpm-unit[data-astro-cid-7avtnoll]{font-size:1.2rem;color:var(--text-muted);margin-left:.5rem}.bpm-slider-wrapper[data-astro-cid-7avtnoll]{padding:0 .5rem}.bpm-slider-wrapper[data-astro-cid-7avtnoll] input[data-astro-cid-7avtnoll][type=range]{width:100%;height:8px;border-radius:4px;background:var(--surface);outline:none;-webkit-appearance:none}.bpm-slider-wrapper[data-astro-cid-7avtnoll] input[data-astro-cid-7avtnoll][type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #0003}.bpm-labels[data-astro-cid-7avtnoll]{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.time-signature-section[data-astro-cid-7avtnoll],.accent-section[data-astro-cid-7avtnoll]{margin-bottom:1.5rem}.time-signature-section[data-astro-cid-7avtnoll] label[data-astro-cid-7avtnoll],.accent-section[data-astro-cid-7avtnoll] label[data-astro-cid-7avtnoll]{display:block;font-weight:600;margin-bottom:.75rem;color:var(--text)}.signature-buttons[data-astro-cid-7avtnoll]{display:flex;gap:.5rem;flex-wrap:wrap}.sig-btn[data-astro-cid-7avtnoll]{padding:.5rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;transition:all .2s ease}.sig-btn[data-astro-cid-7avtnoll]:hover{border-color:var(--accent)}.sig-btn[data-astro-cid-7avtnoll].active{background:var(--accent);border-color:var(--accent);color:#fff}.toggle-btn[data-astro-cid-7avtnoll]{display:inline-flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.25rem}.toggle-track[data-astro-cid-7avtnoll]{width:48px;height:26px;border-radius:13px;background:var(--border);position:relative;transition:background .2s ease}.toggle-btn[data-astro-cid-7avtnoll].active .toggle-track[data-astro-cid-7avtnoll]{background:var(--accent)}.toggle-thumb[data-astro-cid-7avtnoll]{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-btn[data-astro-cid-7avtnoll].active .toggle-thumb[data-astro-cid-7avtnoll]{transform:translate(22px)}.toggle-label[data-astro-cid-7avtnoll]{font-weight:600;color:var(--text)}.controls[data-astro-cid-7avtnoll]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.btn-primary[data-astro-cid-7avtnoll]{padding:.875rem 2rem;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-primary[data-astro-cid-7avtnoll]:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary[data-astro-cid-7avtnoll]{padding:.75rem 1.5rem;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary[data-astro-cid-7avtnoll]:hover{border-color:var(--accent)}.btn-large[data-astro-cid-7avtnoll]{min-width:120px}.keyboard-hint[data-astro-cid-7avtnoll]{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:.5rem}