diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index c66c77f..e989a46 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,9 +1,9 @@
 @import "tailwindcss";
-@plugin "daisyui";
 @plugin "@tailwindcss/typography";
 
 @layer theme, base, components, utilities;
 @import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/preflight.css" layer(base);
 @import "tailwindcss/utilities.css" layer(utilities);
 
 @layer base {
diff --git a/app/assets/images/cloudy-lamb-rewind.png b/app/assets/images/cloudy-lamb-rewind.png
new file mode 100644
index 0000000..3a5a596
Binary files /dev/null and b/app/assets/images/cloudy-lamb-rewind.png differ
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 88ad5b4..f10c49a 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="flex flex-col min-h-screen">
     <header
-      class="navbar bg-transparent shadow-lg fixed top-0 left-0 right-0 backdrop-blur-2xl z-1000 h-[64px]"
+      class="navbar bg-transparent shadow-lg fixed top-0 left-0 right-0 backdrop-blur-2xl z-1000 h-16"
     >
-      <div class="container mx-auto flex items-center justify-between px-5">
+      <div class="container mx-auto flex items-center justify-between px-12">
         <div class="flex gap-2">
-          <div class="flex items-center justify-center w-[40px]">
+          <div class="flex items-center justify-center w-10">
             <img :src="IconLight" alt="The Solar Network" class="fit-cover" />
           </div>
 
@@ -31,7 +31,7 @@
       </div>
     </header>
 
-    <main class="grow mt-[64px]">
+    <main class="grow mt-16">
       <slot />
     </main>
   </div>
@@ -64,6 +64,7 @@ const activeKey = computed(() => {
   return null
 })
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function renderIcon(icon: any) {
   return () => h(NIcon, null, { default: () => h(icon) })
 }
@@ -109,3 +110,11 @@ function handleDropdownSelect(key: string) {
   router.push(key)
 }
 </script>
+
+<style scoped>
+.navbar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index b22af5b..4e4ae06 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -84,14 +84,19 @@ useHead({
   ]
 })
 
-defineOgImage({
-  // @ts-ignore
-  title: "Explore",
-  description: "The open social network. Friendly to everyone."
-})
-
 const userStore = useUserStore()
 
