.stats.svelte-siglfu>div:where(.svelte-siglfu)+div:where(.svelte-siglfu){border-left:1px solid var(--border)}.stats.svelte-siglfu dt:where(.svelte-siglfu){font-size:.75rem;color:var(--muted-foreground)}.stats.svelte-siglfu dd:where(.svelte-siglfu){margin-top:.15rem;font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.pad-wrap.svelte-siglfu{--beat: 0;position:relative;width:min(100%,13rem);aspect-ratio:1;display:grid;place-items:center}@media(min-width:640px){.pad-wrap.svelte-siglfu{width:min(100%,20rem)}}.bar-ring.svelte-siglfu{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.bar-track.svelte-siglfu{fill:none;stroke:var(--border);stroke-width:2}.bar-fill.svelte-siglfu{fill:none;stroke:var(--glow);stroke-width:2.4;stroke-linecap:round}.bar-tick.svelte-siglfu{fill:var(--muted-foreground);opacity:.5}.bar-tick.on.svelte-siglfu{fill:var(--glow);opacity:1}.pad.svelte-siglfu{position:relative;width:calc(100% - 28px);aspect-ratio:1;border-radius:50%;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background:radial-gradient(120% 90% at 50% 0%,color-mix(in oklab,var(--glow) 70%,white) 0%,var(--glow) 45%,color-mix(in oklab,var(--glow) 75%,black) 100%);box-shadow:0 0 calc(40px + var(--beat) * 50px) calc(-6px + var(--beat) * 6px) color-mix(in oklab,var(--glow) 60%,transparent),0 calc(10px * var(--press, 1)) calc(28px * var(--press, 1)) -10px color-mix(in oklab,black 60%,transparent),inset 0 1px color-mix(in oklab,white 30%,transparent),inset 0 -3px color-mix(in oklab,black 18%,transparent);transform:scale(calc(var(--press, 1) * (1 + var(--beat) * .03)));will-change:transform;outline:none}.pad.svelte-siglfu:focus-visible{box-shadow:0 0 0 4px var(--background),0 0 0 7px var(--ring)}.face.svelte-siglfu{position:relative;display:grid;justify-items:center;gap:.1rem;pointer-events:none}.bpm.svelte-siglfu{font-family:var(--font-display);font-weight:600;text-shadow:0 2px 12px color-mix(in oklab,black 25%,transparent);font-size:clamp(3rem,13vw,4.75rem);letter-spacing:0;line-height:1}.cents.svelte-siglfu{font-size:.45em;letter-spacing:-.02em;opacity:.8}.word.svelte-siglfu{font-family:var(--font-display);font-weight:600;font-size:clamp(2.75rem,12vw,4.25rem);letter-spacing:-.04em;line-height:1}.unit.svelte-siglfu{font-weight:500;font-size:.875rem;opacity:.8}.ripple.svelte-siglfu{position:absolute;inset:0;margin:auto;width:30%;aspect-ratio:1;border-radius:50%;background:color-mix(in oklab,white 40%,transparent);animation:svelte-siglfu-ripple .6s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes svelte-siglfu-ripple{to{transform:scale(3.6);opacity:0}}.pct.svelte-14gpwf3{margin-block:.35rem .4rem;font-family:var(--font-display);font-weight:600;font-size:clamp(3.25rem,12vw,4.75rem);letter-spacing:.005em;line-height:.95}.pct.svelte-14gpwf3 .u:where(.svelte-14gpwf3){font-size:.5em;margin-left:.04em;color:var(--glow)}.result.svelte-14gpwf3{background:linear-gradient(to bottom,color-mix(in oklab,var(--foreground) 4%,transparent),color-mix(in oklab,var(--foreground) 1.5%,transparent))}.pct.empty.svelte-14gpwf3{color:color-mix(in oklab,var(--foreground) 25%,transparent)}.pct.empty.svelte-14gpwf3 .u:where(.svelte-14gpwf3){color:inherit}.key.svelte-1u44646{--beat: inherit;position:relative;display:block;height:4.25rem;border-radius:12px;background:linear-gradient(to bottom,color-mix(in oklab,var(--foreground) 9%,var(--background)),color-mix(in oklab,var(--foreground) 4%,var(--background)));box-shadow:0 1px color-mix(in oklab,white 10%,transparent) inset,0 -2px color-mix(in oklab,black 50%,transparent) inset,0 5px color-mix(in oklab,var(--foreground) 3%,var(--background)),0 6px 0 var(--border),0 14px 24px -6px color-mix(in oklab,black 55%,transparent);transition:transform .08s ease-out,box-shadow .08s ease-out}.cap.svelte-1u44646{position:absolute;left:12px;bottom:9px;font:500 13px var(--font-mono);color:var(--muted-foreground)}.space.svelte-1u44646 .cap:where(.svelte-1u44646){left:50%;translate:-50% 0}.space.svelte-1u44646{box-shadow:0 1px color-mix(in oklab,white 10%,transparent) inset,0 -2px color-mix(in oklab,black 50%,transparent) inset,0 5px color-mix(in oklab,var(--foreground) 3%,var(--background)),0 6px 0 var(--border),0 14px 24px -6px color-mix(in oklab,black 55%,transparent),0 0 calc(var(--beat, 0) * 40px) color-mix(in oklab,var(--glow) calc(var(--beat, 0) * 70%),transparent)}.key.down.svelte-1u44646{transform:translateY(5px);box-shadow:0 1px color-mix(in oklab,white 8%,transparent) inset,0 0 color-mix(in oklab,var(--foreground) 3%,var(--background)),0 1px 0 var(--border),0 4px 10px -4px color-mix(in oklab,black 55%,transparent),0 0 30px color-mix(in oklab,var(--glow) 45%,transparent)}.key.down.svelte-1u44646 .cap:where(.svelte-1u44646){color:var(--glow)}.headline.svelte-1uha8ag{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,6.6vw,4.25rem);line-height:1.02;letter-spacing:-.005em;text-shadow:0 2px 30px color-mix(in oklab,black 45%,transparent)}.window.svelte-1uha8ag{position:relative;border-radius:18px;background:var(--window);box-shadow:0 0 0 1px var(--border),0 1px color-mix(in oklab,white 7%,transparent) inset,0 30px 80px -20px color-mix(in oklab,black 70%,transparent),0 0 120px -30px color-mix(in oklab,var(--glow) 45%,transparent);overflow:hidden}.bar.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;height:2.5rem;padding-inline:.875rem;background:var(--window-bar);border-bottom:1px solid var(--border)}.dots.svelte-1uha8ag{display:flex;gap:6px;width:3rem}.dots.svelte-1uha8ag i:where(.svelte-1uha8ag){width:10px;height:10px;border-radius:50%;background:color-mix(in oklab,var(--foreground) 16%,transparent)}.title.svelte-1uha8ag{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--muted-foreground)}.panes.svelte-1uha8ag{display:grid}.panes.svelte-1uha8ag>section+section{border-top:1px solid var(--border)}@media(min-width:1024px){.panes.svelte-1uha8ag{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.panes.svelte-1uha8ag>section+section{border-top:0;border-left:1px solid var(--border)}}.actions.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:.375rem .5rem .375rem 1rem;border-top:1px solid var(--border);background:var(--window-bar);font-size:.8125rem}.logo-sm.svelte-1uha8ag{width:14px;height:14px;border-radius:4px;background:var(--glow)}.act.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding-inline:.75rem;border-radius:8px;font-weight:500;color:var(--foreground);transition:background .15s}.act.svelte-1uha8ag:hover:not(:disabled){background:color-mix(in oklab,var(--foreground) 7%,transparent)}.act.svelte-1uha8ag:disabled{color:var(--muted-foreground);opacity:.6}.act.svelte-1uha8ag kbd:where(.svelte-1uha8ag){display:inline-grid;place-items:center;min-width:1.5rem;height:1.375rem;padding-inline:.3rem;border-radius:5px;background:color-mix(in oklab,var(--foreground) 9%,transparent);font:500 11px var(--font-mono);color:var(--muted-foreground)}.act.primary.svelte-1uha8ag:not(:disabled){color:var(--foreground)}.sep.svelte-1uha8ag{width:1px;height:1.25rem;background:var(--border)}.caption.svelte-1uha8ag{max-width:34ch;font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.3;letter-spacing:-.02em;color:var(--muted-foreground);text-wrap:balance}.caption.svelte-1uha8ag b:where(.svelte-1uha8ag){font-family:var(--font-display);font-weight:600;letter-spacing:-.005em;color:var(--foreground)}.tile.svelte-1uha8ag{padding:1.5rem;border-radius:16px;background:linear-gradient(to bottom,color-mix(in oklab,var(--foreground) 4%,transparent),color-mix(in oklab,var(--foreground) 1.5%,transparent));box-shadow:0 0 0 1px var(--border),0 1px color-mix(in oklab,white 5%,transparent) inset}.ad-row.svelte-1uha8ag{margin-top:3rem}.ad-row.svelte-1uha8ag:first-child{margin-top:2rem}.below.svelte-1uha8ag{display:grid}.rail.svelte-1uha8ag{display:none}@media(min-width:1480px){.below.svelte-1uha8ag{max-width:calc(74rem + 300px);grid-template-columns:minmax(0,1fr) 300px;gap:2rem}.rail.svelte-1uha8ag{display:block}.rail.svelte-1uha8ag .ad{position:sticky;top:5.5rem;margin-top:2rem}}