Index: src/assets/css/style.css
===================================================================
--- src/assets/css/style.css	(revision d8693e4360cb0d0886b241eb75ccf2099eebf07b)
+++ src/assets/css/style.css	(revision c2a9522ac43ef5268b075cfce394d030c62d05ff)
@@ -310,6 +310,8 @@
     border-bottom: 1px solid var(--rule);
     padding: calc(1rem + var(--safe-top)) 0 1rem;
-    background: color-mix(in srgb, var(--paper) 88%, transparent);
-    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
+    /* GEEN backdrop-filter hier: een voorouder met backdrop-filter blokkeert de
+       frosted blur van het user-menu-dropdown eronder. Masthead is toch bijna
+       dekkend, dus solide bg i.p.v. blur. */
+    background: color-mix(in srgb, var(--paper) 94%, transparent);
     position: sticky; top: 0; z-index: 20;
 }
Index: src/views/partials/topnav.ejs
===================================================================
--- src/views/partials/topnav.ejs	(revision d8693e4360cb0d0886b241eb75ccf2099eebf07b)
+++ src/views/partials/topnav.ejs	(revision c2a9522ac43ef5268b075cfce394d030c62d05ff)
@@ -364,8 +364,8 @@
   min-width: 220px;
   padding: .35rem;
-  /* Frosted glass: bewust transparanter (was 92%) zodat de blur écht doorkomt. */
-  background: color-mix(in srgb, var(--paper) 66%, transparent);
-  backdrop-filter: blur(20px) saturate(180%);
-  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  /* Frosted glass: transparant + zware blur zodat het frosted effect duidelijk is. */
+  background: color-mix(in srgb, var(--paper) 60%, transparent);
+  backdrop-filter: blur(34px) saturate(190%);
+  -webkit-backdrop-filter: blur(34px) saturate(190%);
   border: 1px solid var(--rule);
   border-radius: 12px;
Index: src/views/shell.ejs
===================================================================
--- src/views/shell.ejs	(revision d8693e4360cb0d0886b241eb75ccf2099eebf07b)
+++ src/views/shell.ejs	(revision c2a9522ac43ef5268b075cfce394d030c62d05ff)
@@ -163,5 +163,5 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=4">
+<link rel="stylesheet" href="/assets/css/style.css?v=5">
 
 <!-- Audio player styles: loaded on every page so the mini-player works