0.5.4: scrub head tapers into the playhead needle

Pentagon clip-path on the scrub handle head (flat top, straight sides
down to 55% height, triangle point at the bottom center) so the head
visually funnels into the 1px playhead needle below. box-shadow
replaced with a drop-shadow filter that respects the clip-path.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "animatr",
   "private": true,
-  "version": "0.5.3",
+  "version": "0.5.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Timeline.vue

@@ -2186,12 +2186,12 @@ onBeforeUnmount(() => {
 }
 
 .scrub-handle-head {
-  width: 12px;
-  height: 14px;
+  width: 14px;
+  height: 18px;
   background: var(--accent);
-  border-radius: 2px;
   margin-top: 2px;
-  box-shadow: 0 0 0 1px var(--panel), 0 2px 6px rgba(0, 0, 0, 0.4);
+  clip-path: polygon(0 0, 100% 0, 100% 55%, 50% 100%, 0 55%);
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
 }
 
 .scrub-handle-line {

src/version.ts

@@ -1,2 +1,2 @@
-export const APP_VERSION = '0.5.3'
+export const APP_VERSION = '0.5.4'
 export const APP_NAME = 'RUWIO'