diff --git a/res/imgs/Hatsune_Discord_Banner_BG_Only_Banner_Ratio_.png b/res/imgs/Hatsune_Discord_Banner_BG_Only_Banner_Ratio_.png
deleted file mode 100644
index 7ea9859..0000000
Binary files a/res/imgs/Hatsune_Discord_Banner_BG_Only_Banner_Ratio_.png and /dev/null differ
diff --git a/res/imgs/stage_blur.png b/res/imgs/stage_blur.png
new file mode 100644
index 0000000..4c72075
Binary files /dev/null and b/res/imgs/stage_blur.png differ
diff --git a/res/imgs/wowaka.png b/res/imgs/wowaka.png
new file mode 100644
index 0000000..447c9b5
Binary files /dev/null and b/res/imgs/wowaka.png differ
diff --git a/res/index.html b/res/index.html
index 213618e..058202f 100644
--- a/res/index.html
+++ b/res/index.html
@@ -13,14 +13,22 @@
     <body>
 
         <!-- eye-catcher -->
-        <header class="column-display" style="min-height: 100svh;">
+        <header class="column-display" style="min-height: 100svh; display: flex; flex-direction: column; text-align: center;">
             <div style="flex: 0.2;"></div>
 
             <h1 style="text-align: left; font-size: 1.5vw; font-style: italic;">From The Hatsune Discord staff team</h1>
-            <h1 style="font-size: 6vw;" class="attention">LOTS HAPPENED IN 2025.</h1>
+            <div style="display: flex; justify-content: center; align-items: center;">
+                <img src="/imgs/Wing_of_Form.png" style="max-height: 10vh;">
+                <h1 style="font-size: 6vw; padding-left: 10px; padding-right: 10px; margin: 0;" class="attention">LOTS HAPPENED IN 2025.</h1>
+                <img src="/imgs/Wing_of_Sound.png" style="max-height: 10vh;">
+            </div>
             <h1 style="text-align: right; font-size: 2vw;">We would like to present the highlights.</h1>
 
-            <div style="flex: 1;"></div>
+            <div style="flex: 0.5;"></div>
+            <div style="display: flex; min-width: auto; justify-content: center; align-items: center;">
+                <img src="/imgs/miku_loading_please_wait.png" style="image-rendering: pixelated; width: 10vw;">
+            </div>
+            <div style="flex: 0.5;"></div>
                 
             <span style="display: flex; flex-direction: column; align-items: center; width: auto;"><button class="attention" onclick="scrollToHighlights()" style="width: 15vw;">VIEW HIGHLIGHTS</button></span>
 
@@ -33,52 +41,52 @@
         <div style="padding: 0 5vw 0 5vw">
             <div style="display: flex; align-items: center;">
                 <h2 style="font-size: 4vw; margin: 0;"><span style="font-weight: 300;">Is it just me,</span> or is it comfy in here?</h2>
-                <img src="/imgs/digiral/Relaxed_-_Miku_and_Strawberry_Milk_Tea.png" style="max-height: 10vh; border-radius: 50%;">
+                <img src="/imgs/absolute_comfy.png" style="max-height: 10vh; border-radius: 50%;">
             </div>
             <div style="display: flex; align-items: center;">
-                <img src="/imgs/absolute_comfy.png" style="max-height: 8vh; border-radius: 50%;">
+                <img src="/imgs/digiral/Relaxed_-_Miku_and_Strawberry_Milk_Tea.png" style="max-height: 8vh; border-radius: 50%;">
                 <h2 style="font-size: 2vw; margin: 0;">Here are the top 10 most used reactions:</h2>
             </div>
             <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1136028749557678103.webp?size=128&animated=true" title=":squishycomfy:">
-                    <span style="padding-left: 10px;">x13,594</span>
+                    <span class="inline-multiplier">x13,594</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1152034831392317483.webp?size=128" title=":comfypog:">
-                    <span style="padding-left: 10px;">x9,723</span>
+                    <span class="inline-multiplier">x9,723</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/960550152689582171.webp?size=128" title=":mikukek:">
-                    <span style="padding-left: 10px;">x6,471</span>
+                    <span class="inline-multiplier">x6,471</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1173629360276787222.webp?size=128" title=":39:">
-                    <span style="padding-left: 10px;">x5,275</span>
+                    <span class="inline-multiplier">x5,275</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1336108168564052008.webp?size=128" title=":MikuTrue:">
-                    <span style="padding-left: 10px;">x3,885</span>
+                    <span class="inline-multiplier">x3,885</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/961556069623148614.webp?size=128" title=":MikuLogo:">
-                    <span style="padding-left: 10px;">x3,704</span>
+                    <span class="inline-multiplier">x3,704</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1224530638095519804.webp?size=128" title=":comfypat:">
-                    <span style="padding-left: 10px;">x2,809</span>
+                    <span class="inline-multiplier">x2,809</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1049144884004659291.webp?size=128" title=":mikuwave:">
-                    <span style="padding-left: 10px;">x2,742</span>
+                    <span class="inline-multiplier">x2,742</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1173317846676275230.webp?size=128" title=":Miku39Sekai:">
-                    <span style="padding-left: 10px;">x2,610</span>
+                    <span class="inline-multiplier">x2,610</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1175603450852147262.webp?size=128" title=":40Sekai:">
-                    <span style="padding-left: 10px;">x2,460</span>
+                    <span class="inline-multiplier">x2,460</span>
                 </li>
             </ol>
         </div>
