From 33fd31d246cf3a35806805b6a306f5fa44f9892a Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Thu, 9 Apr 2026 11:37:37 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20wave=20animation=20=E2=80=94=20fade=20in?=
 =?UTF-8?q?,=20swing=20clockwise/counter,=20fade=20out?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/04-interactive/_chat.css | 39 ++++++++++++-----------------
 1 file changed, 16 insertions(+), 23 deletions(-)

diff --git a/static/css/04-interactive/_chat.css b/static/css/04-interactive/_chat.css
index 686d7dd..8820b5c 100644
--- a/static/css/04-interactive/_chat.css
+++ b/static/css/04-interactive/_chat.css
@@ -48,34 +48,27 @@
     top: -8px;
     right: -8px;
     font-size: 0.85rem;
-    animation: chatWaveHello 6s ease-in-out 3s forwards;
+    animation: chatWaveHello 3s ease-in-out 3s forwards;
     opacity: 0;
     pointer-events: none;
 }
 
 @keyframes chatWaveHello {
-    0%       { opacity: 0; transform: scale(0.5) rotate(0deg); }
-    5%       { opacity: 1; transform: scale(1) rotate(0deg); }
-    8%       { transform: scale(1) rotate(15deg); }
-    11%      { transform: scale(1) rotate(-10deg); }
-    14%      { transform: scale(1) rotate(15deg); }
-    17%      { transform: scale(1) rotate(0deg); }
-    25%      { opacity: 0; transform: scale(0.5); }
-    35%      { opacity: 0; transform: scale(0.5) rotate(0deg); }
-    40%      { opacity: 1; transform: scale(1) rotate(0deg); }
-    43%      { transform: scale(1) rotate(15deg); }
-    46%      { transform: scale(1) rotate(-10deg); }
-    49%      { transform: scale(1) rotate(15deg); }
-    52%      { transform: scale(1) rotate(0deg); }
-    60%      { opacity: 0; transform: scale(0.5); }
-    70%      { opacity: 0; transform: scale(0.5) rotate(0deg); }
-    75%      { opacity: 1; transform: scale(1) rotate(0deg); }
-    78%      { transform: scale(1) rotate(15deg); }
-    81%      { transform: scale(1) rotate(-10deg); }
-    84%      { transform: scale(1) rotate(15deg); }
-    87%      { transform: scale(1) rotate(0deg); }
-    95%      { opacity: 0; transform: scale(0.5); }
-    100%     { opacity: 0; }
+    /* Fade in */
+    0%   { opacity: 0; transform: rotate(0deg); }
+    8%   { opacity: 1; transform: rotate(0deg); }
+    /* Wave: clockwise → counter-clockwise, 3 swings */
+    14%  { transform: rotate(20deg); }
+    20%  { transform: rotate(-15deg); }
+    26%  { transform: rotate(18deg); }
+    32%  { transform: rotate(-12deg); }
+    38%  { transform: rotate(15deg); }
+    44%  { transform: rotate(-8deg); }
+    50%  { transform: rotate(0deg); }
+    /* Hold still briefly */
+    65%  { opacity: 1; transform: rotate(0deg); }
+    /* Fade out */
+    100% { opacity: 0; transform: rotate(0deg); }
 }
 
 /* Hide wave when chat is open */