Index: src/assets/css/style.css
===================================================================
--- src/assets/css/style.css	(revision 48ca5fc43d1ada99e704de7005aa0fcd03b98286)
+++ src/assets/css/style.css	(revision aadb11e5657a6d4b97e9eb8086adbf5dcd46b838)
@@ -440,16 +440,6 @@
                 linear-gradient(160deg, var(--paper) 0%, var(--paper-2) 100%);
 }
-/* Klonkt-palet (donker): zuivere navy-diepte i.p.v. de accent(goud)-wash — anders
-   kleurt het gouden accent de navy warm/bruinig. Matcht de klonkt.com-look. */
-[data-theme="dark"][data-palette="klonkt"] body:not(.admin)::before {
-    background: radial-gradient(ellipse at top, #1a1f2b 0%, transparent 62%),
-                linear-gradient(160deg, var(--paper) 0%, var(--paper-2) 100%);
-}
-@media (prefers-color-scheme: dark) {
-    [data-palette="klonkt"]:not([data-theme="light"]) body:not(.admin)::before {
-        background: radial-gradient(ellipse at top, #1a1f2b 0%, transparent 62%),
-                    linear-gradient(160deg, var(--paper) 0%, var(--paper-2) 100%);
-    }
-}
+/* Klonkt-palet gebruikt nu (net als de andere paletten) de generieke accent-glow
+   hierboven → de achtergrond-gradient volgt de gekozen accentkleur. */
 ::selection { background: var(--accent-tint); color: var(--accent); }
 
@@ -4478,6 +4468,7 @@
 
 /* === Fediverse interactions — inherits the native .comment styling === */
-.post-fediverse .fedi-stats { display: flex; gap: .55rem; margin: .25rem 0 1.25rem; }
-.post-fediverse .fedi-stats span {
+.post-fediverse .fedi-stats { display: flex; gap: .55rem; margin: .25rem 0 1.25rem; align-items: center; }
+.post-fediverse .fedi-stats span,
+.post-fediverse .fedi-stats .fedi-stat-btn {
   display: inline-flex; align-items: center; gap: .35rem;
   padding: .2rem .65rem; border-radius: 999px; font-size: .82rem;
@@ -4485,4 +4476,6 @@
   background: color-mix(in srgb, currentColor 12%, transparent);
 }
+.post-fediverse .fedi-stats .fedi-stat-btn { border: 0; cursor: pointer; font-family: inherit; }
+.post-fediverse .fedi-stats .fedi-stat-btn:hover { color: var(--accent); background: color-mix(in srgb, var(--accent) 16%, transparent); }
 .post-fediverse .fedi-handle { color: var(--ink-soft, #888); font-size: .82rem; }
 .post-fediverse .comment-content p { margin: .2rem 0; }
Index: src/views/pages/circle-feed.ejs
===================================================================
--- src/views/pages/circle-feed.ejs	(revision 48ca5fc43d1ada99e704de7005aa0fcd03b98286)
+++ src/views/pages/circle-feed.ejs	(revision aadb11e5657a6d4b97e9eb8086adbf5dcd46b838)
@@ -20,5 +20,5 @@
       <% sites.forEach(function(s){ %>
         <% if (s.url) { %><a class="cirkel-member" href="<%= s.url %>" target="_blank" rel="noopener" title="<%= s.name %>"><% } else { %><span class="cirkel-member" title="<%= s.name %>"><% } %>
-          <span class="cirkel-avatar"<% if (s.avatar) { %> style="background-image:url('<%= s.avatar %>')"<% } %>><% if (!s.avatar) { %><%= (s.name || '?').charAt(0).toUpperCase() %><% } %></span>
+          <span class="cirkel-avatar"<% if (s.avatar) { %> style="background-image:url('<%= s.avatar %>');background-color:transparent"<% } %>><% if (!s.avatar) { %><%= (s.name || '?').charAt(0).toUpperCase() %><% } %></span>
           <span class="cirkel-member-name"><%= s.name %></span>
         <% if (s.url) { %></a><% } else { %></span><% } %>
Index: src/views/pages/post.ejs
===================================================================
--- src/views/pages/post.ejs	(revision 48ca5fc43d1ada99e704de7005aa0fcd03b98286)
+++ src/views/pages/post.ejs	(revision aadb11e5657a6d4b97e9eb8086adbf5dcd46b838)
@@ -31,9 +31,4 @@
       <% } %>
     </div>
-    <% if (post.status === 'published') { %>
-      <div class="post-like-row">
-        <%- include('../partials/like-button', { post: post, noteUri: (typeof ogOrigin !== 'undefined' && ogOrigin ? ogOrigin : '') + (typeof _base !== 'undefined' && _base ? _base : '') + '/' + post.slug, fediLikeCount: (typeof fediverse !== 'undefined' && fediverse ? fediverse.likeCount : 0), fediPh: t('fedi.remote_ph') }) %>
-      </div>
-    <% } %>
   </header>
 
@@ -72,31 +67,30 @@
   <% } %>
 
-  <!-- Fediverse interactions (threaded: inbound replies/likes/boosts + our replies) -->
-  <% if (typeof fediverse !== 'undefined' && fediverse && fediverse.total > 0) { %>
+  <!-- Fediverse interactions — single place: ⭐ like (clickable) + 🔁/💬 counts + reply -->
+  <% var _postAbsUrl = (typeof ogOrigin !== 'undefined' && ogOrigin ? ogOrigin : '') + (typeof _base !== 'undefined' && _base ? _base : '') + '/' + post.slug; %>
+  <% var _fedi = (typeof fediverse !== 'undefined' && fediverse) ? fediverse : { thread: [], likeCount: 0, announceCount: 0 }; %>
+  <% if (post.status === 'published') { %>
     <section class="post-fediverse post-comments" id="fediverse">
       <h2 class="comments-heading"><%= t('fedi.heading') %></h2>
       <p class="fedi-stats">
-        <span title="<%= t('fedi.likes') %>">⭐ <%= fediverse.likeCount %></span>
-        <span title="<%= t('fedi.boosts') %>">🔁 <%= fediverse.announceCount %></span>
-        <span title="<%= t('fedi.replies') %>">💬 <%= (fediverse.thread || []).length %></span>
+        <button type="button" class="fedi-stat-btn fedi-remote-reply-btn" data-fedi-uri="<%= _postAbsUrl %>" data-fedi-ph="<%= t('fedi.remote_ph') %>" title="<%= t('like.fedi_title') %>">⭐ <%= _fedi.likeCount %></button>
+        <span title="<%= t('fedi.boosts') %>">🔁 <%= _fedi.announceCount %></span>
+        <span title="<%= t('fedi.replies') %>">💬 <%= (_fedi.thread || []).length %></span>
       </p>
-      <% if (fediverse.thread && fediverse.thread.length) { %>
+      <% if (_fedi.thread && _fedi.thread.length) { %>
         <ol class="comments-list">
-          <% fediverse.thread.forEach(function(n){ %>
+          <% _fedi.thread.forEach(function(n){ %>
             <li class="comment"><%- include('../partials/fedi-node', { n: n, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime }) %></li>
           <% }); %>
         </ol>
       <% } %>
+      <div class="post-fediverse-cta">
+        <button type="button" class="btn fedi-remote-reply-btn" data-fedi-uri="<%= _postAbsUrl %>" data-fedi-ph="<%= t('fedi.remote_ph') %>">
+          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
+          <%= t('fedi.remote_reply') %>
+        </button>
+      </div>
     </section>
   <% } %>
-
-  <!-- Reply via the fediverse (remote interaction: bounces to the visitor's own server) -->
-  <% var _postAbsUrl = (typeof ogOrigin !== 'undefined' && ogOrigin ? ogOrigin : '') + (typeof _base !== 'undefined' && _base ? _base : '') + '/' + post.slug; %>
-  <div class="post-fediverse-cta">
-    <button type="button" class="btn fedi-remote-reply-btn" data-fedi-uri="<%= _postAbsUrl %>" data-fedi-ph="<%= t('fedi.remote_ph') %>">
-      <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
-      <%= t('fedi.remote_reply') %>
-    </button>
-  </div>
   <script>
   (function(){
Index: c/views/partials/like-button.ejs
===================================================================
--- src/views/partials/like-button.ejs	(revision 48ca5fc43d1ada99e704de7005aa0fcd03b98286)
+++ 	(revision )
@@ -1,13 +1,0 @@
-<%# Fediverse like — a visitor likes this post out loud from their OWN fediverse
-    account. Click → popover asks only for their server (e.g. mastodon.social) →
-    bounces to that server's /authorize_interaction, where they favourite it.
-    Reuses the .fedi-remote-reply-btn popover wired in post.ejs. The count shows
-    the incoming fediverse likes.
-    Expects: noteUri (post's public URL), fediLikeCount, fediPh (server hint). %>
-<button type="button" class="like-btn fedi-remote-reply-btn"
-        data-fedi-uri="<%= typeof noteUri !== 'undefined' ? noteUri : '' %>"
-        data-fedi-ph="<%= typeof fediPh !== 'undefined' && fediPh ? fediPh : 'mastodon.social' %>"
-        aria-label="<%= t('like.fedi_title') %>" title="<%= t('like.fedi_title') %>">
-  <span class="like-heart" aria-hidden="true">★</span>
-  <span class="like-count"><%= (typeof fediLikeCount !== 'undefined' && fediLikeCount) ? fediLikeCount : 0 %></span>
-</button>
Index: src/views/shell.ejs
===================================================================
--- src/views/shell.ejs	(revision 48ca5fc43d1ada99e704de7005aa0fcd03b98286)
+++ src/views/shell.ejs	(revision aadb11e5657a6d4b97e9eb8086adbf5dcd46b838)
@@ -175,5 +175,5 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=46">
+<link rel="stylesheet" href="/assets/css/style.css?v=47">
 
 <!-- Audio player styles: loaded on every page so the mini-player works