.pendulum-container.svelte-6t0vml{width:180px;height:180px;position:relative}.pendulum-arm.svelte-6t0vml{position:absolute;bottom:50%;left:50%;width:3px;height:75px;background:linear-gradient(to top,var(--color-accent),color-mix(in srgb,var(--color-accent) 60%,white));transform-origin:bottom center;border-radius:2px;margin-left:-1.5px;transition:transform .12s ease-out}.pendulum-weight.svelte-6t0vml{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--color-accent) 40%,transparent)}.pendulum-pivot.svelte-6t0vml{position:absolute;bottom:calc(50% - 5px);left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--color-fg);border-radius:50%}.pendulum-arc.svelte-6t0vml{position:absolute;bottom:50%;left:50%;transform:translate(-50%);width:160px;height:80px;border:2px dashed var(--color-border);border-bottom:none;border-radius:80px 80px 0 0;opacity:.5}.beat-dot.svelte-6t0vml{width:12px;height:12px;border-radius:50%;background:var(--color-border);transition:all .12s ease}.beat-dot.active.svelte-6t0vml{background:var(--color-accent);box-shadow:0 0 16px color-mix(in srgb,var(--color-accent) 40%,transparent);transform:scale(1.4)}.beat-dot.accent.svelte-6t0vml{background:color-mix(in srgb,var(--color-fg) 85%,var(--color-border))}.beat-dot.accent.active.svelte-6t0vml{background:color-mix(in srgb,var(--color-accent) 85%,white);box-shadow:0 0 20px color-mix(in srgb,var(--color-accent) 50%,transparent);transform:scale(1.5)}.knob-ring.svelte-6t0vml{touch-action:none;user-select:none}.large-knob.svelte-6t0vml{background:conic-gradient(from 225deg,var(--color-accent) 0deg,var(--color-accent) var(--knob-sweep),var(--color-border) var(--knob-sweep),var(--color-border) 270deg,transparent 270deg);box-shadow:inset 0 2px 6px #0000002e,0 2px 8px #0000001f;padding:4px}.knob-face-large.svelte-6t0vml{position:absolute;inset:6px;border-radius:9999px;background:linear-gradient(145deg,var(--color-surface-2),var(--color-surface));box-shadow:inset 0 1px 3px #0000001f}.knob-indicator-large.svelte-6t0vml{position:absolute;top:10px;left:50%;width:3px;height:20px;border-radius:9999px;background:var(--color-accent);box-shadow:0 1px 3px #0003;transform:translate(-50%)}.knob-inner.svelte-6t0vml{z-index:1}