:root{color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(95% .02 300);--color-paper-2:oklch(92% .03 300);--color-paper-3:oklch(89% .035 300);--color-ink:oklch(18% .02 300);--color-ink-2:oklch(28% .03 300);--color-muted:oklch(46% .05 300);--color-rule:oklch(84% .04 300);--color-rule-2:oklch(70% .08 295);--color-accent:oklch(50% .25 290);--color-accent-deep:oklch(43% .22 290);--color-accent-soft:oklch(86% .08 295);--color-accent-ink:oklch(97% .01 300);--color-focus:oklch(50% .25 290);--font-display:"Geologica", ui-sans-serif, system-ui, sans-serif;--font-body:"Onest", ui-sans-serif, sans-serif;--radius-card:16px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(18% .02 300/.06);--tracking-display:-.03em;--display-weight:500;--text-figure:clamp(4.5rem, 3.2rem + 3.4vw, 6.5rem)}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:color-mix(in oklab, var(--color-accent), white 82%);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale()contrast(1.1);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:color-mix(in oklab, var(--color-accent), black 55%);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}h1,h2,h3,.wordmark,.lang summary,.btn,.go,.tap-label,.ctl-label,.tempo-unit,.tempo-term,.keymap figcaption,.faq-list summary,.footer-langs a,.footer-bottom{text-transform:lowercase}:lang(de) :is(h1,h2,h3,.wordmark,.lang summary,.btn,.go,.tap-label,.ctl-label,.keymap figcaption,.faq-list summary,.footer-bottom){text-transform:none}:lang(ko){word-break:keep-all}h1,h2,h3{line-height:1}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg);line-height:1.15}a:hover{text-decoration-color:var(--color-accent)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;display:flex}.wordmark{align-items:center;gap:var(--space-xs);font:500 var(--text-lg)/1 var(--font-display);letter-spacing:var(--tracking-display);white-space:nowrap;text-decoration:none;display:inline-flex}.wordmark svg{flex-shrink:0;width:22px;height:22px}.wordmark-case{fill:var(--color-paper-3);stroke:var(--color-ink);stroke-width:1.5px;stroke-linejoin:round}.wordmark-arm{stroke:var(--color-ink);stroke-width:1.6px;stroke-linecap:round}.wordmark-weight{fill:var(--color-accent)}.wordmark:focus-visible{outline-offset:4px;border-radius:var(--space-xs)}.lang{position:relative}.lang summary{align-items:center;gap:var(--space-xs);min-height:40px;padding-inline:var(--space-md);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);font:500 var(--text-sm)/1 var(--font-display);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:var(--color-paper-2)}.lang summary:active{background:var(--color-paper-3)}.lang summary svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:16px;height:16px}.lang ul{right:0;top:calc(100% + var(--space-2xs));z-index:var(--z-dropdown);padding:var(--space-xs);background:var(--color-paper);border-radius:var(--radius-card);min-width:12rem;box-shadow:inset 0 0 0 1px var(--color-rule), var(--shadow-card);margin:0;list-style:none;position:absolute}.lang a{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);border-radius:10px;text-decoration:none;display:block}.lang a:hover{background:var(--color-paper-2)}.lang a[aria-current=page]{background:var(--color-paper-3)}.stage{padding-block:var(--space-xs) var(--space-xl)}.stage-head{gap:var(--space-xs);margin-block:var(--space-sm) var(--space-md);display:grid}.stage-head .lead{color:var(--color-ink-2);max-width:60ch}.panel{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-lg)}.metro{gap:var(--space-lg) var(--space-xl);grid-template-columns:minmax(0,1fr) 17rem;grid-template-areas:"head settings""deck settings";display:grid}.metro-head{align-items:center;gap:var(--space-xl);grid-area:head;grid-template-columns:auto minmax(0,1fr);display:grid}.deck{grid-area:deck}.settings{grid-area:settings}.pendulum{--case-w:168px;--case-h:224px;--arm-h:176px;--weight-h:24px;--arm-top:calc(var(--case-h) * .88 - var(--arm-h));--travel:calc(var(--arm-h) - var(--weight-h) - 18px);width:var(--case-w);height:var(--case-h);flex-shrink:0}.pendulum-case{width:100%;height:100%;position:relative}.pendulum-case:before{content:"";background:var(--color-paper-3);clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);border-radius:var(--radius-card);position:absolute;inset:0}.pendulum-scale{position:absolute;inset:0}.mark{width:28px;height:1px;left:calc(50% - 14px);top:calc(var(--arm-top) + var(--p) * var(--travel) + var(--weight-h) / 2);background:var(--color-rule-2);position:absolute}.mark--label{background:var(--color-muted);width:36px;left:calc(50% - 18px)}.mark-num{right:calc(100% + var(--space-2xs));font:500 var(--text-xs)/1 var(--font-display);color:var(--color-muted);position:absolute;top:0;transform:translateY(-50%)}.pendulum-arm{width:0;height:var(--arm-h);transform-origin:50% 100%;position:absolute;bottom:12%;left:50%}.metro:not([data-running]) .pendulum-arm{transition:transform var(--dur-long) var(--ease-out)}.pendulum-rod{background:var(--color-ink);border-radius:2px;width:3px;height:100%;position:absolute;bottom:0;left:-1.5px}.pendulum-weight{width:26px;height:var(--weight-h);background:var(--color-accent);transform:translateY(calc(var(--pos) * var(--travel)));transition:transform var(--dur-short) var(--ease-out);border-radius:8px;position:absolute;top:0;left:-13px}.pendulum-pivot{background:var(--color-ink);border-radius:50%;width:14px;height:14px;position:absolute;bottom:12%;left:50%;transform:translate(-50%,50%)}.tempo{gap:var(--space-xs);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.tempo-read{align-items:baseline;gap:var(--space-sm);display:flex}.tempo-value{font:300 var(--text-figure)/.86 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tempo-unit,.tempo-term{font:500 var(--text-md)/1.2 var(--font-display);color:var(--color-muted)}.tempo-term{color:var(--color-ink-2)}.tempo-set{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);min-width:0;display:flex}.icon-btn,.stepper-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.icon-btn svg,.stepper-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px}.icon-btn:hover,.stepper-btn:hover{background:var(--color-paper-3)}.icon-btn:active,.stepper-btn:active{background:var(--color-accent-soft)}.icon-btn:disabled,.stepper-btn:disabled{opacity:.55;cursor:not-allowed;background:0 0}.fader{--level:50%;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;flex:1;width:100%;min-width:0;height:40px;margin:0}.fader::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-accent) var(--level), var(--color-rule) var(--level));height:6px}.fader::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-rule);height:6px}.fader::-moz-range-progress{border-radius:var(--radius-pill);background:var(--color-accent);height:6px}.fader::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:calc(var(--space-xs) * -1);background:var(--color-paper);box-shadow:inset 0 0 0 1.5px var(--color-ink);border-radius:50%}.fader::-moz-range-thumb{background:var(--color-paper);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--color-ink);border:0;border-radius:50%}.fader:hover::-webkit-slider-thumb{background:var(--color-paper-3)}.fader:active::-webkit-slider-thumb{background:var(--color-accent-soft)}.fader:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-pill)}.fader:disabled{opacity:.55;cursor:not-allowed}.deck{gap:var(--space-md);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid}.beat-bar,.tap{touch-action:none}.deck-actions{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.go{justify-content:center;align-items:center;gap:var(--space-xs);min-height:52px;padding:0 var(--space-lg);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font:500 var(--text-lg)/1 var(--font-display);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);border:0;display:inline-flex}.go svg{fill:currentColor;width:16px;height:16px}.go:hover{background:var(--color-accent-deep)}.go:active{transform:scale(.98)}.go:focus-visible{outline-offset:3px}.go:disabled{opacity:.55;cursor:not-allowed}.go[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.go[aria-pressed=true]:hover{background:var(--color-ink-2)}.tap{min-height:52px;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);color:var(--color-ink);font:inherit;box-shadow:inset 0 0 0 1.5px var(--color-ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;place-content:center;justify-items:center;display:grid}.tap:hover{background:var(--color-paper-3)}.tap:active,.tap.is-down{background:var(--color-accent-soft);transform:scale(.97)}.tap:focus-visible{outline-offset:3px}.tap-label{font:500 var(--text-lg)/1.1 var(--font-display)}.tap-hint{font-size:var(--text-xs);color:var(--color-muted);line-height:1.2}.beats{--gap:var(--space-xs);grid-template-columns:repeat(var(--beats), minmax(0, 1fr));gap:var(--gap);display:grid}.beat{gap:var(--space-2xs);justify-items:stretch;display:grid}.beat-num{border-radius:var(--radius-pill);height:32px;color:var(--color-muted);font:500 var(--text-sm)/1 var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;padding:0}.beat-num:hover{background:var(--color-paper-3);color:var(--color-ink)}.beat-num:active{background:var(--color-accent-soft)}.beat.is-now .beat-num{color:var(--color-ink)}.beat-bar{gap:var(--space-3xs);grid-template-rows:repeat(3,34px);display:grid}.step{background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule);cursor:pointer;border-radius:10px}.step.is-on{background:var(--color-accent-soft);box-shadow:none}.step:hover{box-shadow:inset 0 0 0 1.5px var(--color-rule-2)}.beat.is-now .step.is-on{background:var(--color-accent)}.step.is-down{transform:scale(.94)}.beat[data-level="0"] .beat-num{text-decoration:line-through 1.5px}.beat-subs{justify-content:center;gap:var(--space-2xs);height:8px;display:flex}.sub{background:var(--color-rule);border-radius:50%;width:6px;height:6px}.sub.is-now{background:var(--color-ink)}.deck-hint{font-size:var(--text-sm);color:var(--color-muted)}.deck-hint.is-spent{visibility:hidden}.settings{align-content:start;gap:var(--space-md);padding-left:var(--space-xl);box-shadow:inset 1px 0 0 var(--color-rule);display:grid}.ctl{gap:var(--space-2xs);display:grid}.ctl-label{font:500 var(--text-sm)/1.3 var(--font-display);color:var(--color-muted)}.select{position:relative}.select select{width:100%;min-height:40px;padding:0 var(--space-xl) 0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-muted);font:500 var(--text-md)/1 var(--font-display);text-transform:lowercase;-webkit-appearance:none;appearance:none;cursor:pointer;transition:box-shadow var(--dur-micro) var(--ease-out);border:0}:lang(de) .select select{text-transform:none}.select select:hover{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.select select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.select select:disabled{opacity:.55;cursor:not-allowed}.select-caret{right:var(--space-md);fill:none;stroke:currentColor;stroke-width:1.5px;pointer-events:none;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.ctl-head{justify-content:space-between;align-items:baseline;gap:var(--space-xs);display:flex}.ctl-status{font-size:var(--text-sm);color:var(--color-muted);text-align:right}.link-btn{color:var(--color-ink);font:inherit;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.16em;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--color-accent-deep)}.link-btn:active{color:var(--color-accent)}.stepper{align-items:center;gap:var(--space-xs);display:inline-flex}.stepper-value{text-align:center;min-width:2.5ch;font:500 var(--text-lg)/1 var(--font-display);font-variant-numeric:tabular-nums}.seg{gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule);display:inline-flex}.seg-btn{border-radius:var(--radius-pill);width:52px;height:36px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.seg-btn:hover{background:var(--color-paper-2)}.seg-btn:active{background:var(--color-paper-3)}.seg-btn[aria-checked=true]{color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink)}.glyph{fill:currentColor;width:24px;height:20px}.glyph text{font-family:var(--font-display);font-weight:500}.section{padding-block:var(--space-3xl) 0}.section-intro{margin-top:var(--space-sm);color:var(--color-ink-2);max-width:60ch}.howto-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.steps{margin:var(--space-lg) 0 0;counter-reset:step;gap:var(--space-md);padding:0;list-style:none;display:grid}.steps li{counter-increment:step;gap:var(--space-sm);grid-template-columns:2.5rem minmax(0,1fr);max-width:62ch;display:grid}.steps li:before{content:counter(step);font:300 var(--text-2xl)/1 var(--font-display);color:var(--color-accent);font-variant-numeric:tabular-nums}.keymap{padding:var(--space-lg);background:var(--color-paper-2);border-radius:var(--radius-card);margin:0}.keymap figcaption{font:500 var(--text-lg)/1.2 var(--font-display);margin-bottom:var(--space-md)}.keymap dl{gap:var(--space-sm);margin:0;display:grid}.keymap-row{align-items:center;gap:var(--space-md);padding-top:var(--space-sm);box-shadow:inset 0 1px 0 var(--color-rule);grid-template-columns:7rem minmax(0,1fr);display:grid}.keymap-row:first-child{box-shadow:none;padding-top:0}.keymap dd{margin:0}.keycap{min-width:2.75rem;min-height:36px;padding:0 var(--space-sm);background:var(--color-paper);box-shadow:inset 0 0 0 1.5px var(--color-rule-2), 0 2px 0 var(--color-rule-2);font:500 var(--text-md)/1 var(--font-display);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sound-list{margin:var(--space-xl) 0 0;gap:0 var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.sound{gap:var(--space-sm);padding-block:var(--space-lg);box-shadow:inset 0 1px 0 var(--color-rule);grid-template-rows:auto 1fr auto;display:grid}.sound p{color:var(--color-ink-2)}.btn{min-height:40px;padding:0 var(--space-lg);border-radius:var(--radius-pill);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink);font:500 var(--text-sm)/1 var(--font-display);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;justify-content:center;justify-self:start;align-items:center;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-paper-2)}.btn:active{background:var(--color-paper-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-pressed=true]{color:var(--color-accent-deep);box-shadow:inset 0 0 0 2px var(--color-accent)}.about-cols{margin-top:var(--space-lg);gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-cols p{max-width:45ch;color:var(--color-ink-2)}.faq-list{margin:var(--space-lg) 0 0;max-width:52rem;padding:0;list-style:none}.faq-list li{box-shadow:inset 0 -1px 0 var(--color-rule)}.faq-list summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);font:500 var(--text-lg)/1.3 var(--font-display);cursor:pointer;border-radius:var(--space-xs);list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--color-accent-deep)}.faq-list summary svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px;transition:transform var(--dur-short) var(--ease-out);flex-shrink:0}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{padding-bottom:var(--space-lg);color:var(--color-ink-2)}.ad{margin-top:var(--space-3xl)}.ad-box{min-height:280px}.ad:has(ins[data-ad-status=unfilled]){display:none}.footer{margin-top:var(--space-3xl);padding-block:var(--space-xl);background:var(--color-paper-2)}.footer-grid{gap:var(--space-lg);display:grid}.footer-langs{gap:var(--space-xs) var(--space-lg);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-langs a{text-decoration:none}.footer-langs a:hover{text-decoration:underline}.footer-langs a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--color-accent)}.footer-bottom{gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.prose{padding-block:var(--space-xl) var(--space-3xl);gap:var(--space-md);display:grid}.prose h1{margin-bottom:var(--space-xs)}.prose h2{margin-top:var(--space-lg)}.prose p{max-width:65ch}@media (width<=60rem){.metro{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""deck""settings"}.settings{gap:var(--space-lg);padding:var(--space-lg) 0 0;box-shadow:inset 0 1px 0 var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr))}.howto-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.sound-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about-cols{grid-template-columns:minmax(0,1fr)}.deck-actions{max-width:none}}@media (width<=40rem){h1{font-size:var(--text-2xl)}.stage{padding-bottom:var(--space-lg)}.stage-head{margin-block:var(--space-2xs) var(--space-sm)}.panel{padding:var(--space-md) var(--space-sm);margin-inline:calc(var(--space-xs) * -1)}.metro{gap:var(--space-md)}.metro-head{gap:var(--space-2xs) var(--space-md);align-items:end}.tempo{display:contents}.pendulum{grid-row:1/span 2;align-self:center}.tempo-read{grid-column:2}.tempo-term{grid-column:2;align-self:start}.tempo-set{margin-top:var(--space-sm);grid-column:1/-1}.mark-num{display:none}.pendulum{--case-w:96px;--case-h:132px;--arm-h:100px;--weight-h:16px}.pendulum-weight{width:20px;left:-10px}.tempo-value{font-size:4.25rem}.tempo-set .icon-btn{width:44px;height:44px}.beats{--gap:var(--space-2xs)}.beat-bar{grid-template-rows:repeat(3,40px)}.beat-num{height:36px}.settings,.sound-list{grid-template-columns:minmax(0,1fr)}.section{padding-top:var(--space-2xl)}.keymap-row{grid-template-columns:6rem minmax(0,1fr)}}@media (pointer:coarse){.icon-btn,.stepper-btn{width:44px;height:44px}.seg-btn{height:44px}}html,body{overflow-x:clip}