@@ -87,48 +95,51 @@
 
         <!-- top emotes -->
         <div style="padding: 0 5vw 0 5vw">
-            <h2 style="font-size: 4vw; margin: 0;">Add some spice to your message.</h2>
+            <div style="display: flex; align-items: center;">
+                <h2 style="font-size: 4vw; margin: 0;">Add some spice to your message.</h2>
+                <img src="/imgs/cmpfpf.png" style="max-height: 10vh; border-radius: 50%; margin-left: 10px;">
+            </div>
             <h2 style="font-size: 2vw; margin: 0;">Here are the top 10 most used emojis:</h2>
             <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/960550152689582171.webp?size=128" title=":mikukek:">
-                    <span style="padding-left: 10px;">x10,285</span>
+                    <span class="inline-multiplier">x10,285</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1158974570699685988.webp?size=128" title=":mikulaugh:">
-                    <span style="padding-left: 10px;">x9,442</span>
+                    <span class="inline-multiplier">x9,442</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1184633291970711552.webp?size=128" title=":Comfymiku:">
-                    <span style="padding-left: 10px;">x7,687</span>
+                    <span class="inline-multiplier">x7,687</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1152034831392317483.webp?size=128" title=":comfypog:">
-                    <span style="padding-left: 10px;">x5,466</span>
+                    <span class="inline-multiplier">x5,466</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1173629360276787222.webp?size=128" title=":39:">
-                    <span style="padding-left: 10px;">x5,151</span>
+                    <span class="inline-multiplier">x5,151</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/959890966318305311.webp?size=128" title=":mikucrying:">
-                    <span style="padding-left: 10px;">x3,686</span>
+                    <span class="inline-multiplier">x3,686</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1172969588527476896.webp?size=128" title=":MikuPeek:">
-                    <span style="padding-left: 10px;">x3,179</span>
+                    <span class="inline-multiplier">x3,179</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/973881754718973982.webp?size=128" title=":mikuthink:">
-                    <span style="padding-left: 10px;">x2,664</span>
+                    <span class="inline-multiplier">x2,664</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1017123249802444911.webp?size=128&animated=true" title=":Mikulaugh:">
-                    <span style="padding-left: 10px;">x2,626</span>
+                    <span class="inline-multiplier">x2,626</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://cdn.discordapp.com/emojis/1173317846676275230.webp?size=128" title=":Miku39Sekai:">
-                    <span style="padding-left: 10px;">x2,394</span>
+                    <span class="inline-multiplier">x2,394</span>
                 </li>
             </ol>
         </div>
@@ -145,43 +156,43 @@
             <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1421313906953158848.png?size=128&quality=lossless" title="Best Friend 39">
-                    <span style="padding-left: 10px;">x624</span>
+                    <span class="inline-multiplier">x624</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1143787295758106734.png?size=128&quality=lossless" title="MikuHiiiiiiiiii">
-                    <span style="padding-left: 10px;">x311</span>
+                    <span class="inline-multiplier">x311</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1014423095135698994.png?size=128&quality=lossless" title="mikumouth">
-                    <span style="padding-left: 10px;">x250</span>
+                    <span class="inline-multiplier">x250</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1338655635532939368.png?size=128&quality=lossless" title="MikuPleading">
-                    <span style="padding-left: 10px;">x216</span>
+                    <span class="inline-multiplier">x216</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/961195007291842620.png?size=128&quality=lossless" title="Miku gun">
-                    <span style="padding-left: 10px;">x194</span>
+                    <span class="inline-multiplier">x194</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1364439643734671461.png?size=128&quality=lossless" title="VampireMiku39">
-                    <span style="padding-left: 10px;">x168</span>
+                    <span class="inline-multiplier">x168</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1104841444092559502.png?size=128&quality=lossless" title="MikuDepressed">
-                    <span style="padding-left: 10px;">x148</span>
+                    <span class="inline-multiplier">x148</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1151384489260499004.png?size=128" title="Comfy Sleep">
-                    <span style="padding-left: 10px;">x111</span>
+                    <span class="inline-multiplier">x111</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1106428089866649650.png?size=128&quality=lossless" title="MikuWithAGunWithoutAGun">
-                    <span style="padding-left: 10px;">x110</span>
+                    <span class="inline-multiplier">x110</span>
                 </li>
                 <li class="emoji-line-center">
                     <img class="emoji" src="https://media.discordapp.net/stickers/1152286791706083389.png?size=128&quality=lossless" title="Show">
