.tool--visual{gap:14px}.vm{--vm-bg:#000;--vm-ink:#fff;--vm-beat:#fff;--vm-accent:#ffc107;--vm-sub:#555;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vm-bg);color:var(--vm-ink);flex-direction:column;display:flex;overflow:hidden}.vm__stage{place-items:center;min-height:clamp(260px,48vh,460px);display:grid;position:relative;overflow:hidden}.vm__flash{opacity:0;pointer-events:none;position:absolute;inset:0}.vm__hint{text-align:center;opacity:.7;font:var(--md-sys-typescale-label-medium);padding:0 64px;position:absolute;top:14px;left:0;right:0}.vm__bar{opacity:.7;position:absolute;top:12px;right:16px}.vm__dots{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px;display:flex;position:absolute;bottom:14px;left:0;right:0}.vm__dot{background:var(--vm-ink);opacity:.25;border-radius:50%;width:12px;height:12px;transition:opacity 80ms,transform 80ms}.vm__dot.is-first{border-radius:3px}.vm__dot.is-now{opacity:1;background:var(--vm-beat);transform:scale(1.35)}.vm__dot.is-first.is-now{background:var(--vm-accent)}.vm__count{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--vm-beat);font-size:clamp(9rem,38vmin,22rem);font-weight:600;line-height:1;position:relative}.vm__count.is-accent{color:var(--vm-accent)}.vm__pendulum{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.vm__rod{background:var(--vm-ink);opacity:.85;transform-origin:50% 100%;will-change:transform;border-radius:3px;width:6px;height:68%;margin-left:-3px;position:absolute;bottom:14%;left:50%}.vm__bob{background:var(--vm-beat);width:46px;height:46px;box-shadow:0 0 24px color-mix(in srgb, var(--vm-beat) 60%, transparent);border-radius:50%;margin-left:-23px;position:absolute;top:-18px;left:50%}.vm__pivot{background:var(--vm-ink);opacity:.85;border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:calc(14% - 9px);left:50%}.vm__bar-controls{background:color-mix(in srgb, var(--vm-bg) 70%, var(--vm-ink) 8%);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.vm__bar-controls .ctempo,.vm__bar-controls .m3-iconbtn{color:var(--vm-ink)}.vm__bar-controls .m3-iconbtn.is-selected{color:var(--vm-accent)}.vm__bar-right{align-items:center;display:flex}.vm__bar-controls .m3-iconbtn{margin:0}@media (width<=479px){.vm__bar-controls{gap:4px;padding:8px 6px 10px}.vm__bar-controls .ctempo__value{min-width:78px;padding:6px 4px}.vm__bar-controls .ctempo__unit{display:none}}.vm.is-fullscreen{border-radius:0;width:100vw;height:100dvh}.vm.is-fullscreen .vm__stage{flex:1;min-height:0}.vm.is-fullscreen .vm__bar-controls{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));transition:opacity .25s,transform .25s;position:absolute;bottom:0;left:0;right:0}.vm.is-fullscreen.is-idle .vm__bar-controls{opacity:0;pointer-events:none;transform:translateY(8px)}.vm.is-fullscreen .vm__count{font-size:clamp(9rem,60vmin,40rem)}.vm.is-fullscreen .vm__dot{width:16px;height:16px}.vm-row{flex-direction:column;gap:8px;display:flex}.vm-row--inline{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px}.vm-swatch{vertical-align:-2px;border:3px solid;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}.vm-toggles{gap:8px;display:grid}.vm-toggle{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}@media (width>=600px){.vm__stage{min-height:420px}}@media (prefers-reduced-motion:reduce){.vm__rod{transition:none}}.faq[data-astro-cid-ud4ggc2z]{border-bottom:1px solid var(--md-sys-color-outline-variant);padding:4px 0}.faq[data-astro-cid-ud4ggc2z] summary[data-astro-cid-ud4ggc2z]{cursor:pointer;justify-content:space-between;gap:12px;padding:12px 0;list-style:none;display:flex}.faq[data-astro-cid-ud4ggc2z] summary[data-astro-cid-ud4ggc2z]::-webkit-details-marker{display:none}.faq[data-astro-cid-ud4ggc2z] summary[data-astro-cid-ud4ggc2z]:after{content:"+";color:var(--md-sys-color-on-surface-variant);flex:none;font-size:1.4rem;line-height:1}.faq[data-astro-cid-ud4ggc2z][open] summary[data-astro-cid-ud4ggc2z]:after{content:"−"}.faq[data-astro-cid-ud4ggc2z] p[data-astro-cid-ud4ggc2z]{color:var(--md-sys-color-on-surface-variant);margin:0 0 14px}