+// Define OG Image during SSR phase
+if (import.meta.server) {
+  defineOgImage({
+    component: 'NuxtSeo',
+    props: {
+      title: "Explore",
+      description: "The open social network. Friendly to everyone."
+    }
+  })
+}
+
 const version = ref<SnVersion | null>(null)
 async function fetchVersion() {
   const api = useSolarNetwork()
diff --git a/app/pages/posts/[...slug].vue b/app/pages/posts/[...slug].vue
index ceb1a42..4d45681 100644
--- a/app/pages/posts/[...slug].vue
+++ b/app/pages/posts/[...slug].vue
@@ -228,7 +228,17 @@ const userBackground = computed(() => {
     : undefined
 })
 
-// defineOgImage block removed due to type incompatibility
+defineOgImage({
+  component: "ImageCard",
+  // @ts-ignore
+  title: computed(() => post.value?.title || "Post"),
+  description: computed(
+    () =>
+      post.value?.description || post.value?.content?.substring(0, 150) || ""
+  ),
+  avatarUrl: computed(() => userPicture.value),
+  backgroundImage: computed(() => userBackground.value)
+})
 
 function formatDate(dateString: string): string {
   return new Date(dateString).toLocaleDateString("en-US", {
diff --git a/app/pages/rewind/me.vue b/app/pages/rewind/me.vue
new file mode 100644
index 0000000..38834ea
--- /dev/null
+++ b/app/pages/rewind/me.vue
@@ -0,0 +1,568 @@
+<template>
+  <div class="py-6 px-5 min-h-screen">
+    <!-- Loading State -->
+    <div v-if="pending" class="text-center py-12 h-layout flex flex-col justify-center">
+      <n-spin size="large" />
+      <p class="mt-4 text-lg">Loading your rewind data...</p>
+    </div>
+
+    <!-- Error State -->
+    <div v-else-if="error" class="text-center py-12 h-layout flex flex-col justify-center">
+      <n-alert
+        type="error"
+        title="Error Loading Rewind"
+        class="mb-4"
+        :closable="false"
+      >
+        {{
+          error instanceof Error ? error.message : "Failed to load rewind data"
+        }}
+      </n-alert>
+      <n-button @click="fetchRewindData">Try Again</n-button>
+    </div>
+
+    <!-- Main Content -->
+    <div v-else-if="rewindData" class="max-w-6xl mx-auto">
+      <!-- Header Section -->
+      <div class="text-center mb-8 h-layout flex flex-col justify-center">
+        <img :src="CloudyRewind" class="w-36 h-36 mx-auto" />
+        <h1 class="text-4xl font-bold mb-1">
+          Solar Network Rewind
+        </h1>
+        <p class="text-lg opacity-80 mb-3">
+          Reliving your {{ rewindData.year }} on the Solar Network
+        </p>
+        <p class="text-sm opacity-60">Cooming soon!</p>
+      </div>
+
+      <!-- Scroll-based Sections -->
+      <div class="space-y-0">
+        <!-- Section 1: Pass Data -->
+        <div 
+          ref="section1"
+          class="scroll-section min-h-screen flex items-center justify-center"
+          :class="{ 'animate-in': inView1 }"
+        >
+          <n-card class="w-full max-w-4xl bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm shadow-lg">
+            <template #header>
+              <div class="flex items-center gap-3">
+                <n-icon size="28" :component="ShieldIcon" class="text-blue-600" />
+                <h2 class="text-2xl font-bold">Pass Achievements</h2>
+              </div>
+            </template>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div class="text-center p-6 bg-blue-50 dark:bg-blue-900/20 rounded-xl">
+                <div class="text-4xl font-bold mb-2">
+                  {{ rewindData.data.pass.maxCheckInStrike }}
+                </div>
+                <div class="text-sm opacity-80">
+                  Longest Check-in Streak
+                </div>
+              </div>
+            </div>
+          </n-card>
+        </div>
+
+        <!-- Section 2: Sphere Overview -->
+        <div 
+          ref="section2"
+          class="scroll-section min-h-screen flex items-center justify-center"
+          :class="{ 'animate-in': inView2 }"
+        >
+          <n-card class="w-full max-w-4xl bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm shadow-lg">
+            <template #header>
+              <div class="flex items-center gap-3">
+                <n-icon size="28" :component="GlobeIcon" class="text-green-600" />
+                <h2 class="text-2xl font-bold">Sphere Activity</h2>
+              </div>
+            </template>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+              <div class="text-center p-6 bg-green-50 dark:bg-green-900/20 rounded-xl">
+                <div class="text-4xl font-bold mb-2">
+                  {{ rewindData.data.sphere.totalCount }}
+                </div>
+                <div class="text-sm opacity-80">
+                  Total Posts
+                </div>
+              </div>
+              <div class="text-center p-6 bg-purple-50 dark:bg-purple-900/20 rounded-xl">
+                <div class="text-4xl font-bold mb-2">
+                  {{ rewindData.data.sphere.upvoteCounts }}
+                </div>
+                <div class="text-sm opacity-80">
+                  Upvotes Received
+                </div>
+              </div>
+              <div class="text-center p-6 bg-orange-50 dark:bg-orange-900/20 rounded-xl">
+                <div class="text-4xl font-bold mb-2">
+                  {{ rewindData.data.sphere.mostProductiveDay.postCount }}
+                </div>
+                <div class="text-sm opacity-80">
+                  Posts on Best Day
+                </div>
+                <div class="text-xs opacity-60 mt-1">
+                  {{ formatDate(rewindData.data.sphere.mostProductiveDay.date) }}
+                </div>
+              </div>
+            </div>
+          </n-card>
+        </div>
+
+        <!-- Section 3: Most Called Chat -->
+        <div 
+          ref="section3"
+          class="scroll-section min-h-screen flex items-center justify-center"
+          :class="{ 'animate-in': inView3 }"
+        >
+          <n-card class="w-full max-w-4xl bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm shadow-lg">
+            <template #header>
+              <div class="flex items-center gap-3">
+                <n-icon size="28" :component="MessageCircleIcon" class="text-indigo-600" />
+                <h2 class="text-2xl font-bold">Favorite Chat Room</h2>
+              </div>
+            </template>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+              <div class="p-6 bg-indigo-50 dark:bg-indigo-900/20 rounded-xl">
+                <div class="flex items-center gap-4 mb-4">
+                  <n-avatar
+                    round
+                    :size="48"
+                    :src="getChatAvatar(rewindData.data.sphere.mostCalledChat)"
+                  />
+                  <div>
+                  <h3 class="text-xl font-semibold">
+                    {{ rewindData.data.sphere.mostCalledChat.name }}
+                  </h3>
+                  <p class="text-sm opacity-80">
+                    Most visited chat room
+                  </p>
+                  </div>
+                </div>
+                <p class="text-slate-700 dark:text-slate-300">
+                  {{ rewindData.data.sphere.mostCalledChat.description }}
+                </p>
+              </div>
+              <div class="p-6 bg-cyan-50 dark:bg-cyan-900/20 rounded-xl">
+                <div class="text-center">
+                  <div class="text-3xl font-bold mb-2">
+                    Most Popular Post
+                  </div>
+                  <div class="text-lg font-medium">
+                    {{ rewindData.data.sphere.mostPopularPost.title }}
+                  </div>
+                  <div class="text-sm opacity-80 mt-2">
+                    {{ rewindData.data.sphere.mostPopularPost.upvotes }} upvotes •
+                    {{ rewindData.data.sphere.mostPopularPost.viewsTotal }} views
+                  </div>
+                </div>
+              </div>
+            </div>
+          </n-card>
+        </div>
+
+        <!-- Section 4: Most Called Accounts -->
+        <div 
+          ref="section4"
+          class="scroll-section min-h-screen flex items-center justify-center"
+          :class="{ 'animate-in': inView4 }"
+        >
+          <n-card class="w-full max-w-4xl bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm shadow-lg">
+            <template #header>
+              <div class="flex items-center gap-3">
+                <n-icon size="28" :component="UsersIcon" class="text-teal-600" />
+                <h2 class="text-2xl font-bold">Top Connections</h2>
+              </div>
+            </template>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+              <div
+                v-for="(account, index) in rewindData.data.sphere.mostCalledAccounts"
+                :key="account.id"
+                class="p-6 bg-teal-50 dark:bg-teal-900/20 rounded-xl"
+              >
+                <div class="flex items-center gap-4">
+                  <n-avatar
+                    round
+                    :size="48"
+                    :src="getAccountAvatar(account)"
+                  />
+                  <div>
+                    <h3 class="text-lg font-semibold">{{ account.nick }}</h3>
+                    <p class="text-sm opacity-80">
+                      @{{ account.name }}
+                    </p>
+                    <p class="text-xs opacity-60 mt-1">
+                      Rank #{{ index + 1 }}
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </n-card>
+        </div>
+
+        <!-- Section 5: Most Loved Publisher -->
+        <div 
+          ref="section5"
+          class="scroll-section min-h-screen flex items-center justify-center"
+          :class="{ 'animate-in': inView5 }"
+        >
+          <n-card class="w-full max-w-4xl bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm shadow-lg">
+            <template #header>
+              <div class="flex items-center gap-3">
+                <n-icon size="28" :component="HeartIcon" class="text-pink-600" />
+                <h2 class="text-2xl font-bold">Most Loved Publisher</h2>
+              </div>
+            </template>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+              <div class="p-6 bg-pink-50 dark:bg-pink-900/20 rounded-xl">
+                <div class="flex items-center gap-4 mb-4">
+                  <n-avatar
+                    round
+                    :size="64"
+                    :src="getPublisherAvatar(rewindData.data.sphere.mostLovedPublisher)"
+                  />
+                  <div>
+                    <h3 class="text-2xl font-bold">
+                      {{ rewindData.data.sphere.mostLovedPublisher.publisher.nick }}
+                    </h3>
+                    <p class="text-sm opacity-80">
+                      @{{ rewindData.data.sphere.mostLovedPublisher.publisher.name }}
+                    </p>
+                    <div class="flex gap-2 mt-2">
+                      <n-tag type="primary" size="small">
+                        {{ rewindData.data.sphere.mostLovedPublisher.publisher.level }} Level
+                      </n-tag>
+                      <n-tag type="success" size="small">
+                        {{ rewindData.data.sphere.mostLovedPublisher.upvoteCounts }} Upvotes
+                      </n-tag>
+                    </div>
+                  </div>
+                </div>
+                <p class="text-slate-700 dark:text-slate-300">
+                  {{ rewindData.data.sphere.mostLovedPublisher.publisher.bio }}
+                </p>
+              </div>
+              <div class="p-6 bg-amber-50 dark:bg-amber-900/20 rounded-xl">
+                <div class="text-center">
+                  <div class="text-3xl font-bold mb-2">
+                    Most Messaged Chat
+                  </div>
+                  <div class="text-lg font-medium">
+                    {{ rewindData.data.sphere.mostMessagedChat.name || 'Direct Message' }}
+                  </div>
+                  <p class="text-sm opacity-80 mt-2">
+                    Your most active conversation
+                  </p>
+                </div>
+              </div>
+            </div>
+          </n-card>
+        </div>
+
+        <!-- Section 6: Summary -->
+        <div 
+          ref="section6"
+          class="scroll-section min-h-screen flex items-center justify-center"
+          :class="{ 'animate-in': inView6 }"
+        >
+          <n-card class="w-full max-w-4xl bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm shadow-lg">
+            <template #header>
+              <div class="flex items-center gap-3">
+                <n-icon size="28" :component="StarIcon" class="text-yellow-600" />
+                <h2 class="text-2xl font-bold">
+                  Your {{ rewindData.year }} Summary
+                </h2>
+              </div>
+            </template>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+              <div class="space-y-6">
+                <div class="p-6 bg-blue-50 dark:bg-blue-900/20 rounded-xl">
+                  <h3 class="text-xl font-bold mb-4">Your Journey</h3>
+                  <div class="space-y-3">
+                    <div class="flex justify-between items-center">
+                      <span class="opacity-80">Total Posts</span>
+                      <span class="font-bold">{{ rewindData.data.sphere.totalCount }}</span>
+                    </div>
+                    <div class="flex justify-between items-center">
+                      <span class="opacity-80">Upvotes Received</span>
+                      <span class="font-bold">{{ rewindData.data.sphere.upvoteCounts }}</span>
+                    </div>
+                    <div class="flex justify-between items-center">
+                      <span class="opacity-80">Longest Streak</span>
+                      <span class="font-bold">{{ rewindData.data.pass.maxCheckInStrike }} days</span>
+                    </div>
+                    <div class="flex justify-between items-center">
+                      <span class="opacity-80">Best Day</span>
+                      <span class="font-bold">{{ rewindData.data.sphere.mostProductiveDay.postCount }} posts</span>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="p-6 bg-pink-50 dark:bg-pink-900/20 rounded-xl">
+                  <h3 class="text-xl font-bold mb-4">Your Highlights</h3>
+                  <div class="space-y-2">
+                    <p class="text-sm">
+                      <span class="font-medium opacity-80">Favorite Chat:</span>
+                      {{ rewindData.data.sphere.mostCalledChat.name }}
+                    </p>
+                    <p class="text-sm">
+                      <span class="font-medium opacity-80">Top Connection:</span>
+                      {{ rewindData.data.sphere.mostCalledAccounts[0]?.nick }}
+                    </p>
+                    <p class="text-sm">
+                      <span class="font-medium opacity-80">Loved Publisher:</span>
+                      {{ rewindData.data.sphere.mostLovedPublisher.publisher.nick }}
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <div class="space-y-6">
+                <div class="p-6 bg-indigo-50 dark:bg-indigo-900/20 rounded-xl">
+                  <h3 class="text-xl font-bold mb-4">Share Your Year</h3>
+                  <p class="opacity-80 mb-4">
+                    Capture this moment and share your Solar Network journey with friends!
+                  </p>
+
+                  <div class="flex gap-3">
+                    <n-button type="primary" size="large" @click="downloadSummary">
+                      <template #icon>
+                        <n-icon :component="DownloadIcon" />
+                      </template>
+                      Download Summary
+                    </n-button>
+                    <n-button size="large" @click="shareOnSocial">
+                      <template #icon>
+                        <n-icon :component="ShareIcon" />
+                      </template>
+                      Share
+                    </n-button>
+                  </div>
+                </div>
+
+                <div class="p-6 bg-emerald-50 dark:bg-emerald-900/20 rounded-xl">
+                  <h3 class="text-xl font-bold mb-4">What's Next?</h3>
+                  <p class="opacity-80">
+                    Keep creating, connecting, and exploring. Your 2026 rewind will be even more amazing!
+                  </p>
+                </div>
+              </div>
+            </div>
+          </n-card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  GlobeIcon,
+  MessageCircleIcon,
+  UsersIcon,
+  HeartIcon,
+  StarIcon,
+  ShieldIcon,
+  DownloadIcon,
+  ShareIcon
+} from "lucide-vue-next"
+import { ref, onMounted, onUnmounted } from "vue"
+import { DateTime } from "luxon"
+import type {
+  SnRewind,
+  SnRewindMostCalledChat,
+  SnRewindMostCalledAccount,
+  SnRewindMostLovedPublisher
+} from "~/types/api"
+
+import CloudyRewind from "~/assets/images/cloudy-lamb-rewind.png";
+
+const api = useSolarNetwork()
+
+const pending = ref(true)
+const error = ref<unknown>(null)
+const rewindData = ref<SnRewind | null>(null)
+
+// Scroll animation refs
+const section1 = ref<HTMLElement>()
+const section2 = ref<HTMLElement>()
+const section3 = ref<HTMLElement>()
+const section4 = ref<HTMLElement>()
+const section5 = ref<HTMLElement>()
+const section6 = ref<HTMLElement>()
+
+// Intersection Observer state
+const inView1 = ref(false)
+const inView2 = ref(false)
+const inView3 = ref(false)
+const inView4 = ref(false)
+const inView5 = ref(false)
+const inView6 = ref(false)
+
+const observers: IntersectionObserver[] = []
+
+// Fetch rewind data
+const fetchRewindData = async () => {
+  pending.value = true
+  error.value = null
+  try {
+    const data = await api<SnRewind>("/pass/rewind/me")
+    rewindData.value = data
+  } catch (e) {
+    error.value = e
+  } finally {
+    pending.value = false
+  }
+}
+
+// Setup scroll animations
+const setupScrollAnimations = () => {
+  const options = {
+    threshold: 0.1,
+    rootMargin: '0px 0px -50px 0px'
+  }
+
+  const createObserver = (element: HTMLElement, inViewRef: { value: boolean }) => {
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        inViewRef.value = entry.isIntersecting
+      })
+    }, options)
+    
+    if (element) {
+      observer.observe(element)
+      observers.push(observer)
+    }
+  }
+
+  createObserver(section1.value!, inView1)
+  createObserver(section2.value!, inView2)
+  createObserver(section3.value!, inView3)
+  createObserver(section4.value!, inView4)
+  createObserver(section5.value!, inView5)
+  createObserver(section6.value!, inView6)
+}
+
+onMounted(() => {
+  fetchRewindData()
+  // Delay setup to ensure DOM is ready
+  setTimeout(setupScrollAnimations, 100)
+})
+
+onUnmounted(() => {
+  observers.forEach(observer => observer.disconnect())
+})
+
+// Helper methods
+const formatDate = (dateString: string): string => {
+  return DateTime.fromISO(dateString).toFormat("MMM dd, yyyy")
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const getChatAvatar = (chat: SnRewindMostCalledChat) => {
+  // Return default avatar for chat rooms
+  return "/api/placeholder/48/48"
+}
+
+const getAccountAvatar = (account: SnRewindMostCalledAccount) => {
+  const apiBase = useSolarNetworkUrl()
+  return account.profile?.picture
+    ? `${apiBase}/drive/files/${account.profile.picture.id}`
+    : "/api/placeholder/48/48"
+}
+
+const getPublisherAvatar = (publisher: SnRewindMostLovedPublisher) => {
+  const apiBase = useSolarNetworkUrl()
+  return publisher.publisher?.picture
+    ? `${apiBase}/drive/files/${publisher.publisher.picture.id}`
+    : "/api/placeholder/64/64"
+}
+
+// Download functionality
+const downloadSummary = () => {
+  // Create a simple text summary for download
+  const summary = `
+Solar Network Rewind ${rewindData.value?.year}
+
+Your Journey:
+- Total Posts: ${rewindData.value?.data.sphere.totalCount}
+- Upvotes Received: ${rewindData.value?.data.sphere.upvoteCounts}
+- Longest Check-in Streak: ${rewindData.value?.data.pass.maxCheckInStrike} days
+- Best Day: ${
+    rewindData.value?.data.sphere.mostProductiveDay.postCount
+  } posts on ${formatDate(rewindData.value?.data.sphere.mostProductiveDay.date ?? 'none')}
+
+Highlights:
+- Favorite Chat: ${rewindData.value?.data.sphere.mostCalledChat.name}
+- Top Connection: ${rewindData.value?.data.sphere.mostCalledAccounts[0]?.nick}
+- Loved Publisher: ${
+    rewindData.value?.data.sphere.mostLovedPublisher.publisher.nick
+  }
+
+Generated on: ${new Date().toLocaleDateString()}
+  `
+
+  const blob = new Blob([summary], { type: "text/plain" })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement("a")
+  a.href = url
+  a.download = `solar-network-rewind-${rewindData.value?.year}.txt`
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}
+
+const shareOnSocial = () => {
+  const text = `Just checked out my Solar Network Rewind ${rewindData.value?.year}! 🚀\n\nI made ${rewindData.value?.data.sphere.totalCount} posts and got ${rewindData.value?.data.sphere.upvoteCounts} upvotes. What was your highlight of the year?`
+
+  if (navigator.share) {
+    navigator.share({
+      title: "My Solar Network Rewind",
+      text: text,
+      url: window.location.href
+    })
+  } else {
+    // Fallback: copy to clipboard
+    navigator.clipboard.writeText(text)
+    window.alert("Text copied to clipboard!")
+  }
+}
+
+useHead({
+  title: "Your Solar Network Rewind",
+  meta: [
+    {
+      name: "description",
+      content: "Relive your Solar Network journey from the past year"
+    }
+  ]
+})
+</script>
+
+<style scoped>
+.scroll-section {
+  opacity: 0;
+  transform: translateY(30px);
+  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.scroll-section.animate-in {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Staggered animation delays */
+.scroll-section:nth-child(1).animate-in { transition-delay: 0.1s; }
+.scroll-section:nth-child(2).animate-in { transition-delay: 0.2s; }
+.scroll-section:nth-child(3).animate-in { transition-delay: 0.3s; }
+.scroll-section:nth-child(4).animate-in { transition-delay: 0.4s; }
+.scroll-section:nth-child(5).animate-in { transition-delay: 0.5s; }
+.scroll-section:nth-child(6).animate-in { transition-delay: 0.6s; }
+</style>
diff --git a/app/pages/rewind/rewind.json b/app/pages/rewind/rewind.json
new file mode 100644
index 0000000..06c067b
--- /dev/null
+++ b/app/pages/rewind/rewind.json
@@ -0,0 +1 @@
+{"id":"396beef1-bb11-4c86-af35-981602bca1d0","year":2025,"schema_version":1,"data":{"pass":{"max_check_in_strike":201},"sphere":{"total_count":2351,"most_called_chat":{"id":"00000000-0000-0000-0000-000000000001","name":"理塘","type":0,"realm":null,"account":null,"members":[],"picture":null,"realm_id":"00000000-0000-0000-0000-000000000001","is_public":false,"account_id":"00000000-0000-0000-0000-000000000001","background":null,"created_at":"2024-11-16T06:17:47.253433Z","deleted_at":null,"updated_at":"2024-11-16T06:17:47.253433Z","description":"来到世界最高层，理塘 ⛪️\n来这里摸鱼，水群，发表煽动性言论\n总之你想聊什么都可以，没有固定主题","is_community":false,"resource_identifier":"chatroom:00000000-0000-0000-0000-000000000001"},"most_popular_post":{"id":"00000000-0000-0000-0000-0000000008e7","meta":null,"slug":null,"tags":[],"type":0,"empty":true,"realm":null,"title":"Padoru Padoru","awards":[],"content":null,"upvotes":46,"pin_mode":null,"realm_id":null,"downvotes":0,"edited_at":"2025-02-10T03:50:30.337168Z","publisher":null,"reactions":[],"categories":[],"created_at":"2025-02-09T16:26:18.891189Z","deleted_at":null,"embed_view":null,"updated_at":"2025-06-02T13:40:03.534611Z","visibility":0,"attachments":[],"collections":[],"description":null,"views_total":37,"is_truncated":false,"published_at":"2025-02-09T16:26:18.889464Z","publisher_id":"00000000-0000-0000-0000-000000000001","replied_gone":false,"replied_post":null,"views_unique":376,"awarded_score":0.0,"replies_count":0,"forwarded_gone":false,"forwarded_post":null,"reactions_made":null,"reactions_count":{},"replied_post_id":null,"sensitive_marks":null,"featured_records":[],"forwarded_post_id":null,"resource_identifier":"post:00000000-0000-0000-0000-0000000008e7"},"most_messaged_chat":{"id":"0198acbb-7b6b-7497-8b08-d7fe3cc4568d","name":null,"type":1,"realm":null,"account":null,"members":[{"id":"0198acbb-7b6b-736b-b210-d0014a3c0891","nick":null,"role":0,"is_bot":false,"notify":0,"account":{"id":"8792577d-407a-44f7-9720-8bad7efdc7a2","name":"CNlongY","nick":"龙渊不吃鱼","badges":[],"region":"CN","profile":{"id":"0198a244-5c98-7293-8f36-0624f5b8729c","bio":"已读不回是原罪！","level":23,"links":[{"url":"http://github.com/CNlongY-Py","name":"Github"},{"url":"https://steamcommunity.com/profiles/76561199047925163/","name":"Steam"},{"url":"http://space.bilibili.com/544224201","name":"Bilibili"}],"gender":"Male","account":null,"picture":{"id":"25a3248b43d3412783ca5fdf640ecc36","hash":"2493d273c9807ba6f307d64bcafef74a","name":"1757213622575.gif","size":8761274,"file_meta":{"blur":"KlMsj9~pPAVES3xvMwt8s-","exif":{},"loop":0,"xres":1,"yres":1,"bands":3,"delay":[70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70],"ratio":1.391304347826087,"width":608,"coding":0,"format":0,"height":437,"n-pages":98,"palette":1,"xoffset":0,"yoffset":0,"filename":null,"background":[185,83,90],"orientation":1,"vips-loader":"gifload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/gif","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":false,"sensitive_marks":[]},"birthday":"2008-05-03T16:00:00Z","location":"Xi'an","pronouns":"","last_name":"","time_zone":"Asia/Shanghai","account_id":"8792577d-407a-44f7-9720-8bad7efdc7a2","background":{"id":"hD6MDsw4KrPMzLmgC72BH","hash":"9c6ef2b3cb28314081abfe4d67eef819","name":"","size":4359098,"file_meta":{"blur":"KaIG1c%g%hF~RjaycbadRP","exif":{},"xres":2.834645669291339,"yres":2.834645669291339,"bands":4,"ratio":2.286734693877551,"width":2241,"coding":0,"format":0,"height":980,"xoffset":0,"yoffset":0,"filename":null,"orientation":1,"vips-loader":"pngload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/unknown","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":false,"sensitive_marks":[]},"created_at":"2025-08-13T07:10:45.912196Z","deleted_at":null,"experience":17200,"first_name":"","updated_at":"2025-12-13T05:46:26.326626Z","middle_name":"","active_badge":null,"last_seen_at":"2025-12-25T14:16:28.968182Z","verification":{"type":1,"title":"认证集成开发者","description":"优秀 Solar Network 机器人开发者","verified_by":"Solar Network Team"},"social_credits":120,"username_color":{"type":"plain","value":"cyan","colors":[],"direction":null},"leveling_progress":0.7856968115469285,"resource_identifier":"account:profile:0198a244-5c98-7293-8f36-0624f5b8729c","social_credits_level":0},"contacts":[],"language":"zh-hans","sessions":[],"challenges":[],"created_at":"2025-08-13T07:10:45.912196Z","deleted_at":null,"updated_at":"2025-10-24T17:41:24.760161Z","connections":[],"activated_at":"2025-08-13T07:25:37.823592Z","auth_factors":[],"automated_id":null,"is_superuser":false,"perk_subscription":null,"incoming_relationships":[],"outgoing_relationships":[]},"leave_at":null,"joined_at":"2025-08-15T07:57:04.747735Z","account_id":"8792577d-407a-44f7-9720-8bad7efdc7a2","created_at":"2025-08-15T07:57:04.747974Z","deleted_at":null,"invited_by":null,"updated_at":"2025-12-24T04:40:23.525442Z","break_until":null,"chat_room_id":"0198acbb-7b6b-7497-8b08-d7fe3cc4568d","invited_by_id":null,"timeout_cause":null,"timeout_until":null}],"picture":null,"realm_id":null,"is_public":false,"account_id":"8792577d-407a-44f7-9720-8bad7efdc7a2","background":null,"created_at":"2025-08-15T07:57:04.747974Z","deleted_at":null,"updated_at":"2025-08-15T07:57:04.747974Z","description":null,"is_community":false,"resource_identifier":"chatroom:0198acbb-7b6b-7497-8b08-d7fe3cc4568d"},"most_loved_audience":{"account":{"id":"00000000-0000-0000-0000-000000000516","name":"bluewhaletech","nick":"BluewhaleTech","badges":[],"region":"CN","profile":{"id":"ac8b7322-1ea1-427e-87ca-9665654bb094","bio":"#### 海内存知己，天涯若比邻\n初三学生&UP主\n数码爱好者，正在学习C和Linux\n欢迎一切友善的交友\n爱好：聊天，编程，摄影，绘画\n游戏：Minecraft，Hearts of Iron IV，逆転裁判，ブルアカ，Grand Theft Auto\n语言：中文，English，閩北語\n\n*My guiding principles are kindness, respect, tolerance, and generosity.*","level":46,"links":[{"url":"https://space.bilibili.com/1360046719","name":"哔哩哔哩"},{"url":"https://steamcommunity.com/id/BluewhaleYF","name":"Steam"},{"url":"https://x.com/flintscophire?s=21","name":"X"}],"gender":"Male","picture":{"id":"CepGjKVPRnKtVkGQ_s6wS","url":"","hash":"32a304a0fdd7fcd729f326d4f77bd82c","name":"","size":243735,"file_meta":[123,34,98,108,117,114,34,58,34,75,105,81,44,79,69,102,107,63,72,82,42,87,67,102,81,126,86,97,121,69,49,34,44,34,101,120,105,102,34,58,123,125,44,34,120,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,121,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,98,97,110,100,115,34,58,52,44,34,114,97,116,105,111,34,58,49,44,34,119,105,100,116,104,34,58,56,51,57,44,34,99,111,100,105,110,103,34,58,48,44,34,102,111,114,109,97,116,34,58,50,44,34,104,101,105,103,104,116,34,58,56,51,57,44,34,120,111,102,102,115,101,116,34,58,48,44,34,121,111,102,102,115,101,116,34,58,48,44,34,102,105,108,101,110,97,109,101,34,58,110,117,108,108,44,34,111,114,105,101,110,116,97,116,105,111,110,34,58,49,44,34,118,105,112,115,45,108,111,97,100,101,114,34,58,34,112,110,103,108,111,97,100,95,115,111,117,114,99,101,34,44,34,105,110,116,101,114,112,114,101,116,97,116,105,111,110,34,58,50,53,44,34,98,105,116,115,45,112,101,114,45,115,97,109,112,108,101,34,58,49,54,125],"mime_type":"image/unknown","user_meta":[123,125],"uploaded_at":null,"content_type":"image/unknown","has_compression":false,"sensitive_marks":[91,93],"has_sensitive_marks":true},"birthday":{"nanos":0,"seconds":1294502400},"location":"中国大陆 浙江省 杭州市","pronouns":"He","last_name":"Scophire","time_zone":"Asia/Shanghai","account_id":"00000000-0000-0000-0000-000000000516","background":{"id":"30cda64563ab40c99fee913ec936718c","url":"","hash":"e0fb4f756946b98dfff080f7d5f8b6ef","name":"image_picker_0D45D2EC-CBA6-4809-879D-AC3692F785D4-3668-0000013199B3A962.jpg","size":1269475,"file_meta":[123,34,98,108,117,114,34,58,34,75,82,56,104,101,69,97,100,82,105,37,106,97,35,87,66,82,79,98,73,102,107,34,44,34,101,120,105,102,34,58,123,34,120,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,121,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,98,97,110,100,115,34,58,52,44,34,119,105,100,116,104,34,58,49,53,48,48,44,34,99,111,100,105,110,103,34,58,48,44,34,102,111,114,109,97,116,34,58,50,44,34,104,101,105,103,104,116,34,58,54,53,54,44,34,120,111,102,102,115,101,116,34,58,48,44,34,121,111,102,102,115,101,116,34,58,48,44,34,102,105,108,101,110,97,109,101,34,58,110,117,108,108,44,34,118,105,112,115,45,108,111,97,100,101,114,34,58,34,112,110,103,108,111,97,100,95,115,111,117,114,99,101,34,44,34,105,110,116,101,114,112,114,101,116,97,116,105,111,110,34,58,50,53,44,34,98,105,116,115,45,112,101,114,45,115,97,109,112,108,101,34,58,49,54,125,44,34,114,97,116,105,111,34,58,50,46,50,56,54,53,56,53,51,54,53,56,53,51,54,53,56,54,44,34,119,105,100,116,104,34,58,49,53,48,48,44,34,102,111,114,109,97,116,34,58,34,112,110,103,108,111,97,100,95,115,111,117,114,99,101,34,44,34,104,101,105,103,104,116,34,58,54,53,54,44,34,111,114,105,101,110,116,97,116,105,111,110,34,58,49,125],"mime_type":"image/jpeg","user_meta":[110,117,108,108],"uploaded_at":null,"content_type":"image/jpeg","has_compression":false,"sensitive_marks":[110,117,108,108],"has_sensitive_marks":true},"created_at":{"nanos":0,"seconds":0},"experience":121630,"first_name":"Flint","updated_at":{"nanos":80760000,"seconds":1766199455},"middle_name":"Light","active_badge":null,"last_seen_at":{"nanos":968247000,"seconds":1766673688},"verification":null,"social_credits":190,"username_color":{"type":"gradient","value":null,"colors":["#39c5bb","#0081cb"],"direction":"to bottom"},"leveling_progress":0.8637153697776473,"social_credits_level":0},"contacts":[{"id":"019966e6-0c5b-76b4-80a3-aad368ee5a5a","type":1,"content":"scophire@proton.me","account_id":"00000000-0000-0000-0000-000000000516","created_at":{"nanos":542975000,"seconds":1758367976},"is_primary":false,"updated_at":{"nanos":542222000,"seconds":1758368019},"verified_at":{"nanos":356517000,"seconds":1758367997}}],"language":"zh-Hans","created_at":{"nanos":619706000,"seconds":1743232543},"updated_at":{"nanos":365221000,"seconds":1757235231},"connections":[],"activated_at":{"nanos":375069000,"seconds":1743232588},"auth_factors":[],"automated_id":null,"is_superuser":false,"perk_subscription":{"id":"df5340f7-47ed-4f06-9a19-750f97a51948","status":1,"begun_at":{"nanos":0,"seconds":1765602316},"ended_at":{"nanos":0,"seconds":1768194316},"is_active":true,"account_id":"00000000-0000-0000-0000-000000000516","base_price":"3600","created_at":{"nanos":0,"seconds":0},"identifier":"solian.stellar.supernova","renewal_at":{"nanos":0,"seconds":1768194316},"updated_at":{"nanos":0,"seconds":0},"final_price":"3600","display_name":"Stellar Program Supernova","is_available":true,"is_free_trial":false,"has_display_name":true},"incoming_relationships":[],"outgoing_relationships":[]},"upvote_counts":146},"most_productive_day":{"date":"02/15/2025 00:00:00","post_count":55},"most_called_accounts":[{"id":"00000000-0000-0000-0000-000000000003","name":"demo","nick":"Deemo","badges":[],"region":"","profile":{"id":"00000000-0000-0000-0000-000000000003","bio":"","level":6,"links":[],"gender":"","picture":{"id":"d77a822fba6ab8ff7a09456afb8e9a53","url":"","hash":"","name":"1e1284ac-bef1-4036-a832-11480dc93f78","size":1009856,"file_meta":[110,117,108,108],"mime_type":"image/png","user_meta":[123,125],"uploaded_at":null,"content_type":"image/png","has_compression":false,"sensitive_marks":[110,117,108,108],"has_sensitive_marks":true},"birthday":{"nanos":0,"seconds":1737993600},"location":"","pronouns":"","last_name":"","time_zone":"","account_id":"00000000-0000-0000-0000-000000000003","background":{"id":"ff8eb91030c850dbdefcf8d1f159b38d","url":"","hash":"ab3a85953af96932fe1e08a58f01fba7a0253293d22c183c0aa3491fcc5007f4","name":"9103857.jpg","size":59918,"file_meta":[123,34,114,97,116,105,111,34,58,49,46,53,51,55,51,54,54,53,52,56,48,52,50,55,48,52,54,125],"mime_type":"image/jpeg","user_meta":[110,117,108,108],"uploaded_at":null,"content_type":"image/jpeg","has_compression":false,"sensitive_marks":[110,117,108,108],"has_sensitive_marks":true},"created_at":{"nanos":881842000,"seconds":1710651529},"experience":1018,"first_name":"","updated_at":{"nanos":437023000,"seconds":1748865091},"middle_name":"","active_badge":null,"last_seen_at":{"nanos":644143000,"seconds":1764002923},"verification":null,"social_credits":100,"username_color":null,"leveling_progress":0.9897671136203249,"social_credits_level":1},"contacts":[],"language":"","created_at":{"nanos":867755000,"seconds":1710651529},"updated_at":{"nanos":824825000,"seconds":1735720263},"connections":[],"activated_at":{"nanos":867755000,"seconds":1710651529},"auth_factors":[],"automated_id":null,"is_superuser":false,"perk_subscription":null,"incoming_relationships":[],"outgoing_relationships":[]},{"id":"00000000-0000-0000-0000-000000000068","name":"alphabot","nick":"Alphabot","badges":[],"region":"CN","profile":{"id":"bd311e09-6fdf-4778-9982-e182cd36f9df","bio":"","level":11,"links":[],"gender":"","picture":{"id":"km9Upi53vjkNv_K4HI7kM","url":"","hash":"b2c231f41f3fa49ac7940ce2c5d9ae23","name":"","size":52645,"file_meta":[123,34,98,108,117,114,34,58,34,75,65,68,44,111,44,95,78,82,72,85,69,73,112,68,54,45,84,77,120,120,115,34,44,34,101,120,105,102,34,58,123,125,44,34,120,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,121,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,98,97,110,100,115,34,58,52,44,34,114,97,116,105,111,34,58,49,44,34,119,105,100,116,104,34,58,49,52,54,44,34,99,111,100,105,110,103,34,58,48,44,34,102,111,114,109,97,116,34,58,48,44,34,104,101,105,103,104,116,34,58,49,52,54,44,34,120,111,102,102,115,101,116,34,58,48,44,34,121,111,102,102,115,101,116,34,58,48,44,34,102,105,108,101,110,97,109,101,34,58,110,117,108,108,44,34,111,114,105,101,110,116,97,116,105,111,110,34,58,49,44,34,118,105,112,115,45,108,111,97,100,101,114,34,58,34,112,110,103,108,111,97,100,95,115,111,117,114,99,101,34,44,34,105,110,116,101,114,112,114,101,116,97,116,105,111,110,34,58,50,50,44,34,98,105,116,115,45,112,101,114,45,115,97,109,112,108,101,34,58,56,125],"mime_type":"image/png","user_meta":[123,125],"uploaded_at":null,"content_type":"image/png","has_compression":false,"sensitive_marks":[91,93],"has_sensitive_marks":true},"birthday":null,"location":"","pronouns":"","last_name":"","time_zone":"","account_id":"00000000-0000-0000-0000-000000000068","background":null,"created_at":{"nanos":0,"seconds":0},"experience":2550,"first_name":"","updated_at":{"nanos":601632000,"seconds":1759292157},"middle_name":"","active_badge":null,"last_seen_at":{"nanos":705103000,"seconds":1764684025},"verification":null,"social_credits":100,"username_color":null,"leveling_progress":0.1802555521752361,"social_credits_level":1},"contacts":[],"language":"zh-hans","created_at":{"nanos":427529000,"seconds":1737971276},"updated_at":{"nanos":350175000,"seconds":1759292159},"connections":[],"activated_at":{"nanos":718166000,"seconds":1737972910},"auth_factors":[],"automated_id":"a4f7c6ad-db88-4bf2-8ced-89a85b7da30e","is_superuser":false,"perk_subscription":null,"incoming_relationships":[],"outgoing_relationships":[]},{"id":"7fa763d8-0ef9-476c-b369-d175b0ee25e0","name":"AIRBUS","nick":"AIRBUS","badges":[],"region":"CN","profile":{"id":"0198b87c-209b-7f0f-b78b-eb3f6e7b54e3","bio":"碌碌无为的港留子\n纯纯音游萌新\n随缘在线","level":21,"links":[],"gender":"Male","picture":{"id":"JcNHTqk2lkNO4ouDWCY9w","url":"","hash":"cc975be8c35de4fbee23c6bde68e8702","name":"","size":2159376,"file_meta":[123,34,98,108,117,114,34,58,34,75,121,77,70,118,95,120,115,37,75,126,83,116,54,111,121,69,78,111,121,82,108,34,44,34,101,120,105,102,34,58,123,125,44,34,120,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,121,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,98,97,110,100,115,34,58,52,44,34,114,97,116,105,111,34,58,49,44,34,119,105,100,116,104,34,58,49,52,52,48,44,34,99,111,100,105,110,103,34,58,48,44,34,102,111,114,109,97,116,34,58,50,44,34,104,101,105,103,104,116,34,58,49,52,52,48,44,34,120,111,102,102,115,101,116,34,58,48,44,34,121,111,102,102,115,101,116,34,58,48,44,34,102,105,108,101,110,97,109,101,34,58,110,117,108,108,44,34,111,114,105,101,110,116,97,116,105,111,110,34,58,49,44,34,118,105,112,115,45,108,111,97,100,101,114,34,58,34,112,110,103,108,111,97,100,95,115,111,117,114,99,101,34,44,34,105,110,116,101,114,112,114,101,116,97,116,105,111,110,34,58,50,53,44,34,98,105,116,115,45,112,101,114,45,115,97,109,112,108,101,34,58,49,54,125],"mime_type":"image/unknown","user_meta":[123,125],"uploaded_at":null,"content_type":"image/unknown","has_compression":false,"sensitive_marks":[91,93],"has_sensitive_marks":true},"birthday":{"nanos":0,"seconds":1168876800},"location":"CN","pronouns":"艹","last_name":"yue","time_zone":"Etc/UTC","account_id":"7fa763d8-0ef9-476c-b369-d175b0ee25e0","background":{"id":"ba975698340b40099b31d6718ab0a1c3","url":"","hash":"b6043b6c5d54a84843b07940c95991ca","name":"image_picker_167C3AE0-68E3-4946-B078-9EA2CD9CFD31-966-00000029157E8362.jpg","size":12568647,"file_meta":[123,34,98,108,117,114,34,58,34,75,82,71,98,117,85,126,85,52,110,116,84,115,92,117,48,48,50,66,37,49,82,54,86,91,97,126,34,44,34,101,120,105,102,34,58,123,125,44,34,120,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,121,114,101,115,34,58,50,46,56,51,52,54,52,53,54,54,57,50,57,49,51,51,57,44,34,98,97,110,100,115,34,58,52,44,34,114,97,116,105,111,34,58,50,46,50,56,53,55,49,52,50,56,53,55,49,52,50,56,53,54,44,34,119,105,100,116,104,34,58,52,48,57,54,44,34,99,111,100,105,110,103,34,58,48,44,34,102,111,114,109,97,116,34,58,50,44,34,104,101,105,103,104,116,34,58,49,55,57,50,44,34,120,111,102,102,115,101,116,34,58,48,44,34,121,111,102,102,115,101,116,34,58,48,44,34,102,105,108,101,110,97,109,101,34,58,110,117,108,108,44,34,111,114,105,101,110,116,97,116,105,111,110,34,58,49,44,34,118,105,112,115,45,108,111,97,100,101,114,34,58,34,112,110,103,108,111,97,100,95,115,111,117,114,99,101,34,44,34,105,110,116,101,114,112,114,101,116,97,116,105,111,110,34,58,50,53,44,34,98,105,116,115,45,112,101,114,45,115,97,109,112,108,101,34,58,49,54,125],"mime_type":"image/jpeg","user_meta":[123,125],"uploaded_at":null,"content_type":"image/jpeg","has_compression":false,"sensitive_marks":[91,93],"has_sensitive_marks":true},"created_at":{"nanos":323425000,"seconds":1755441799},"experience":13310,"first_name":"pengyu","updated_at":{"nanos":236633000,"seconds":1764822604},"middle_name":"","active_badge":null,"last_seen_at":{"nanos":968269000,"seconds":1766640988},"verification":null,"social_credits":100,"username_color":{"type":"gradient","value":null,"colors":["#99CCFF","#33DD99"],"direction":null},"leveling_progress":0.6703302023821047,"social_credits_level":1},"contacts":[],"language":"zh-hans","created_at":{"nanos":323425000,"seconds":1755441799},"updated_at":{"nanos":818069000,"seconds":1757386370},"connections":[],"activated_at":{"nanos":285390000,"seconds":1755442378},"auth_factors":[],"automated_id":null,"is_superuser":false,"perk_subscription":null,"incoming_relationships":[],"outgoing_relationships":[]}],"most_loved_publisher":{"publisher":{"id":"00000000-0000-0000-0000-000000000089","bio":"哦还活着","name":"axenic","nick":"Axenic","type":0,"polls":[],"posts":[],"realm":null,"account":{"id":"00000000-0000-0000-0000-0000000000e5","name":"axenic","nick":"Axenic","badges":[],"region":"","profile":{"id":"f4be251e-f837-426d-b03f-b926976d24e2","bio":"哦还活着","level":31,"links":[{"url":"https://b23.tv/B7BaB1t","name":"bilibili"}],"gender":"\uD83E\uDD6D","account":null,"picture":{"id":"TNlPk4gZ53xWMpJ2mcjIb","hash":"aa3ed22ecf073cdffd140503b3d42667","name":"","size":2531849,"file_meta":{"blur":"KGCh}^t60f9bNHbu4;R*?G","exif":{},"xres":2.834645669291339,"yres":2.834645669291339,"bands":4,"ratio":1,"width":2048,"coding":0,"format":0,"height":2048,"xoffset":0,"yoffset":0,"filename":null,"orientation":1,"vips-loader":"pngload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/unknown","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":false,"sensitive_marks":[]},"birthday":"1899-12-31T16:00:00Z","location":"\uD83E\uDD6D大厦","pronouns":"\uD83E\uDD6D","last_name":"\uD83C\uDF51","time_zone":"Asia/Shanghai","account_id":"00000000-0000-0000-0000-0000000000e5","background":{"id":"43grg8CeW-H6XMleuLx4F","hash":"e82be0d4a28d06e6b040f19c9156bbb7","name":"","size":357495,"file_meta":{"blur":"K11:2hoz4T8yV[?[tQayRQ","exif":{},"xres":2.834645669291339,"yres":2.834645669291339,"bands":4,"ratio":2.28673196794301,"width":2568,"coding":0,"format":0,"height":1123,"xoffset":0,"yoffset":0,"filename":null,"orientation":1,"vips-loader":"pngload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/unknown","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":false,"sensitive_marks":[]},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"experience":39830,"first_name":"\uD83E\uDD6D","updated_at":"2025-12-24T14:16:36.717279Z","middle_name":"\uD83C\uDF4E","active_badge":null,"last_seen_at":"2025-12-24T17:31:28.968734Z","verification":{"type":1,"title":"好人","description":"Ax 是一个好人","verified_by":"ラムです"},"social_credits":100,"username_color":{"type":"gradient","value":null,"colors":["#ff0014","#ff0025"],"direction":"to top"},"leveling_progress":0.9901456332981119,"resource_identifier":"account:profile:f4be251e-f837-426d-b03f-b926976d24e2","social_credits_level":1},"contacts":[],"language":"zh-Hans","sessions":[],"challenges":[],"created_at":"2025-02-15T12:47:07.983341Z","deleted_at":null,"updated_at":"2025-05-12T14:18:06.082642Z","connections":[],"activated_at":"2025-02-15T12:57:17.507016Z","auth_factors":[],"automated_id":null,"is_superuser":false,"perk_subscription":null,"incoming_relationships":[],"outgoing_relationships":[]},"members":[],"picture":{"id":"TNlPk4gZ53xWMpJ2mcjIb","hash":"aa3ed22ecf073cdffd140503b3d42667","name":"","size":2531849,"file_meta":{"blur":"KGCh}^t60f9bNHbu4;R*?G","exif":{},"xres":2.834645669291339,"yres":2.834645669291339,"bands":4,"ratio":1,"width":2048,"coding":0,"format":0,"height":2048,"xoffset":0,"yoffset":0,"filename":null,"orientation":1,"vips-loader":"pngload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/webp","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":true,"sensitive_marks":[]},"features":[],"realm_id":null,"account_id":"00000000-0000-0000-0000-0000000000e5","background":{"id":"43grg8CeW-H6XMleuLx4F","hash":"e82be0d4a28d06e6b040f19c9156bbb7","name":"","size":357495,"file_meta":{"blur":"K11:2hoz4T8yV[?[tQayRQ","exif":{},"xres":2.834645669291339,"yres":2.834645669291339,"bands":4,"ratio":2.28673196794301,"width":2568,"coding":0,"format":0,"height":1123,"xoffset":0,"yoffset":0,"filename":null,"orientation":1,"vips-loader":"pngload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/webp","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":true,"sensitive_marks":[]},"created_at":"2025-02-15T12:57:56.959357Z","deleted_at":null,"updated_at":"2025-12-24T14:16:50.10536Z","collections":[],"verification":null,"subscriptions":[],"resource_identifier":"publisher:00000000-0000-0000-0000-000000000089"},"upvote_counts":50},"most_messaged_direct_chat":{"id":"0198acbb-7b6b-7497-8b08-d7fe3cc4568d","name":null,"type":1,"realm":null,"account":null,"members":[{"id":"0198acbb-7b6b-736b-b210-d0014a3c0891","nick":null,"role":0,"is_bot":false,"notify":0,"account":{"id":"8792577d-407a-44f7-9720-8bad7efdc7a2","name":"CNlongY","nick":"龙渊不吃鱼","badges":[],"region":"CN","profile":{"id":"0198a244-5c98-7293-8f36-0624f5b8729c","bio":"已读不回是原罪！","level":23,"links":[{"url":"http://github.com/CNlongY-Py","name":"Github"},{"url":"https://steamcommunity.com/profiles/76561199047925163/","name":"Steam"},{"url":"http://space.bilibili.com/544224201","name":"Bilibili"}],"gender":"Male","account":null,"picture":{"id":"25a3248b43d3412783ca5fdf640ecc36","hash":"2493d273c9807ba6f307d64bcafef74a","name":"1757213622575.gif","size":8761274,"file_meta":{"blur":"KlMsj9~pPAVES3xvMwt8s-","exif":{},"loop":0,"xres":1,"yres":1,"bands":3,"delay":[70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70],"ratio":1.391304347826087,"width":608,"coding":0,"format":0,"height":437,"n-pages":98,"palette":1,"xoffset":0,"yoffset":0,"filename":null,"background":[185,83,90],"orientation":1,"vips-loader":"gifload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/gif","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":false,"sensitive_marks":[]},"birthday":"2008-05-03T16:00:00Z","location":"Xi'an","pronouns":"","last_name":"","time_zone":"Asia/Shanghai","account_id":"8792577d-407a-44f7-9720-8bad7efdc7a2","background":{"id":"hD6MDsw4KrPMzLmgC72BH","hash":"9c6ef2b3cb28314081abfe4d67eef819","name":"","size":4359098,"file_meta":{"blur":"KaIG1c%g%hF~RjaycbadRP","exif":{},"xres":2.834645669291339,"yres":2.834645669291339,"bands":4,"ratio":2.286734693877551,"width":2241,"coding":0,"format":0,"height":980,"xoffset":0,"yoffset":0,"filename":null,"orientation":1,"vips-loader":"pngload_source","interpretation":22,"bits-per-sample":8},"mime_type":"image/unknown","user_meta":{},"created_at":"1970-01-01T00:00:00Z","deleted_at":null,"updated_at":"1970-01-01T00:00:00Z","has_compression":false,"sensitive_marks":[]},"created_at":"2025-08-13T07:10:45.912196Z","deleted_at":null,"experience":17200,"first_name":"","updated_at":"2025-12-13T05:46:26.326626Z","middle_name":"","active_badge":null,"last_seen_at":"2025-12-25T14:16:28.968182Z","verification":{"type":1,"title":"认证集成开发者","description":"优秀 Solar Network 机器人开发者","verified_by":"Solar Network Team"},"social_credits":120,"username_color":{"type":"plain","value":"cyan","colors":[],"direction":null},"leveling_progress":0.7856968115469285,"resource_identifier":"account:profile:0198a244-5c98-7293-8f36-0624f5b8729c","social_credits_level":0},"contacts":[],"language":"zh-hans","sessions":[],"challenges":[],"created_at":"2025-08-13T07:10:45.912196Z","deleted_at":null,"updated_at":"2025-10-24T17:41:24.760161Z","connections":[],"activated_at":"2025-08-13T07:25:37.823592Z","auth_factors":[],"automated_id":null,"is_superuser":false,"perk_subscription":null,"incoming_relationships":[],"outgoing_relationships":[]},"leave_at":null,"joined_at":"2025-08-15T07:57:04.747735Z","account_id":"8792577d-407a-44f7-9720-8bad7efdc7a2","created_at":"2025-08-15T07:57:04.747974Z","deleted_at":null,"invited_by":null,"updated_at":"2025-12-24T04:40:23.525442Z","break_until":null,"chat_room_id":"0198acbb-7b6b-7497-8b08-d7fe3cc4568d","invited_by_id":null,"timeout_cause":null,"timeout_until":null}],"picture":null,"realm_id":null,"is_public":false,"account_id":"8792577d-407a-44f7-9720-8bad7efdc7a2","background":null,"created_at":"2025-08-15T07:57:04.747974Z","deleted_at":null,"updated_at":"2025-08-15T07:57:04.747974Z","description":null,"is_community":false,"resource_identifier":"chatroom:0198acbb-7b6b-7497-8b08-d7fe3cc4568d"}}},"account_id":"00000000-0000-0000-0000-000000000001","account":null,"created_at":"2025-12-25T15:38:53.140302Z","updated_at":"2025-12-25T15:38:53.140302Z","deleted_at":null}
\ No newline at end of file
diff --git a/app/types/api/index.ts b/app/types/api/index.ts
index fad373f..53c49a2 100644
--- a/app/types/api/index.ts
+++ b/app/types/api/index.ts
@@ -7,3 +7,4 @@ export * from "./version"
 export * from "./user"
 export * from "./geo"
 export * from "./realm"
+export * from "./rewind"
diff --git a/app/types/api/rewind.ts b/app/types/api/rewind.ts
new file mode 100644
index 0000000..aef84db
--- /dev/null
+++ b/app/types/api/rewind.ts
@@ -0,0 +1,125 @@
+// Rewind data interfaces
+import type { SnCloudFile } from './post'
+
+export interface SnRewindPassData {
+  maxCheckInStrike: number;
+}
+
+export interface SnRewindMostCalledChat {
+  id: string;
+  name: string;
+  type: number;
+  description: string;
+  picture: SnCloudFile | null;
+  realmId: string | null;
+  accountId: string;
+  isPublic: boolean;
+  isCommunity: boolean;
+  background: SnCloudFile | null;
+  createdAt: string;
+  updatedAt: string;
+  deletedAt: string | null;
+}
+
+export interface SnRewindMostPopularPost {
+  id: string;
+  title: string;
+  upvotes: number;
+  viewsTotal: number;
+  viewsUnique: number;
+  createdAt: string;
+  updatedAt: string;
+  publishedAt: string;
+}
+
+export interface SnRewindMostProductiveDay {
+  date: string;
+  postCount: number;
+}
+
+export interface SnRewindMostCalledAccount {
+  id: string;
+  name: string;
+  nick: string;
+  profile: {
+    id: string;
+    bio: string;
+    level: number;
+    picture: SnCloudFile | null;
+    background: SnCloudFile | null;
+    createdAt: string;
+    updatedAt: string;
+  };
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface SnRewindMostLovedPublisher {
+  publisher: {
+    id: string;
+    name: string;
+    nick: string;
+    bio: string;
+    level: number;
+    picture: SnCloudFile | null;
+    background: SnCloudFile | null;
+    createdAt: string;
+    updatedAt: string;
+  };
+  upvoteCounts: number;
+}
+
+export interface SnRewindMostMessagedChat {
+  id: string;
+  name: string | null;
+  type: number;
+  members: SnRewindChatMember[];
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface SnRewindChatMember {
+  id: string;
+  nick: string | null;
+  role: number;
+  isBot: boolean;
+  account: {
+    id: string;
+    name: string;
+    nick: string;
+    profile: {
+      id: string;
+      bio: string;
+      level: number;
+      picture: SnCloudFile | null;
+      background: SnCloudFile | null;
+      createdAt: string;
+      updatedAt: string;
+    };
+  };
+}
+
+export interface SnRewindSphereData {
+  totalCount: number;
+  upvoteCounts: number;
+  mostCalledChat: SnRewindMostCalledChat;
+  mostPopularPost: SnRewindMostPopularPost;
+  mostProductiveDay: SnRewindMostProductiveDay;
+  mostCalledAccounts: SnRewindMostCalledAccount[];
+  mostLovedPublisher: SnRewindMostLovedPublisher;
+  mostMessagedChat: SnRewindMostMessagedChat;
+}
+
+export interface SnRewind {
+  id: string;
+  year: number;
+  schemaVersion: number;
+  data: {
+    pass: SnRewindPassData;
+    sphere: SnRewindSphereData;
+  };
+  accountId: string;
+  createdAt: string;
+  updatedAt: string;
+  deletedAt: string | null;
+}