.metronome_page__8vnlK{display:grid;grid-gap:1rem;gap:1rem}.metronome_lead__8zPno{color:var(--muted,#9aa0aa);margin:.25rem 0 1rem}.metronome_wrap__3qQ8y{border:1px solid var(--border,#2b3040);border-radius:20px;padding:1.25rem;background:var(--surface,#0f1115);box-shadow:0 8px 32px -4px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.metronome_topRow__N49yJ{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;flex-wrap:wrap}@media (max-width:640px){.metronome_topRow__N49yJ{flex-direction:column;align-items:center}}.metronome_dial__x0GTJ{width:clamp(150px,45vw,190px);aspect-ratio:1/1;border-radius:50%;border:2px solid #2b3040;background:radial-gradient(circle at 50% 50%,#181d26 0,#12161d 62%,#0d1117 100%),linear-gradient(145deg,#111520,#0d1018);display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;flex:0 0 auto;align-self:center}.metronome_dial__x0GTJ:before{content:"";position:absolute;inset:0;border-radius:50%;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(145deg,rgba(10,14,20,.55),rgba(12,16,24,.55)),radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.04),hsla(0,0%,100%,0));mix-blend-mode:normal;z-index:0}.metronome_dialInner__XuzAg{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .9rem;border-radius:14px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.metronome_ring__JAMdO{position:absolute;inset:-2px;border-radius:50%;z-index:1;--p:0;--c:#4cc38a;background:conic-gradient(var(--c) calc(var(--p)*1turn),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px)),linear-gradient(#000,#000);mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px)),linear-gradient(#000,#000);-webkit-mask-composite:destination-out,source-over;mask-composite:exclude,add}.metronome_bpmValue__M3_07{font-size:56px;font-weight:800;color:#e6e8ef;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.65)}.metronome_bpmUnit__cLFag{font-size:12px;color:#cfd3da;text-shadow:0 1px 3px rgba(0,0,0,.6)}.metronome_timeSig__xpLRM{font-size:12px;color:#d4d8de;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.55)}.metronome_pulse__1Co4t{box-shadow:0 0 0 0 rgba(76,195,138,.45);animation:metronome_pulse__1Co4t .35s ease-out}.metronome_downbeat__rb1A_{border-color:#4cc38a}@keyframes metronome_pulse__1Co4t{to{box-shadow:0 0 0 22px rgba(76,195,138,0)}}.metronome_transport__xlUjP{display:flex;flex-direction:column;gap:.65rem;align-items:stretch;width:100%;max-width:360px}@media (min-width:641px){.metronome_transport__xlUjP{align-items:flex-end}}.metronome_primaryControls__i6FCz{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.65rem;gap:.65rem;width:100%}@media (max-width:640px){.metronome_primaryControls__i6FCz{grid-template-columns:repeat(2,1fr)}}.metronome_sideControls__L8YN5{display:flex;gap:.5rem}.metronome_btnSubtle__H_IuI,.metronome_btn__7JhKK{background:var(--panel,#151821);color:var(--text,#e6e8ef);border:1px solid #2b3040;border-radius:12px;padding:.65rem .95rem;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;line-height:1.1;position:relative;overflow:hidden;flex:1 1 auto;min-height:42px;transition:background .25s,border-color .25s,transform .15s}.metronome_btnSubtle__H_IuI:hover,.metronome_btn__7JhKK:hover{background:#1c212d}.metronome_btnSubtle__H_IuI:active,.metronome_btn__7JhKK:active{transform:translateY(1px)}.metronome_btnSubtle__H_IuI{opacity:.92}.metronome_beatDot__wmtkw:focus-visible,.metronome_btnSubtle__H_IuI:focus-visible,.metronome_btn__7JhKK:focus-visible,.metronome_chip__78Kx_:focus-visible,.metronome_segBtn__dQ2Qo:focus-visible{outline:2px solid #4cc38a;outline-offset:2px}.metronome_tempoNudge__92z_3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;width:100%;align-items:stretch}@media (max-width:520px){.metronome_tempoNudge__92z_3{grid-template-columns:repeat(2,minmax(0,1fr))}}.metronome_tempoNudge__92z_3 .metronome_btn__7JhKK{flex:1 1 auto;width:100%;min-height:48px;font-weight:600;font-size:.85rem}.metronome_grid__1ZYyf{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:1rem;gap:1rem}.metronome_card__w_H_4{background:var(--panel,#151821);border:1px solid #2b3040;border-radius:16px;padding:1rem;display:flex;flex-direction:column}.metronome_rowBetween__d6TP9{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.metronome_controls__9WapT{display:grid;grid-gap:.75rem;gap:.75rem}.metronome_row__7ITRd{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.metronome_num__yDQH5{width:4.75rem;background:var(--surface,#0f1115);border:1px solid #2b3040;border-radius:8px;color:var(--text,#e6e8ef);padding:.4rem .55rem}.metronome_range__QvSw8{width:100%}.metronome_hint__wFgCE{color:#9aa0aa;font-size:12px;margin-top:.35rem}.metronome_chipGroup__6rgbG,.metronome_segGroup__nNRfC{display:grid;grid-gap:.55rem;gap:.55rem;margin-top:.5rem;width:100%}.metronome_segGroup__nNRfC{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}.metronome_chipGroup__6rgbG{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.metronome_chip__78Kx_,.metronome_segBtn__dQ2Qo{border:1px solid #2b3040;background:#121520;color:#e6e8ef;border-radius:14px;padding:.55rem .75rem;font-size:.8rem;font-weight:500;letter-spacing:.25px;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;transition:background .25s,border-color .25s,box-shadow .25s,transform .15s}.metronome_chip__78Kx_:hover,.metronome_segBtn__dQ2Qo:hover{background:#1b2029}.metronome_chip__78Kx_:active,.metronome_segBtn__dQ2Qo:active{transform:translateY(1px)}.metronome_active__JNJRB{background:linear-gradient(145deg,#243026,#1d2a22);border-color:#3aa976;box-shadow:inset 0 0 0 1px #3aa976,0 2px 6px -2px rgba(0,0,0,.5);color:#cfe9dc}.metronome_beatRow__j2NdF{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));grid-gap:.55rem;gap:.55rem;margin-top:.55rem;width:100%}.metronome_beatDot__wmtkw{width:100%;aspect-ratio:1/1;border-radius:18px;display:flex;align-items:center;justify-content:center;border:1px solid #2b3040;background:#121520;color:#9aa0aa;font-size:.8rem;font-weight:500;transition:background .25s,border-color .25s,color .25s,transform .15s}.metronome_beatDot__wmtkw:hover{background:#1b2029}.metronome_beatDot__wmtkw.metronome_on__32lSH{background:#4cc38a;color:#0f1115;border-color:#3aa976}.metronome_beatDot__wmtkw.metronome_off__A8SgQ{background:#121520;color:#cbd1db}.metronome_beatDot__wmtkw:active{transform:translateY(1px)}.metronome_beatActive__T1Dsl{outline:2px solid #86b7ff}.metronome_start__My8hQ{background:#4cc38a;border:1px solid #3aa976;border-radius:14px;box-shadow:0 4px 18px -4px rgba(76,195,138,.4)}.metronome_start__My8hQ,.metronome_stop__ELhGB{color:#0f1115;padding:.75rem 1.1rem;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:background .25s,transform .15s}.metronome_stop__ELhGB{background:#e56a6a;border:1px solid #cf5b5b;border-radius:14px;box-shadow:0 4px 18px -4px hsla(0,70%,66%,.4)}.metronome_start__My8hQ:hover{background:#45b87c}.metronome_stop__ELhGB:hover{background:#d96060}.metronome_start__My8hQ:active,.metronome_stop__ELhGB:active{transform:translateY(2px)}.metronome_start__My8hQ,.metronome_stop__ELhGB{width:100%}.metronome_volVal__W8Qne{font-size:12px;color:#cbd1db}@media (max-width:480px){.metronome_dial__x0GTJ{width:min(82vw,260px)}.metronome_wrap__3qQ8y{padding:1rem}.metronome_grid__1ZYyf{gap:.85rem}.metronome_btnSubtle__H_IuI,.metronome_btn__7JhKK{min-height:46px}}@media (prefers-reduced-motion:reduce){.metronome_pulse__1Co4t{animation:none}.metronome_beatDot__wmtkw,.metronome_btnSubtle__H_IuI,.metronome_btn__7JhKK,.metronome_chip__78Kx_,.metronome_segBtn__dQ2Qo,.metronome_start__My8hQ,.metronome_stop__ELhGB{transition:none}}