From f744e9b90bf27782f22fb698d2fe11e8f51a60fe Mon Sep 17 00:00:00 2001
From: Jarian Cottingham <cottinghamja@gmail.com>
Date: Sat, 21 Feb 2026 15:37:28 -0600
Subject: [PATCH] Update floating circle animation to move completely out of
 sight when no tagged items

---
 index.html  | 1 +
 renderer.js | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1d2e903..91db746 100644
--- a/index.html
+++ b/index.html
@@ -320,6 +320,7 @@
             box-shadow: 0 2px 10px rgba(0,0,0,0.2);
             z-index: 1000;
             transition: all 0.3s ease;
+            transform: translateY(0);
         }
         
         .floating-circle:hover {
diff --git a/renderer.js b/renderer.js
index dcc855c..48c5814 100644
--- a/renderer.js
+++ b/renderer.js
@@ -298,9 +298,9 @@ function updateTaggedCount() {
   // Animate the circle position based on count
   if (taggedCircle) {
     if (count === 0) {
-      // Drop to bottom
-      taggedCircle.style.transform = 'translateY(0)';
-      taggedCircle.style.bottom = '20px';
+      // Move down out of sight
+      taggedCircle.style.transform = 'translateY(100px)';
+      taggedCircle.style.bottom = '-100px';
     } else {
       // Move up to show count
       taggedCircle.style.transform = 'translateY(-30px)';