.metronome-module__GcvFna__instrument{padding:clamp(24px,3vw,40px)}.metronome-module__GcvFna__layout{grid-template:"pad read""pad bar""pad controls"1fr/minmax(240px,300px) minmax(0,1fr);align-items:start;column-gap:clamp(32px,4.4vw,60px);display:grid}.metronome-module__GcvFna__read{grid-area:read;min-width:0}.metronome-module__GcvFna__bar{grid-area:bar;min-width:0;margin-top:18px}.metronome-module__GcvFna__padArea{grid-area:pad;justify-items:center;gap:14px;min-width:0;display:grid}.metronome-module__GcvFna__controls{grid-area:controls;gap:18px;min-width:0;margin-top:22px;display:grid}.metronome-module__GcvFna__readWindow{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:28px;padding:16px 26px 20px;display:grid}.metronome-module__GcvFna__bpmField{cursor:text;align-items:baseline;gap:12px;min-width:0;display:flex}.metronome-module__GcvFna__sizer{min-width:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:clamp(76px,8.4vw,118px);font-weight:200;font-stretch:112%;line-height:.92;display:inline-grid}.metronome-module__GcvFna__sizer:after{content:attr(data-value);visibility:hidden;white-space:pre;grid-area:1/1}.metronome-module__GcvFna__bpmInput{width:100%;min-width:1ch;color:inherit;caret-color:var(--lit);font:inherit;font-stretch:inherit;letter-spacing:inherit;text-shadow:inherit;background:0 0;border:0;outline:none;grid-area:1/1;padding:0}.metronome-module__GcvFna__bpmInput[aria-invalid=true]{color:var(--shop-warm)}.metronome-module__GcvFna__bpmField:focus-within{outline:2px solid var(--lit);outline-offset:6px;border-radius:4px}.metronome-module__GcvFna__bpmUnit{font-family:var(--font-display);letter-spacing:.02em;font-size:16px;font-stretch:112%}.metronome-module__GcvFna__stats{min-width:150px;margin:0;display:grid}.metronome-module__GcvFna__stats>div{justify-content:space-between;align-items:baseline;gap:18px;padding:7px 0;display:flex}.metronome-module__GcvFna__stats>div+div{border-top:1px solid #ffffff0f}.metronome-module__GcvFna__stats dt{font-size:13px}.metronome-module__GcvFna__stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:21px;font-weight:320;font-stretch:108%;line-height:1.2}.metronome-module__GcvFna__unit{font-family:var(--font-sans);letter-spacing:0;color:#8f8c88;margin-left:4px;font-size:13px;font-weight:400;font-stretch:100%}.metronome-module__GcvFna__help{margin:10px 2px 0}.metronome-module__GcvFna__help[data-invalid=true]{color:var(--shop-warm)}.metronome-module__GcvFna__beatsWindow{padding:10px 12px}.metronome-module__GcvFna__beats{grid-template-columns:repeat(var(--beats), minmax(0, 1fr));gap:4px;display:grid}.metronome-module__GcvFna__beatKey{min-width:0;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:9px;justify-items:center;gap:6px;padding:8px 0 6px;display:grid}.metronome-module__GcvFna__beatKey:hover{background:#161a22}.metronome-module__GcvFna__beatKey:focus-visible{outline:2px solid var(--lit);outline-offset:1px}.metronome-module__GcvFna__beatKey[data-now=true]{background:#22262f linear-gradient(var(--shop-ember), var(--shop-ember)) no-repeat center bottom 3px / 46% 2px}.metronome-module__GcvFna__beatLamp{width:22px;height:22px}.metronome-module__GcvFna__beatKey[data-level=accent] .metronome-module__GcvFna__beatLamp{transform:scale(1.45)}.metronome-module__GcvFna__beatNumber{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:15px;line-height:1}.metronome-module__GcvFna__pad{max-width:300px}.metronome-module__GcvFna__padHint{text-align:center;margin:0}.metronome-module__GcvFna__keyHint{align-items:center;gap:8px;display:inline-flex}.metronome-module__GcvFna__error{max-width:300px;color:var(--shop-warm);text-align:center;margin:0;font-size:14px;line-height:1.5}.metronome-module__GcvFna__tempoRow{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.metronome-module__GcvFna__nudge{min-height:48px;padding:0;font-size:20px;font-weight:300}.metronome-module__GcvFna__tempoFader{min-width:0}.metronome-module__GcvFna__tap{justify-content:flex-start;gap:10px;min-height:52px;padding:0 14px 0 20px}.metronome-module__GcvFna__tapLabel{font-size:15px}.metronome-module__GcvFna__tapHint{font-variant-numeric:tabular-nums;opacity:.8;margin-left:auto;font-size:13px}.metronome-module__GcvFna__group{gap:8px;display:grid}.metronome-module__GcvFna__group>.metronome-module__GcvFna__help{margin-top:2px}.metronome-module__GcvFna__volume{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.metronome-module__GcvFna__next{color:var(--shop-text-dim);margin:0;font-size:14px;line-height:1.55}.metronome-module__GcvFna__next a{color:var(--shop-text-hi);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--lit) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--lit) 60%, transparent);text-underline-offset:3px}.metronome-module__GcvFna__next a:focus-visible{outline:2px solid var(--lit);outline-offset:2px;border-radius:2px}@media (max-width:1100px){.metronome-module__GcvFna__readWindow{grid-template-columns:minmax(0,1fr)}.metronome-module__GcvFna__stats{border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,max-content);column-gap:26px;min-width:0;margin-top:16px;padding-top:12px}.metronome-module__GcvFna__stats>div{gap:4px;padding:0;display:grid}.metronome-module__GcvFna__stats>div+div{border-top:0}}@media (max-width:860px){.metronome-module__GcvFna__layout{grid-template:"read""bar""pad""controls"/minmax(0,1fr)}.metronome-module__GcvFna__padArea{margin-top:22px}.metronome-module__GcvFna__pad{max-width:240px}.metronome-module__GcvFna__controls{margin-top:26px}}@media (max-width:560px){.metronome-module__GcvFna__instrument{border-radius:18px;padding:16px 14px 22px}.metronome-module__GcvFna__readWindow{padding:12px 16px 14px}.metronome-module__GcvFna__sizer{font-size:clamp(56px,18vw,76px)}.metronome-module__GcvFna__stats dd{font-size:19px}.metronome-module__GcvFna__beatsWindow{padding:8px 6px}.metronome-module__GcvFna__beats{gap:2px}.metronome-module__GcvFna__beatLamp{width:18px;height:18px}.metronome-module__GcvFna__beatNumber{font-size:13px}}@media (max-width:640px){.metronome-module__GcvFna__layout{grid-template-areas:"read""pad""bar""controls"}.metronome-module__GcvFna__padArea{justify-items:stretch;margin-top:14px}.metronome-module__GcvFna__padArea .metronome-module__GcvFna__pad{aspect-ratio:auto;border-radius:16px;max-width:none;height:72px}.metronome-module__GcvFna__padHint{display:none}.metronome-module__GcvFna__bar{margin-top:14px}}