-                    <span style="padding-left: 10px;">x110</span>
+                    <span class="inline-multiplier">x110</span>
                 </li>
             </ol>
         </div>
@@ -189,13 +200,15 @@
         <hr class="break"></hr>
 
         <!-- # of messages -->
-        <div class="column-display" style="min-height: 75svh; align-items: center;">
-            <div style="flex: 0.2;"></div>
-            <h1 style="font-size: 5vw; text-align: center; margin: 0;">Let's talk messages.</h1>
-            <h1 style="font-size: 6vw; text-align: center; font-weight: 300; margin: 0;">We sent <span style="font-weight: 900;">1,091,742 of them.</span></h1>
-            <h1 style="font-size: 2vw; text-align: center; margin: 0;">We're glad you spent this much time with us.</h1>
-            <div style="flex: 0.1;"></div>
-            <img style="max-width: 16vw; border-radius: 50%;" src="/imgs/digiral/Excitement_-_Miku_and_Sparkling_Eyes.png">
+        <div style="display: flex; flex-direction: column; align-items: center;">
+            <div class="messages" style="min-height: 75svh; display: flex; flex-direction: column; text-align: center; align-items: center;">
+                <div style="flex: 0.2;"></div>
+                <h1 style="font-size: 5vw; text-align: center; margin: 0;">Let's talk messages.</h1>
+                <h1 style="font-size: 6vw; text-align: center; font-weight: 300; margin: 0;">We sent <span style="font-weight: 900;">1,091,742 of them.</span></h1>
+                <h1 style="font-size: 2vw; text-align: center; margin: 0;">We're glad you spent this much time with us.</h1>
+                <div style="flex: 0.1;"></div>
+                <img style="max-width: 16vw;" src="/imgs/digiral/Excitement_-_Miku_and_Sparkling_Eyes.png">
+            </div>
         </div>
 
         <hr class="break"></hr>
@@ -204,20 +217,23 @@
         <div style="padding: 0 5vw 0 5vw; font-size: 1.5vw;">
             <h2 style="font-size: 3.2vw; margin: 0;">Some of those messages were pretty popular.</h2>
             <h2 style="font-size: 2vw; margin: 0;">Here are each month's most reacted messages:</h2>
-            <ul style="display: flex; align-items: center; flex-direction: column; padding: 0;">
-                <li>January: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1327391825639506022" style="color: white;">#general-01 by powerblade3</a> - 220</li>
-                <li>February: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1336869960051462214" style="color: white;">#general-01 by mikuoctoling39</a> - 119</li>
-                <li>March: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1349444678029938739" style="color: white;">#general-01 by miku.hatsune</a> - 99</li>
-                <li>April: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1356428710395383900" style="color: white;">#general-01 by bready_todie</a> - 93</li>
-                <li>May: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1370759579377467523" style="color: white;">#general-01 by powerblade3</a> - 95</li>
-                <li>June: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1384016890619498539" style="color: white;">#general-01 by .metalgoosesolid</a> - 60</li>
-                <li>July: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1394904034338672742" style="color: white;">#general-01 by kelcody</a> - 132</li>
-                <li>August: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1410694444570644590" style="color: white;">#general-01 by miku.hatsune</a> - 111</li>
-                <li>September: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1413968705410564146" style="color: white;">#general-01 by miku.hatsune</a> - 95</li>
-                <li>October: <a href="https://discord.com/channels/959218185356328960/960713007955079218/1424936706376863764" style="color: white;">#randomness-and-memes by yokoo99</a> - 95</li>
-                <li>November: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1440808203137847446" style="color: white;">#general-01 by iam_stove</a> - 52</li>
-                <li>December: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1453468290897809510" style="color: white;">#general-01 by zunda_nectar</a> - 66</li>
-            </ul>
+            <div style="display: flex; justify-content: center;">
+                <ul style="display: flex; align-items: center; flex-direction: column; padding: 0;">
+                    <li>January: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1327391825639506022" style="color: white;">#general-01 by powerblade3</a> - 220</li>
+                    <li>February: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1336869960051462214" style="color: white;">#general-01 by mikuoctoling39</a> - 119</li>
+                    <li>March: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1349444678029938739" style="color: white;">#general-01 by miku.hatsune</a> - 99</li>
+                    <li>April: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1356428710395383900" style="color: white;">#general-01 by bready_todie</a> - 93</li>
+                    <li>May: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1370759579377467523" style="color: white;">#general-01 by powerblade3</a> - 95</li>
+                    <li>June: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1384016890619498539" style="color: white;">#general-01 by .metalgoosesolid</a> - 60</li>
+                    <li>July: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1394904034338672742" style="color: white;">#general-01 by kelcody</a> - 132</li>
+                    <li>August: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1410694444570644590" style="color: white;">#general-01 by miku.hatsune</a> - 111</li>
+                    <li>September: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1413968705410564146" style="color: white;">#general-01 by miku.hatsune</a> - 95</li>
+                    <li>October: <a href="https://discord.com/channels/959218185356328960/960713007955079218/1424936706376863764" style="color: white;">#randomness-and-memes by yokoo99</a> - 95</li>
+                    <li>November: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1440808203137847446" style="color: white;">#general-01 by iam_stove</a> - 52</li>
+                    <li>December: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1453468290897809510" style="color: white;">#general-01 by zunda_nectar</a> - 66</li>
+                </ul>
+                <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 30px;"><img src="/imgs/Miku_badge_transparent.png" style="max-height: 30vh;"></div>
+            </div>
         </div>
 
         <hr class="break"></hr>
