.track.svelte-1mqao6z{position:relative;width:100%;height:64px;border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.track.svelte-1mqao6z:focus-visible{outline:2px solid var(--color-sunset);outline-offset:2px}.rail.svelte-1mqao6z{position:absolute;left:8px;right:8px;top:50%;height:6px;transform:translateY(-50%);border-radius:999px;background:#060c3929}.bead.svelte-1mqao6z{position:absolute;left:0;top:50%;margin-top:-17px;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 -3px 6px #060c3938,inset 0 3px 6px #ffffff80,0 2px 3px #060c392e}.track.animating.svelte-1mqao6z .bead:where(.svelte-1mqao6z){will-change:transform}.track.svelte-1mqao6z:focus-visible .bead.is-active:where(.svelte-1mqao6z){box-shadow:inset 0 -3px 6px #060c3938,inset 0 3px 6px #ffffff80,0 2px 3px #060c392e,0 0 0 3px #f36a3773}.pop-grid.svelte-gaqlpt{display:grid;gap:8px;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.cell.svelte-gaqlpt{aspect-ratio:1;border:none;padding:0;border-radius:36%;background:var(--cell-color);cursor:pointer;box-shadow:inset 0 -4px 8px #060c391a,inset 0 4px 8px #ffffffb3,inset 0 0 0 1px #060c390d,0 1px 2px #060c3914;transition:transform .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out}.cell.popped.svelte-gaqlpt{transform:scale(.9);opacity:.62;box-shadow:inset 0 4px 9px #060c3933,inset 0 -2px 3px #ffffff59;transition-duration:.14s;cursor:default}.cell.svelte-gaqlpt:focus-visible{outline:2px solid var(--color-sunset);outline-offset:2px}@media (prefers-reduced-motion: reduce){.cell.svelte-gaqlpt,.cell.popped.svelte-gaqlpt{transition:none;transition-duration:0s}.cell.popped.svelte-gaqlpt{transform:none}}html.motion-reduced .cell.svelte-gaqlpt,html.motion-reduced .cell.popped.svelte-gaqlpt{transition:none;transition-duration:0s}html.motion-reduced .cell.popped.svelte-gaqlpt{transform:none}.smoosh.svelte-1n2br1r{width:100%}.pad.svelte-1n2br1r{position:relative;width:100%;border-radius:16px;background:var(--color-canvas-deep);overflow:hidden}canvas.svelte-1n2br1r{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:pointer}.smooth.svelte-1n2br1r{margin-top:8px;border:1px solid rgba(6,12,57,.12);background:transparent;color:var(--color-ink-muted);font-family:var(--font-body);font-size:.75rem;font-weight:600;border-radius:999px;padding:.35rem .8rem;cursor:pointer}.smooth.svelte-1n2br1r:hover{background:#060c390d;color:var(--color-ink)}.smooth.svelte-1n2br1r:focus-visible{outline:2px solid var(--color-sunset);outline-offset:2px}.controls.svelte-1dzg1m6{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.tabs.svelte-1dzg1m6{display:flex;border:1px solid rgba(6,12,57,.1);border-radius:999px;overflow:hidden;background:#fff}.tab.svelte-1dzg1m6{border:none;background:transparent;padding:.4rem .85rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--color-ink);cursor:pointer}.tab.svelte-1dzg1m6:hover{background:#060c390d}.tab.is-on.svelte-1dzg1m6{background:var(--color-ink);color:var(--color-canvas)}.tab.svelte-1dzg1m6:focus-visible,.sound.svelte-1dzg1m6:focus-visible{outline:2px solid var(--color-sunset);outline-offset:-2px}.sound.svelte-1dzg1m6{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(6,12,57,.1);border-radius:999px;background:#fff;padding:.4rem .75rem;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-ink-muted);cursor:pointer}.sound.svelte-1dzg1m6:hover{background:#060c390d}.sound.is-on.svelte-1dzg1m6{color:var(--color-ink);border-color:var(--color-sunset)}.stage.svelte-1dzg1m6{display:flex;align-items:center}