.sr-only[data-astro-cid-g3ycjrie]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.metronome-summary[data-astro-cid-g3ycjrie]{background:var(--color-primary-pale, #eef2ff);border-left:4px solid var(--color-primary, #4f46e5);padding:.875rem 1rem;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.9rem;line-height:1.75;margin-bottom:0}.metronome-summary[data-astro-cid-g3ycjrie] p[data-astro-cid-g3ycjrie]{margin:0}.metronome-app[data-astro-cid-g3ycjrie]{background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.metro-visual[data-astro-cid-g3ycjrie]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.metro-pendulum-wrap[data-astro-cid-g3ycjrie]{width:100%;height:160px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.metro-pendulum[data-astro-cid-g3ycjrie]{position:relative;width:12px;height:140px;transform-origin:top center;will-change:transform}.metro-pendulum-rod[data-astro-cid-g3ycjrie]{width:4px;height:120px;background:linear-gradient(180deg,var(--color-primary, #4f46e5) 0%,#818cf8 100%);border-radius:2px;margin:0 auto;box-shadow:0 0 6px #4f46e54d}.metro-pendulum-weight[data-astro-cid-g3ycjrie]{width:28px;height:28px;background:var(--color-primary, #4f46e5);border-radius:50%;margin:4px auto 0;box-shadow:0 2px 8px #4f46e566;transition:background .1s}.metro-pendulum-pivot[data-astro-cid-g3ycjrie]{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--color-text, #1f2937);border-radius:50%;box-shadow:0 2px 4px #0003}@keyframes pendulumSwing{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}.metro-pendulum[data-astro-cid-g3ycjrie].is-swinging{animation:pendulumSwing linear infinite}.metro-led-bar[data-astro-cid-g3ycjrie]{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.metro-led[data-astro-cid-g3ycjrie]{width:36px;height:20px;border-radius:4px;background:var(--color-border, #e5e7eb);transition:background .05s,box-shadow .05s;position:relative;overflow:hidden}.metro-led[data-astro-cid-g3ycjrie]:after{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:4px 4px 0 0;height:40%}.metro-led[data-astro-cid-g3ycjrie].is-beat{background:var(--color-primary, #4f46e5);box-shadow:0 0 10px #4f46e599}.metro-led[data-astro-cid-g3ycjrie].is-accent{background:#f97316;box-shadow:0 0 12px #f97316b3}.metro-bpm-section[data-astro-cid-g3ycjrie]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.metro-bpm-display[data-astro-cid-g3ycjrie]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.metro-bpm-btn[data-astro-cid-g3ycjrie]{background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);padding:.5rem .75rem;font-size:.8125rem;font-weight:700;min-width:48px;min-height:44px;color:var(--color-text, #1f2937);transition:background .15s,transform .1s;line-height:1}.metro-bpm-btn[data-astro-cid-g3ycjrie]:hover{background:var(--color-primary-pale, #eef2ff);border-color:var(--color-primary, #4f46e5)}.metro-bpm-btn[data-astro-cid-g3ycjrie]:active{transform:scale(.95)}.metro-bpm-btn--sm[data-astro-cid-g3ycjrie]{padding:.5rem .625rem;font-size:.75rem;min-width:40px}.metro-bpm-value-wrap[data-astro-cid-g3ycjrie]{display:flex;flex-direction:column;align-items:center;gap:2px}.metro-bpm-input[data-astro-cid-g3ycjrie]{width:90px;height:56px;font-size:2rem;font-weight:700;text-align:center;border:2px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, 8px);background:var(--color-bg, #fff);color:var(--color-primary, #4f46e5);font-family:var(--font-sans);-moz-appearance:textfield}.metro-bpm-input[data-astro-cid-g3ycjrie]::-webkit-inner-spin-button,.metro-bpm-input[data-astro-cid-g3ycjrie]::-webkit-outer-spin-button{-webkit-appearance:none}.metro-bpm-input[data-astro-cid-g3ycjrie]:focus{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.metro-bpm-label[data-astro-cid-g3ycjrie]{font-size:.6875rem;font-weight:700;color:var(--color-text-muted, #6b7280);letter-spacing:.1em;text-transform:uppercase}.metro-slider-wrap[data-astro-cid-g3ycjrie]{display:flex;align-items:center;gap:.5rem;width:100%;max-width:480px}.metro-slider-label[data-astro-cid-g3ycjrie]{font-size:.75rem;color:var(--color-text-muted, #6b7280);min-width:24px;text-align:center}.metro-slider[data-astro-cid-g3ycjrie]{flex:1;height:6px;appearance:none;background:var(--color-border, #e5e7eb);border-radius:3px;outline:none;cursor:pointer}.metro-slider[data-astro-cid-g3ycjrie]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--color-primary, #4f46e5);border-radius:50%;box-shadow:0 2px 4px #4f46e566;cursor:pointer}.metro-slider[data-astro-cid-g3ycjrie]::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary, #4f46e5);border-radius:50%;border:none;box-shadow:0 2px 4px #4f46e566;cursor:pointer}.metro-slider[data-astro-cid-g3ycjrie]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.metro-slider--volume[data-astro-cid-g3ycjrie]{max-width:160px}.metro-tempo-marking[data-astro-cid-g3ycjrie]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);font-style:italic;font-weight:500;min-height:20px}.metro-main-controls[data-astro-cid-g3ycjrie]{display:flex;gap:.75rem;justify-content:center;align-items:stretch}.metro-start-btn[data-astro-cid-g3ycjrie]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-lg, 12px);padding:.875rem 2rem;font-size:1rem;font-weight:700;min-width:130px;min-height:64px;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 12px #4f46e559;cursor:pointer}.metro-start-btn[data-astro-cid-g3ycjrie]:hover{background:var(--color-primary-hover, #4338ca);box-shadow:0 6px 16px #4f46e573}.metro-start-btn[data-astro-cid-g3ycjrie]:active{transform:scale(.97)}.metro-start-btn[data-astro-cid-g3ycjrie].is-running{background:#ef4444;box-shadow:0 4px 12px #ef444459}.metro-start-btn[data-astro-cid-g3ycjrie].is-running:hover{background:#dc2626}.metro-start-icon[data-astro-cid-g3ycjrie]{font-size:1.375rem;line-height:1}.metro-tap-btn[data-astro-cid-g3ycjrie]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--color-bg-soft, #f9fafb);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:.875rem 1.25rem;font-size:.9375rem;font-weight:700;min-width:90px;min-height:64px;color:var(--color-text, #1f2937);transition:background .1s,transform .08s,border-color .15s;cursor:pointer}.metro-tap-icon[data-astro-cid-g3ycjrie]{font-size:1.25rem}.metro-tap-sub[data-astro-cid-g3ycjrie]{font-size:.6875rem;color:var(--color-text-muted, #6b7280);font-weight:400}.metro-tap-btn[data-astro-cid-g3ycjrie]:hover{background:var(--color-primary-pale, #eef2ff);border-color:var(--color-primary, #4f46e5)}.metro-tap-btn[data-astro-cid-g3ycjrie]:active{transform:scale(.93);background:var(--color-primary-pale, #eef2ff);border-color:var(--color-primary, #4f46e5)}.metro-settings[data-astro-cid-g3ycjrie]{display:grid;grid-template-columns:1fr;gap:.875rem;border-top:1px solid var(--color-border, #e5e7eb);padding-top:1rem}.metro-setting-group[data-astro-cid-g3ycjrie]{display:flex;flex-direction:column;gap:.375rem}.metro-setting-label[data-astro-cid-g3ycjrie]{font-size:.8125rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.metro-timesig-btns[data-astro-cid-g3ycjrie]{display:flex;gap:.375rem;flex-wrap:wrap}.metro-timesig-btn[data-astro-cid-g3ycjrie]{background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);padding:.375rem .75rem;font-size:.875rem;font-weight:600;min-height:36px;color:var(--color-text, #1f2937);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.metro-timesig-btn--active[data-astro-cid-g3ycjrie],.metro-timesig-btn[data-astro-cid-g3ycjrie][aria-pressed=true]{background:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);color:#fff}.metro-timesig-btn[data-astro-cid-g3ycjrie]:hover:not(.metro-timesig-btn--active):not([aria-pressed=true]){background:var(--color-primary-pale, #eef2ff);border-color:var(--color-primary, #4f46e5)}.metro-accent-btns[data-astro-cid-g3ycjrie]{display:flex;gap:.375rem;flex-wrap:wrap}.metro-accent-btn[data-astro-cid-g3ycjrie]{width:40px;height:40px;border-radius:var(--radius-sm, 4px);border:2px solid var(--color-border, #e5e7eb);background:var(--color-bg-soft, #f9fafb);font-size:.8125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s;color:var(--color-text, #1f2937);line-height:1}.metro-accent-btn[data-astro-cid-g3ycjrie].is-accent{background:#f97316;border-color:#ea580c;color:#fff}.metro-accent-btn[data-astro-cid-g3ycjrie].is-normal{background:var(--color-primary, #4f46e5);border-color:var(--color-primary-hover, #4338ca);color:#fff}.metro-accent-btn[data-astro-cid-g3ycjrie]:hover{opacity:.85}.metro-select[data-astro-cid-g3ycjrie]{background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);padding:.5rem .75rem;font-size:.875rem;font-family:var(--font-sans);color:var(--color-text, #1f2937);min-height:40px;max-width:280px;cursor:pointer;appearance:auto}.metro-select[data-astro-cid-g3ycjrie]:focus{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.metro-volume-wrap[data-astro-cid-g3ycjrie]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.metro-volume-icon[data-astro-cid-g3ycjrie]{font-size:1rem}.metro-volume-value[data-astro-cid-g3ycjrie]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);min-width:36px}.metro-timer-wrap[data-astro-cid-g3ycjrie]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.metro-timer-input[data-astro-cid-g3ycjrie]{width:72px;height:40px;text-align:center;font-size:1rem;font-weight:700;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--color-bg, #fff);color:var(--color-text, #1f2937);font-family:var(--font-sans);-moz-appearance:textfield}.metro-timer-input[data-astro-cid-g3ycjrie]::-webkit-inner-spin-button,.metro-timer-input[data-astro-cid-g3ycjrie]::-webkit-outer-spin-button{-webkit-appearance:none}.metro-timer-input[data-astro-cid-g3ycjrie]:focus{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.metro-timer-unit[data-astro-cid-g3ycjrie]{font-size:.875rem;color:var(--color-text-muted, #6b7280)}.metro-timer-remaining[data-astro-cid-g3ycjrie]{font-size:.875rem;color:var(--color-primary, #4f46e5);font-weight:600;min-width:60px}.metro-preset-wrap[data-astro-cid-g3ycjrie]{display:flex;gap:.5rem;flex-wrap:wrap}.metro-shortcut-hint[data-astro-cid-g3ycjrie]{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;font-size:.75rem;color:var(--color-text-muted, #6b7280);padding-top:.25rem}.metro-shortcut-hint[data-astro-cid-g3ycjrie] span[data-astro-cid-g3ycjrie]{background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);padding:3px 8px}[data-astro-cid-g3ycjrie][data-theme=dark] .metronome-app[data-astro-cid-g3ycjrie]{background:#1e1e2e;border-color:#374151}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-bpm-input[data-astro-cid-g3ycjrie]{background:#1e1e2e;color:#818cf8;border-color:#4f46e5}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-bpm-btn[data-astro-cid-g3ycjrie],[data-astro-cid-g3ycjrie][data-theme=dark] .metro-tap-btn[data-astro-cid-g3ycjrie],[data-astro-cid-g3ycjrie][data-theme=dark] .metro-timesig-btn[data-astro-cid-g3ycjrie],[data-astro-cid-g3ycjrie][data-theme=dark] .metro-select[data-astro-cid-g3ycjrie],[data-astro-cid-g3ycjrie][data-theme=dark] .metro-timer-input[data-astro-cid-g3ycjrie]{background:#2d2d3e;border-color:#374151;color:#e5e7eb}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-shortcut-hint[data-astro-cid-g3ycjrie] span[data-astro-cid-g3ycjrie]{background:#2d2d3e;border-color:#374151;color:#9ca3af}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-led[data-astro-cid-g3ycjrie]{background:#374151}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-settings[data-astro-cid-g3ycjrie]{border-top-color:#374151}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-pendulum-rod[data-astro-cid-g3ycjrie]{background:linear-gradient(180deg,#818cf8,#6366f1)}[data-astro-cid-g3ycjrie][data-theme=dark] .metro-pendulum-pivot[data-astro-cid-g3ycjrie]{background:#e5e7eb}@media(max-width:480px){.metronome-app[data-astro-cid-g3ycjrie]{padding:1rem}.metro-bpm-display[data-astro-cid-g3ycjrie]{gap:.375rem}.metro-bpm-input[data-astro-cid-g3ycjrie]{width:78px;height:50px;font-size:1.75rem}.metro-start-btn[data-astro-cid-g3ycjrie]{padding:.75rem 1.5rem;min-width:110px}.metro-tap-btn[data-astro-cid-g3ycjrie]{padding:.75rem 1rem;min-width:76px}.metro-shortcut-hint[data-astro-cid-g3ycjrie]{font-size:.6875rem;gap:.5rem}.metro-select[data-astro-cid-g3ycjrie]{max-width:100%}.metro-preset-wrap[data-astro-cid-g3ycjrie]{flex-direction:column}.metro-preset-wrap[data-astro-cid-g3ycjrie] .metro-select[data-astro-cid-g3ycjrie]{max-width:100%}.metro-pendulum-wrap[data-astro-cid-g3ycjrie]{height:130px}.metro-pendulum[data-astro-cid-g3ycjrie]{height:110px}.metro-pendulum-rod[data-astro-cid-g3ycjrie]{height:90px}.metro-led[data-astro-cid-g3ycjrie]{width:28px;height:16px}}