Index: src/views/pages/epk.ejs
===================================================================
--- src/views/pages/epk.ejs	(revision 255e3d35582549cc0de8fa12acbc354d08fcbfdb)
+++ src/views/pages/epk.ejs	(revision 977f65dcbd1516c5c9fc5ede25fb4f04159c5872)
@@ -28,8 +28,9 @@
   <% if (epkTracks && epkTracks.length) { %>
     <div class="epk-block">
-      <h2 class="epk-h2">Muziek</h2>
+      <h2 class="epk-h2">Meest beluisterd</h2>
       <ul class="epk-tracks">
-        <% epkTracks.forEach(function(t){ %>
+        <% epkTracks.forEach(function(t, i){ %>
           <li class="epk-track">
+            <span class="epk-rank"><%= i + 1 %></span>
             <% if (t.cover_url) { %><span class="epk-cover" style="background-image:url('<%= t.cover_url %>')"></span><% } else { %><span class="epk-cover epk-cover-empty">♪</span><% } %>
             <span class="epk-track-meta">
@@ -77,4 +78,5 @@
   .epk-tracks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
   .epk-track { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid rgba(128,128,128,.18); border-radius: 12px; }
+  .epk-rank { flex: 0 0 auto; width: 20px; text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; opacity: .45; }
   .epk-cover { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 8px; background-size: cover; background-position: center; display: grid; place-items: center; }
   .epk-cover-empty { background: var(--epk-accent); color: #fff; opacity: .85; }