feat: add smooth easing animations for tooltips

.gitignore

@@ -69,3 +69,6 @@ node-compile-cache/
 
 # package manager lock files
 # pnpm-lock.yaml
+
+# private skills (local only)
+.claude/skills/motion-design-prompt/

src/app/globals.css

@@ -136,3 +136,12 @@
 @utility accordion-up {
   animation: accordion-up 0.2s ease-out;
 }
+
+/* Tooltip用の滑らかなイージング */
+/* en: Smooth easing for tooltip animations */
+@utility tooltip-ease-in {
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility tooltip-ease-out {
+  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}

src/components/ui/tooltip/index.tsx

@@ -99,10 +99,12 @@ function TooltipContent({
         side={side}
         sideOffset={sideOffset}
         className={cn(
-          "bg-neutral-900 shadow-float animate-in fade-in-0 zoom-in-95",
-          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-          "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          "bg-neutral-900 shadow-float animate-in fade-in-0 zoom-in-90 duration-250 tooltip-ease-in",
+          "data-[side=top]:slide-in-from-bottom-4 data-[side=bottom]:slide-in-from-top-4",
+          "data-[side=left]:slide-in-from-right-4 data-[side=right]:slide-in-from-left-4",
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-90 data-[state=closed]:duration-200 data-[state=closed]:tooltip-ease-out",
+          "data-[state=closed]:data-[side=top]:slide-out-to-bottom-4 data-[state=closed]:data-[side=bottom]:slide-out-to-top-4",
+          "data-[state=closed]:data-[side=left]:slide-out-to-right-4 data-[state=closed]:data-[side=right]:slide-out-to-left-4",
           "z-50 w-fit origin-[--radix-tooltip-content-transform-origin] rounded-notice",
           "px-2 py-1 character-2-regular-pro text-white",
           className