.metronome[data-astro-cid-jye4japo]{align-items:stretch;gap:var(--space-3);height:100dvh;padding-inline:var(--space-4);padding-block:calc(var(--space-3) + env(safe-area-inset-top)) calc(var(--space-3) + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.metronome__stagewrap[data-astro-cid-jye4japo]{flex:auto;place-items:center;min-height:34dvh;display:grid;position:relative}.metronome__controls[data-astro-cid-jye4japo]{gap:var(--space-3);flex-direction:column;display:flex}.stage[data-astro-cid-jye4japo]{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;-webkit-tap-highlight-color:var(--tap-flash);width:min(100%,100dvh - 420px);min-width:280px;display:block}.stage__svg[data-astro-cid-jye4japo]{width:100%;height:100%;display:block}.pulse__track[data-astro-cid-jye4japo]{fill:none;stroke:var(--room-edge);opacity:.3}.station[data-astro-cid-jye4japo]{fill:none;stroke:var(--room-edge);stroke-width:14px;opacity:.55}.station--accent[data-astro-cid-jye4japo]{stroke-width:16px;opacity:.75}.station__dot[data-astro-cid-jye4japo]{fill:var(--room-edge);opacity:.75}.tick[data-astro-cid-jye4japo]{stroke:var(--room-edge);opacity:.35;stroke-linecap:round}.pulse__head[data-astro-cid-jye4japo]{fill:var(--room-edge)}.pulse__halo[data-astro-cid-jye4japo]{fill:none;stroke:var(--room-edge)}.pulse__glyph[data-astro-cid-jye4japo]{fill:var(--room-edge);pointer-events:none}.metronome[data-astro-cid-jye4japo][data-hidden="1"] .pulse__track[data-astro-cid-jye4japo]{stroke-dasharray:6 22;stroke-width:10px!important}.resume[data-astro-cid-jye4japo]{width:fit-content;height:fit-content;min-height:var(--tap-min);padding-inline:var(--space-4);border:3px solid var(--room-edge);border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--ink);font:inherit;cursor:pointer;margin:auto;font-weight:700;position:absolute;inset:0}.chip[data-astro-cid-jye4japo]{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-inline:var(--space-3);border:3px solid var(--room-edge);border-radius:var(--radius-pill);color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:var(--tap-flash);background:0 0;font-weight:700;display:flex}.chip__chev[data-astro-cid-jye4japo]{opacity:.6}.bpm__row[data-astro-cid-jye4japo]{grid-template-columns:calc(var(--tap-min) + var(--space-4)) 1fr calc(var(--tap-min) + var(--space-4));gap:var(--space-2);align-items:center;display:grid}.step[data-astro-cid-jye4japo]{aspect-ratio:1;min-height:var(--tap-min);border:3px solid var(--room-edge);border-radius:var(--radius-2);color:var(--ink);font:inherit;font-size:var(--text-4);cursor:pointer;-webkit-tap-highlight-color:var(--tap-flash);background:0 0;font-weight:700}.bpm__scrub[data-astro-cid-jye4japo]{text-align:center;touch-action:none}.bpm__value[data-astro-cid-jye4japo]{font-size:var(--display-numeral);font-variant-numeric:tabular-nums;cursor:ew-resize;font-weight:700;line-height:1}.bpm__value[data-astro-cid-jye4japo][data-tapping="1"]{outline:3px dashed var(--room-edge);outline-offset:6px}.bpm__term[data-astro-cid-jye4japo]{font-size:var(--text-1);color:var(--ink-soft);margin:2px 0 0}.bpm__ruler[data-astro-cid-jye4japo]{height:28px;margin-inline:calc(var(--space-4) * -1);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.bpm__ticks[data-astro-cid-jye4japo]{background-image:repeating-linear-gradient(90deg, var(--room-edge) 0 2px, transparent 2px 16px);opacity:.45;width:1200px;transform:translateX(calc((120 - var(--bpm,120)) * 4px));transition:transform var(--motion-base) var(--ease-out);margin-inline-start:-600px;position:absolute;inset-block:0;inset-inline-start:50%}.modes[data-astro-cid-jye4japo]{gap:var(--space-1);border:0;margin:0;padding:0;display:flex}.mode[data-astro-cid-jye4japo]{min-height:var(--tap-min);border:3px solid var(--room-edge);border-radius:var(--radius-2);cursor:pointer;-webkit-tap-highlight-color:var(--tap-flash);flex:1;place-items:center;font-weight:700;display:grid}input[data-astro-cid-jye4japo][name=mode]:checked+.mode[data-astro-cid-jye4japo]{background:var(--room-edge);color:var(--paper)}input[data-astro-cid-jye4japo][name=mode]:focus-visible+.mode[data-astro-cid-jye4japo]{outline:3px solid var(--focus-inner);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-outer)}.transport[data-astro-cid-jye4japo]{align-items:center;gap:var(--space-3);display:flex}.tap[data-astro-cid-jye4japo]{min-height:calc(var(--tap-min) + var(--space-2));border:3px solid var(--room-edge);border-radius:var(--radius-2);color:var(--ink);font:inherit;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:var(--tap-flash);background:0 0;flex:1;font-weight:700}.tap__dots[data-astro-cid-jye4japo]{gap:6px;margin:0;padding:0;list-style:none;display:flex}.tap__dots[data-astro-cid-jye4japo] li[data-astro-cid-jye4japo]{border:2px solid var(--room-edge);opacity:.5;border-radius:50%;width:10px;height:10px}.tap__dots[data-astro-cid-jye4japo] li[data-astro-cid-jye4japo][data-on="1"]{background:var(--room-edge);opacity:1}.sheet[data-astro-cid-jye4japo]{background:color-mix(in srgb, var(--ink) 45%, transparent);z-index:var(--layer-top);place-items:end center;display:grid;position:fixed;inset:0}.sheet[data-astro-cid-jye4japo][hidden],.chip[data-astro-cid-jye4japo][hidden],.resume[data-astro-cid-jye4japo][hidden]{display:none}.sheet__panel[data-astro-cid-jye4japo]{overscroll-behavior:contain;background:var(--paper-raised);border-radius:var(--radius-3) var(--radius-3) 0 0;width:min(100%,480px);max-height:82dvh;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));overflow-y:auto}.sheet[data-astro-cid-jye4japo][data-sec=meter] .sheet__sec[data-astro-cid-jye4japo][data-sec=gradual],.sheet[data-astro-cid-jye4japo][data-sec=gradual] .sheet__sec[data-astro-cid-jye4japo][data-sec=meter]{display:none}.sheet[data-astro-cid-jye4japo] h2[data-astro-cid-jye4japo]{font-size:var(--text-1);color:var(--ink-soft);margin:var(--space-3) 0 var(--space-1);font-weight:400}.seg[data-astro-cid-jye4japo]{gap:var(--space-1);display:flex}.seg[data-astro-cid-jye4japo] button[data-astro-cid-jye4japo]{min-height:var(--tap-min);border:3px solid var(--room-edge);border-radius:var(--radius-2);color:var(--ink);font:inherit;cursor:pointer;background:0 0;flex:1;font-weight:700}.seg[data-astro-cid-jye4japo] button[data-astro-cid-jye4japo][data-on="1"]{background:var(--room-edge);color:var(--paper)}.sheet__close[data-astro-cid-jye4japo]{margin-top:var(--space-4);width:100%;min-height:var(--tap-min);border-radius:var(--radius-2);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0;font-weight:700}.visually-hidden[data-astro-cid-jye4japo]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=720px),(orientation:landscape) and (height<=560px){.metronome[data-astro-cid-jye4japo]{align-items:center;gap:var(--space-4);flex-direction:row}.metronome__stagewrap[data-astro-cid-jye4japo]{flex:58%;min-height:0}.metronome__controls[data-astro-cid-jye4japo]{flex:0 0 min(380px,42%)}.stage[data-astro-cid-jye4japo]{width:min(100%,100dvh - 120px)}}@media (prefers-reduced-motion:reduce){.pulse__halo[data-astro-cid-jye4japo]{display:none}}