feat(web): up avatars, follower count, and dedupe views/avg secondary

reaction_board/web/static/style.css

@@ -353,6 +353,25 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo
 .cover-placeholder img.image-error { opacity: 0; }
 .video-card-body { grid-column: 3; grid-row: 1; min-width: 0; }
 .up-card-body { grid-column: 3; grid-row: 1; min-width: 0; }
+.up-avatar {
+  grid-column: 2;
+  grid-row: 1;
+  justify-self: center;
+  align-self: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  overflow: hidden;
+  background: var(--surface-2);
+  display: grid;
+  place-items: center;
+  color: var(--muted);
+  font-size: 20px;
+  font-weight: 700;
+}
+.up-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.up-card.no-rank > .up-avatar { grid-column: 1; }
+.avatar-placeholder { text-transform: uppercase; }
 .video-title {
   display: -webkit-box;
   -webkit-line-clamp: 2;
@@ -717,6 +736,21 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo
   background: var(--surface);
 }
 .hero-cover { width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; }
+.up-hero-head { display: flex; align-items: center; gap: 14px; }
+.hero-avatar {
+  flex: 0 0 auto;
+  width: 72px;
+  height: 72px;
+  border-radius: 50%;
+  overflow: hidden;
+  background: var(--surface-2);
+  display: grid;
+  place-items: center;
+  color: var(--muted);
+  font-size: 26px;
+  font-weight: 700;
+}
+.hero-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
 .detail-hero-body h1 { font-size: 19px; line-height: 1.35; letter-spacing: -0.3px; }
 .detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 8px; color: var(--muted); font-size: 12px; }
 .compact-hero { padding: 18px; }