@@ -226,50 +242,55 @@
         <div style="padding: 0 5vw 0 5vw; font-size: 1.5vw;">
             <h2 style="font-size: 3.2vw; margin: 0;">We had several keyboard enthusiasts.</h2>
             <h2 style="font-size: 2vw; margin: 0;">Here are the top 10 users with the most messages:</h2>
-            <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
-                <li>@miraigummies - 52,746</li>
-                <li>@koolaidkan - 42,391</li>
-                <li>@iam_stove - 35,365</li>
-                <li>@39.mik - 31,435</li>
-                <li>@ballisticchillz - 30,283</li>
-                <li>@powerblade3 - 29,304</li>
-                <li>@miku.hatsune - 28,421</li>
-                <li>@zunda_nectar - 28,119</li>
-                <li>@simplename21 - 23,234</li>
-                <li>@kelcody - 22,782</li>
-            </ol>
+            <div style="display: flex; justify-content: center;">
+                <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 100px;"><img src="/imgs/Miku_With_Tag.png" style="max-height: 30vh;"></div>
+                <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
+                    <li>@miraigummies - 52,746</li>
+                    <li>@koolaidkan - 42,391</li>
+                    <li>@iam_stove - 35,365</li>
+                    <li>@39.mik - 31,435</li>
+                    <li>@ballisticchillz - 30,283</li>
+                    <li>@powerblade3 - 29,304</li>
+                    <li>@miku.hatsune - 28,421</li>
+                    <li>@zunda_nectar - 28,119</li>
+                    <li>@simplename21 - 23,234</li>
+                    <li>@kelcody - 22,782</li>
+                </ol>
+            </div>
         </div>
 
         <hr class="break"></hr>
 
         <!-- top 39 interactions -->
         <div style="padding: 0 5vw 0 5vw; font-size: 1.5vw;">
-            <div style="display: flex; align-items: center;">
-                <h2 style="font-size: 4vw; margin: 0 10px 0 0;">You were always here with us.</h2>
-                <img src="/imgs/digiral/Affection_-_Miku_and_Heart_Pose.png" style="max-height: 10vh; border-radius: 50%;">
-            </div>
+            <h2 style="font-size: 3vw; margin: 0;">You were always here with us.</h2>
             <h2 style="font-size: 2vw; margin: 0;">Here are the top 10 users with the most '39' messages:</h2>
-            <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
-                <li>@iam_stove - 3,790</li>
-                <li>@aozora39 - 3,445</li>
-                <li>@cfm_megurine_luka - 3,325</li>
-                <li>@starlitsleep - 2,707</li>
-                <li>@miku.hatsune - 2,371</li>
-                <li>@powerblade3 - 1,883</li>
-                <li>@the_apricity_effect - 1,706</li>
-                <li>@yokoo99 - 1,354</li>
-                <li>@_1v40_ - 1,294</li>
-                <li>@39.mik - 1,262</li>
-            </ol>
+            <div style="display: flex; justify-content: center;">
+                <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
+                    <li>@iam_stove - 3,790</li>
+                    <li>@aozora39 - 3,445</li>
+                    <li>@cfm_megurine_luka - 3,325</li>
+                    <li>@starlitsleep - 2,707</li>
+                    <li>@miku.hatsune - 2,371</li>
+                    <li>@powerblade3 - 1,883</li>
+                    <li>@the_apricity_effect - 1,706</li>
+                    <li>@yokoo99 - 1,354</li>
+                    <li>@_1v40_ - 1,294</li>
+                    <li>@39.mik - 1,262</li>
+                </ol>
+                <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 100px;"><img src="/imgs/digiral/Affection_-_Miku_and_Heart_Pose.png" style="max-height: 10vw;"></div>
+            </div>
         </div>
 
         <hr class="break"></hr>
 
