.pad.svelte-tb5z9k{border-radius:var(--radius);background:var(--c);touch-action:none;place-items:center;min-width:0;min-height:0;transition:transform 80ms ease-out,filter 80ms ease-out;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000047,inset 0 -3px #00000029;container-type:size}.down.svelte-tb5z9k{filter:brightness(1.2);transform:scale(.97)}span.svelte-tb5z9k{letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px #0006;font-size:clamp(13px,min(11cqi,32cqb),46px);font-weight:700;position:relative}.glow.svelte-tb5z9k,.bar.svelte-tb5z9k{animation-duration:var(--d);animation-delay:var(--w);animation-fill-mode:forwards;position:absolute}.glow.svelte-tb5z9k{opacity:0;background:color-mix(in srgb, var(--c), #fff 32%);animation-name:svelte-tb5z9k-glow;animation-timing-function:cubic-bezier(.2,0,.6,1);inset:0}.bar.svelte-tb5z9k{transform-origin:0;background:#fffc;height:3px;animation-name:svelte-tb5z9k-bar;animation-timing-function:linear;bottom:0;left:0;right:0;transform:scaleX(0)}@keyframes svelte-tb5z9k-glow{0%{opacity:1}to{opacity:0}}@keyframes svelte-tb5z9k-bar{0%{opacity:1;transform:scaleX(0)}95%{opacity:1}to{opacity:0;transform:scaleX(1)}}kbd.svelte-tb5z9k{opacity:.45;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:absolute;top:7px;left:9px}@media (hover:hover) and (pointer:fine){kbd.svelte-tb5z9k{display:block}}header.svelte-4sxny0{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.loops.svelte-4sxny0{gap:8px;display:flex}.loop.svelte-4sxny0{color:#ffffff9e;letter-spacing:.12em;text-transform:uppercase;touch-action:none;background:#ffffff12;border-radius:17px;align-items:center;gap:8px;height:34px;padding:0 16px;font-size:12px;font-weight:700;transition:background .12s,color .12s,opacity .2s;display:flex;position:relative;overflow:hidden}.loop.svelte-4sxny0:before{content:"";transform:scaleX(var(--p));transform-origin:0;background:#ffffff29;position:absolute;inset:0}.loop.svelte-4sxny0 span:where(.svelte-4sxny0),.loop.svelte-4sxny0 kbd:where(.svelte-4sxny0){position:relative}.loop.on.svelte-4sxny0{color:#fff;background:#ffffff1f}.loop.queued.svelte-4sxny0{color:#fff;animation:svelte-4sxny0-blink var(--beat) steps(2, jump-none) infinite}.loop.svelte-4sxny0:disabled{opacity:.3;cursor:default}@keyframes svelte-4sxny0-blink{to{background:#fff3}}kbd.svelte-4sxny0{letter-spacing:0;opacity:.5;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:none}@media (hover:hover) and (pointer:fine){kbd.svelte-4sxny0{display:block}}.note.svelte-4sxny0{color:#ffffffb3;font-size:12px}button.note.svelte-4sxny0{text-underline-offset:3px;text-decoration:underline}.beats.svelte-4sxny0{gap:7px;padding-right:4px;display:flex}.beats.svelte-4sxny0 i:where(.svelte-4sxny0){background:#ffffff24;border-radius:50%;width:7px;height:7px;transition:background 60ms}.beats.svelte-4sxny0 i.on:where(.svelte-4sxny0){background:#fff}.beats.svelte-4sxny0 i.on:where(.svelte-4sxny0):first-child{background:#e2382b}main.svelte-1n46o8q{max-width:1400px;height:100%;padding:env(safe-area-inset-top) max(var(--gap), env(safe-area-inset-right)) max(var(--gap), env(safe-area-inset-bottom)) max(var(--gap), env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);margin:0 auto;display:grid}.grid.svelte-1n46o8q{gap:var(--gap);touch-action:none;opacity:.3;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));transition:opacity .4s;display:grid}.ready.svelte-1n46o8q .grid:where(.svelte-1n46o8q){opacity:1}@media (min-aspect-ratio:4/5){.grid.svelte-1n46o8q{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--bg:#0d0303;--line:#ffffff14;--gap:clamp(6px, 1.4vmin, 14px);--radius:5px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);color:#fff;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;position:fixed;inset:0}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:focus:not(:focus-visible){outline:none}:focus-visible{outline-offset:2px;outline:2px solid #fff}