<div class="bg-elevated rounded-xl border border-primary p-4 shadow-lg">
  <p class="text-xs italic text-muted mb-4 opacity-70">
    This leaderboard shows time logged in the last 24 hours (UTC time).
  </p>
  <div class="space-y-2">
    <% (current_user ? 5 : 3).times do %>
      <div class="flex items-center p-3 rounded-lg bg-dark opacity-70 animate-pulse">
        <div class="w-8 text-center text-muted">...</div>
        <div class="flex-1 mx-3 text-muted">Loading...</div>
        <div class="flex-shrink-0 font-mono text-sm text-muted">...</div>
      </div>
    <% end %>
  </div>
</div>