-        <h2 style="font-size: 2.6vw; text-align: center;">Thank you all for a great year! We're here to share the next with you.</h2>
+        <h2 style="font-size: 2.6vw; text-align: center;">Thank you all for a great year!<br>We're here to share the next with you.</h2>
+
+        <div style="display: flex; flex-direction: column; align-items: center;"><img src="/imgs/wowaka.png" style="max-height: 15vh; margin-bottom: 30px;"></div>
 
         <footer style="padding: 3vh 0 3vh;">
             <div style="text-align: center;">
-                Credits for art on this page: @aozora39; @bready_todie; @miraigummies; @digiral; @miku.hatsune; among others of unknown origin.<br>
+                Credits for art on this page: @aozora39; @bready_todie; @miraigummies (hatsune niku); @digiral; @miku.hatsune; among others of unknown origin.<br>
             </div>
             <br>
             <div style="text-align: center;">
diff --git a/res/mobile.html b/res/mobile.html
index fdedcfd..5e947db 100644
--- a/res/mobile.html
+++ b/res/mobile.html
@@ -8,10 +8,297 @@
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
 
-        <link rel="stylesheet" href="./style-mobile.css">
+        <script src="./script.js"></script>
     </head>
     <body>
-        <h2>Please note that this page was designed for desktop viewing.</h2>
-        <a href="/index.html">Press here to continue.</a>
+
+        <!-- eye-catcher -->
+        <header class="column-display" style="min-height: 100svh;">
+            <div style="flex: 0.2;"></div>
+
+            <h1 style="text-align: left; font-size: 3vw; font-style: italic;">From The Hatsune Discord staff team</h1>
+            <div style="display: flex; justify-content: center; align-items: center;">
+                <img src="/imgs/Wing_of_Form.png" style="max-height: 3vh; image-rendering: pixelated;">
+                <h1 style="font-size: 6vw; padding-left: 10px; padding-right: 10px;" class="attention">LOTS HAPPENED IN 2025.</h1>
+                <img src="/imgs/Wing_of_Sound.png" style="max-height: 3vh; image-rendering: pixelated;">
+            </div>
+            <h1 style="text-align: right; font-size: 3.2vw;">We would like to present the highlights.</h1>
+
+            <div style="flex: 0.5;"></div>
+            <div style="display: flex; min-width: auto; justify-content: center; align-items: center;">
+                <img src="/imgs/miku_loading_please_wait.png" style="image-rendering: pixelated; width: 35vw;">
+            </div>
+            <div style="flex: 0.5;"></div>
+                
+            <span style="display: flex; flex-direction: column; align-items: center; width: auto;"><button class="attention" onclick="scrollToHighlights()" style="width: 45vw;">VIEW HIGHLIGHTS</button></span>
+
+            <div style="flex: 0.2;"></div>
+        </header>
+
+        <hr class="break" id="highlights"></hr>
+
+        <!-- top reactions -->
+        <div style="padding: 0 5vw 0 5vw">
+            <div style="display: flex; align-items: center;">
+                <h2 style="font-size: 4vw; margin: 0;"><span style="font-weight: 300;">Is it just me,</span> or is it comfy in here?</h2>
+                <img src="/imgs/absolute_comfy.png" style="max-height: 6vh; border-radius: 50%;">
+            </div>
+            <div style="display: flex; align-items: center;">
+                <img src="/imgs/digiral/Relaxed_-_Miku_and_Strawberry_Milk_Tea.png" style="max-height: 4vh; border-radius: 50%;">
+                <h2 style="font-size: 3.5vw; margin: 0;">Here are the top 10 most used reactions:</h2>
+            </div>
+            <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1136028749557678103.webp?size=128&animated=true" title=":squishycomfy:">
+                    <span class="inline-multiplier">x13,594</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1152034831392317483.webp?size=128" title=":comfypog:">
+                    <span class="inline-multiplier">x9,723</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/960550152689582171.webp?size=128" title=":mikukek:">
+                    <span class="inline-multiplier">x6,471</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1173629360276787222.webp?size=128" title=":39:">
+                    <span class="inline-multiplier">x5,275</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1336108168564052008.webp?size=128" title=":MikuTrue:">
+                    <span class="inline-multiplier">x3,885</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/961556069623148614.webp?size=128" title=":MikuLogo:">
+                    <span class="inline-multiplier">x3,704</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1224530638095519804.webp?size=128" title=":comfypat:">
+                    <span class="inline-multiplier">x2,809</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1049144884004659291.webp?size=128" title=":mikuwave:">
+                    <span class="inline-multiplier">x2,742</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1173317846676275230.webp?size=128" title=":Miku39Sekai:">
+                    <span class="inline-multiplier">x2,610</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1175603450852147262.webp?size=128" title=":40Sekai:">
+                    <span class="inline-multiplier">x2,460</span>
+                </li>
+            </ol>
+        </div>
+
+        <hr class="break"></hr>
+
+        <!-- top emotes -->
+        <div style="padding: 0 5vw 0 5vw">
+            <div style="display: flex; align-items: center;">
+                <h2 style="font-size: 4vw; margin: 0;">Add some spice to your message.</h2>
+                <img src="/imgs/cmpfpf.png" style="max-height: 4vh; border-radius: 50%; margin-left: 10px;">
+            </div>
+            <h2 style="font-size: 3.5vw; margin: 0;">Here are the top 10 most used emojis:</h2>
+            <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/960550152689582171.webp?size=128" title=":mikukek:">
+                    <span class="inline-multiplier">x10,285</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1158974570699685988.webp?size=128" title=":mikulaugh:">
+                    <span class="inline-multiplier">x9,442</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1184633291970711552.webp?size=128" title=":Comfymiku:">
+                    <span class="inline-multiplier">x7,687</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1152034831392317483.webp?size=128" title=":comfypog:">
+                    <span class="inline-multiplier">x5,466</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1173629360276787222.webp?size=128" title=":39:">
+                    <span class="inline-multiplier">x5,151</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/959890966318305311.webp?size=128" title=":mikucrying:">
+                    <span class="inline-multiplier">x3,686</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1172969588527476896.webp?size=128" title=":MikuPeek:">
+                    <span class="inline-multiplier">x3,179</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/973881754718973982.webp?size=128" title=":mikuthink:">
+                    <span class="inline-multiplier">x2,664</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1017123249802444911.webp?size=128&animated=true" title=":Mikulaugh:">
+                    <span class="inline-multiplier">x2,626</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://cdn.discordapp.com/emojis/1173317846676275230.webp?size=128" title=":Miku39Sekai:">
+                    <span class="inline-multiplier">x2,394</span>
+                </li>
+            </ol>
+        </div>
+
+        <hr class="break"></hr>
+
+        <!-- top stickers -->
+        <div style="padding: 0 5vw 0 5vw;">
+            <div style="display: flex; align-items: center;">
+                <h2 style="font-size: 7vw; margin: 0 10px 0 0;">Stickerbomb!</h2>
+                <img src="/imgs/digiral/Joy_-_Miku_and_Air_Guitar.png" style="max-height: 6vh; border-radius: 50%;">
+            </div>
+            <h2 style="font-size: 4vw; margin: 0;">Here are the top 10 most used stickers:</h2>
+            <ol style="display: flex; align-items: center; flex-direction: column; padding: 0;">
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1421313906953158848.png?size=128&quality=lossless" title="Best Friend 39">
+                    <span class="inline-multiplier">x624</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1143787295758106734.png?size=128&quality=lossless" title="MikuHiiiiiiiiii">
+                    <span class="inline-multiplier">x311</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1014423095135698994.png?size=128&quality=lossless" title="mikumouth">
+                    <span class="inline-multiplier">x250</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1338655635532939368.png?size=128&quality=lossless" title="MikuPleading">
+                    <span class="inline-multiplier">x216</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/961195007291842620.png?size=128&quality=lossless" title="Miku gun">
+                    <span class="inline-multiplier">x194</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1364439643734671461.png?size=128&quality=lossless" title="VampireMiku39">
+                    <span class="inline-multiplier">x168</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1104841444092559502.png?size=128&quality=lossless" title="MikuDepressed">
+                    <span class="inline-multiplier">x148</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1151384489260499004.png?size=128" title="Comfy Sleep">
+                    <span class="inline-multiplier">x111</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1106428089866649650.png?size=128&quality=lossless" title="MikuWithAGunWithoutAGun">
+                    <span class="inline-multiplier">x110</span>
+                </li>
+                <li class="emoji-line-center">
+                    <img class="emoji" src="https://media.discordapp.net/stickers/1152286791706083389.png?size=128&quality=lossless" title="Show">
+                    <span class="inline-multiplier">x110</span>
+                </li>
+            </ol>
+        </div>
+
+        <hr class="break"></hr>
+
+        <!-- # of messages -->
+        <div style="display: flex; flex-direction: column; align-items: center;">
+            <div class="messages" style="display: flex; flex-direction: column; text-align: center; align-items: center;">
+                <div style="min-height: 3vh;"></div>
+                <h1 style="font-size: 5vw; text-align: center; margin: 0;">Let's talk messages.</h1>
+                <h1 style="font-size: 6vw; text-align: center; font-weight: 300; margin: 0;">We sent <span style="font-weight: 900;">1,091,742 of them.</span></h1>
+                <h1 style="font-size: 3vw; text-align: center; margin: 0;">We're glad you spent this much time with us.</h1>
+                <div style="min-height: 3vh;"></div>
+                <img style="max-width: 45vw;" src="/imgs/digiral/Excitement_-_Miku_and_Sparkling_Eyes.png">
+                <div style="min-height: 3vh;"></div>
+            </div>
+        </div>
+
+        <hr class="break"></hr>
+
+        <!-- top message reactions -->
+        <div style="padding: 0 5vw 0 5vw; font-size: 1.5vw;">
+            <h2 style="font-size: 3.5vw; margin: 0;">Some of those messages were pretty popular.</h2>
+            <h2 style="font-size: 3.2vw; margin: 0;">Here are each month's most reacted messages:</h2>
+            <ul style="display: flex; align-items: center; flex-direction: column; padding: 0; font-size: medium;">
+                <li>January: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1327391825639506022" style="color: white;">#general-01 by powerblade3</a> - 220</li>
+                <li>February: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1336869960051462214" style="color: white;">#general-01 by mikuoctoling39</a> - 119</li>
+                <li>March: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1349444678029938739" style="color: white;">#general-01 by miku.hatsune</a> - 99</li>
+                <li>April: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1356428710395383900" style="color: white;">#general-01 by bready_todie</a> - 93</li>
+                <li>May: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1370759579377467523" style="color: white;">#general-01 by powerblade3</a> - 95</li>
+                <li>June: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1384016890619498539" style="color: white;">#general-01 by .metalgoosesolid</a> - 60</li>
+                <li>July: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1394904034338672742" style="color: white;">#general-01 by kelcody</a> - 132</li>
+                <li>August: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1410694444570644590" style="color: white;">#general-01 by miku.hatsune</a> - 111</li>
+                <li>September: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1413968705410564146" style="color: white;">#general-01 by miku.hatsune</a> - 95</li>
+                <li>October: <a href="https://discord.com/channels/959218185356328960/960713007955079218/1424936706376863764" style="color: white;">#randomness-and-memes by yokoo99</a> - 95</li>
+                <li>November: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1440808203137847446" style="color: white;">#general-01 by iam_stove</a> - 52</li>
+                <li>December: <a href="https://discord.com/channels/959218185356328960/960712970831278180/1453468290897809510" style="color: white;">#general-01 by zunda_nectar</a> - 66</li>
+            </ul>
+        </div>
+
+        <hr class="break"></hr>
+
+        <!-- top message counts -->
+        <div style="padding: 0 5vw 0 5vw; font-size: 1.5vw;">
+            <h2 style="font-size: 4vw; margin: 0;">We had several keyboard enthusiasts.</h2>
+            <h2 style="font-size: 3vw; margin: 0;">Here are the top 10 users with the most messages:</h2>
+            <div style="display: flex; justify-content: center;">
+                <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 10vw;"><img src="/imgs/Miku_With_Tag.png" style="max-height: 15vh;"></div>
+                <ol style="display: flex; align-items: center; flex-direction: column; padding: 0; font-size: large">
+                    <li>@miraigummies - 52,746</li>
+                    <li>@koolaidkan - 42,391</li>
+                    <li>@iam_stove - 35,365</li>
+                    <li>@39.mik - 31,435</li>
+                    <li>@ballisticchillz - 30,283</li>
+                    <li>@powerblade3 - 29,304</li>
+                    <li>@miku.hatsune - 28,421</li>
+                    <li>@zunda_nectar - 28,119</li>
+                    <li>@simplename21 - 23,234</li>
+                    <li>@kelcody - 22,782</li>
+                </ol>
+            </div>
+        </div>
+
+        <hr class="break"></hr>
+
+        <!-- top 39 interactions -->
+        <div style="padding: 0 5vw 0 5vw; font-size: 1.5vw;">
+            <h2 style="font-size: 4vw; margin: 0;">You were always here with us.</h2>
+            <h2 style="font-size: 3vw; margin: 0;">Here are the top 10 users with the most '39' messages:</h2>
+            <div style="display: flex; justify-content: center;">
+                <ol style="display: flex; align-items: center; flex-direction: column; padding: 0; font-size: large;">
+                    <li>@iam_stove - 3,790</li>
+                    <li>@aozora39 - 3,445</li>
+                    <li>@cfm_megurine_luka - 3,325</li>
+                    <li>@starlitsleep - 2,707</li>
+                    <li>@miku.hatsune - 2,371</li>
+                    <li>@powerblade3 - 1,883</li>
+                    <li>@the_apricity_effect - 1,706</li>
+                    <li>@yokoo99 - 1,354</li>
+                    <li>@_1v40_ - 1,294</li>
+                    <li>@39.mik - 1,262</li>
+                </ol>
+                <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 7vw;">
+                    <img src="/imgs/digiral/Affection_-_Miku_and_Heart_Pose.png" style="max-height: 20vw;">
+                </div>
+            </div>
+        </div>
+
+        <hr class="break"></hr>
+
+        <h2 style="font-size: 4.7vw; text-align: center;">Thank you all for a great year!<br>We're here to share the next with you.</h2>
+
+        <div style="display: flex; flex-direction: column; align-items: center;"><img src="/imgs/wowaka.png" style="width: 30vw;"></div>
+
+        <footer style="padding: 3vh 0 3vh;">
+            <div style="text-align: center;">
+                Credits for art on this page: @aozora39; @bready_todie; @miraigummies (hatsune niku); @digiral; @miku.hatsune; among others of unknown origin.<br>
+            </div>
+            <br>
+            <div style="text-align: center;">
+                <a href="https://gitea.proxnet.dev/zombieb/hatsune-2025-stats" style="color: white;">Open-source.</a>
+                100% human-generated. Page design by @zombieb; Data by @poco0317
+            </div>
+        </footer>
+
+        <link rel="stylesheet" href="./style-mobile.css">
     </body>
 </html>
