TrackGeek · Kuriel23 · Jul 12, 2026 · Jul 11, 2026 · Jul 12, 2026 · Jul 12, 2026
diff --git a/bun.lock b/bun.lock
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Noto+Color+Emoji&display=swap" />
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/components/pages/details/details-page-layout.tsx b/src/components/pages/details/details-page-layout.tsx
@@ -8,8 +8,8 @@ interface DetailsPageLayoutProps {
 
 export function DetailsPageLayout({ sidebar, children }: DetailsPageLayoutProps) {
   return (
-    <div className="flex flex-col lg:flex-row gap-8">
-      <div className="lg:w-1/3">
+    <div className="flex flex-col lg:flex-row gap-8 mb-4 items-start">
+      <div className="lg:w-1/3 lg:sticky lg:top-4">
         <Card>
           <CardContent className="flex flex-col gap-4">{sidebar}</CardContent>
         </Card>

diff --git a/src/components/pages/feed/activity-item.tsx b/src/components/pages/feed/activity-item.tsx
@@ -114,13 +114,18 @@ export function ActivityItem({ profile, item, onReact, isReacting = false }: fee
                         onClick={() => onReact?.(emoji, currentReaction)}
                         disabled={isReacting || !currentUserId}
                         aria-pressed={active}
-                        className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-sm transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed ${
+                        className={`inline-flex items-center gap-1 rounded-full border px-2 py-1 text-sm transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed ${
                           active
                             ? "border-primary bg-primary/10 text-primary"
                             : "border-border/50 hover:border-primary/50 hover:bg-muted"
                         }`}
                       >
-                        <span className="leading-none">{emoji}</span>
+                        <span
+                          className="text-base leading-none"
+                          style={{ fontFamily: "'Noto Color Emoji', sans-serif" }}
+                        >
+                          {emoji}
+                        </span>
                         {count > 0 && <span className="text-xs text-muted-foreground">{count}</span>}
                       </button>
                     );

diff --git a/src/components/ui/image-zoom.tsx b/src/components/ui/image-zoom.tsx
@@ -30,11 +30,11 @@ export const ImageZoom = ({ className, backdropClassName, ...props }: ImageZoomP
       classDialog={cn(
         "[&::backdrop]:hidden",
         "[&[open]]:fixed [&[open]]:m-0 [&[open]]:h-dvh [&[open]]:max-h-none [&[open]]:w-dvw [&[open]]:max-w-none [&[open]]:overflow-hidden [&[open]]:border-0 [&[open]]:bg-transparent [&[open]]:p-0",
-        "[&_[data-rmiz-modal-overlay]]:absolute [&_[data-rmiz-modal-overlay]]:inset-0 [&_[data-rmiz-modal-overlay]]:transition-all",
+        "[&_[data-rmiz-modal-overlay]]:absolute [&_[data-rmiz-modal-overlay]]:inset-0 [&_[data-rmiz-modal-overlay]]:transition-all [&_[data-rmiz-modal-overlay]]:duration-300 [&_[data-rmiz-modal-overlay]]:ease-out",
         '[&_[data-rmiz-modal-overlay="hidden"]]:bg-transparent',
         '**:data-[rmiz-modal-overlay="visible"]:bg-transparent! [&_[data-rmiz-modal-overlay="visible"]]:backdrop-blur-md',
         "[&_[data-rmiz-modal-content]]:relative [&_[data-rmiz-modal-content]]:size-full",
-        "[&_[data-rmiz-modal-img]]:absolute [&_[data-rmiz-modal-img]]:origin-top-left [&_[data-rmiz-modal-img]]:cursor-zoom-out [&_[data-rmiz-modal-img]]:transition-transform",
+        "[&_[data-rmiz-modal-img]]:absolute [&_[data-rmiz-modal-img]]:origin-top-left [&_[data-rmiz-modal-img]]:cursor-zoom-out [&_[data-rmiz-modal-img]]:transition-transform [&_[data-rmiz-modal-img]]:duration-300 [&_[data-rmiz-modal-img]]:ease-out",
         "motion-reduce:[&_[data-rmiz-modal-img]]:transition-none motion-reduce:[&_[data-rmiz-modal-overlay]]:transition-none",
         backdropClassName,
       )}

diff --git a/src/routes/anime/$slug.tsx b/src/routes/anime/$slug.tsx
diff --git a/src/routes/book/$slug.tsx b/src/routes/book/$slug.tsx
diff --git a/src/routes/game/$slug.tsx b/src/routes/game/$slug.tsx
diff --git a/src/routes/manga/$slug.tsx b/src/routes/manga/$slug.tsx
diff --git a/src/routes/movie/$slug.tsx b/src/routes/movie/$slug.tsx
diff --git a/src/routes/tv/$slug.tsx b/src/routes/tv/$slug.tsx