diff --git a/public/style.css b/public/style.css
index 574d413..83fa39f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1170,3 +1170,10 @@ body.vfullwin:has(.vstage.vhide) .vstage.vfull { bottom: 0; } body.vfullwin:has(
 
 .seg.segphone { display: none; }
 @media (max-width: 640px) { .seg.segwide { display: none; } .seg.segphone { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .seg.segphone a { padding: 0 2px; justify-content: center; font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; } }
+
+/* the bottom bars (music and video): a playhead you can see and grab, at the end of the played part */
+.mini .bar2 { overflow: visible; }
+.mini .bar2 i::after { content: ''; position: absolute; right: -8px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 1px 4px rgba(0, 0, 0, .5); transition: transform .12s; pointer-events: none; }
+.mini .bar2:active i::after { transform: scale(1.35); }
+.mini .bar2::before { top: -14px; bottom: -12px; }
+.mini .bar2[hidden] i::after { display: none; }