\ No newline at end of file
diff --git a/res/style-mobile.css b/res/style-mobile.css
index 95f1a53..dc08daf 100644
--- a/res/style-mobile.css
+++ b/res/style-mobile.css
@@ -1,14 +1,78 @@
+.attention {
+    font-optical-sizing: auto;
+    font-weight: 800;
+    font-style: normal;
+}
+
 body {
     margin: 0;
     padding: 0 5vw 0 5vw;
 
     font-family: "DM Sans", sans-serif;
     -webkit-font-smoothing: antialiased;
-    
+    background: linear-gradient(180deg, rgb(39, 39, 39) 98%, rgb(0, 61, 57) 100%);
+
     color: white;
-    background-color: #323232;
 }
 
-a {
+.column-display {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+
+.break {
     color: white;
+    opacity: 50%;
+    width: 75vw;
+}
+
+.emoji-line-center {
+    padding: 15px;
+
+    display: flex;
+    align-items: center;
+
+    font-size: 10vw;
+}
+
+.emoji {
+    width: 6vh;
+}
+
+button {
+    width: 12vw;
+    height: 6vh;
+
+    border: none;
+    border-radius: 12vw;
+
+    font-size: larger;
+    font-family: "DM Sans", sans-serif;
+
+    color: rgb(255, 255, 255);
+
+    cursor: pointer;
+
+    background-color: #0ca97a;
+    transition: background-color 100ms;
+}
+
+button:hover,
+focus,
+active {
+    background-color: #0fc28c;
+}
+
+.inline-multiplier {
+    padding-left: 10px;
+}
+
+.messages {
+    background-image: url("/imgs/stage_blur.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+
+    min-width: 80vw;
 }
\ No newline at end of file
diff --git a/res/style.css b/res/style.css
index 3f284a9..90e4468 100644
--- a/res/style.css
+++ b/res/style.css
@@ -10,7 +10,7 @@ body {
 
     font-family: "DM Sans", sans-serif;
     -webkit-font-smoothing: antialiased;
-    background: linear-gradient(180deg, rgb(49, 49, 49) 98%, rgb(0, 61, 57) 100%);
+    background: linear-gradient(180deg, rgb(39, 39, 39) 98.5%, rgb(0, 61, 57) 100%);
 
     color: white;
 }
@@ -62,4 +62,17 @@ button:hover,
 focus,
 active {
     background-color: #0fc28c;
+}
+
+.inline-multiplier {
+    padding-left: 10px;
+}
+
+.messages {
+    background-image: url("/imgs/stage_blur.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+
+    min-width: 80vw;
 }
\ No newline at end of file
