fix: address code review for visual layer + topbar (#4)

public/css/shared.css

@@ -72,6 +72,9 @@
     --shadow-overlay: 0 20px 60px rgba(15, 23, 42, 0.15), 0 4px 12px rgba(15, 23, 42, 0.08);
 
     --transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+
+    /* Topbar dimensions (used by sticky thead) */
+    --topbar-height: 64px;
 }
 
 /* ── Reset & Base ─────────────────────────────── */
@@ -279,6 +282,7 @@ body {
 }
 
 @media (max-width: 880px) {
+    :root { --topbar-height: 56px; }
     .topbar__inner { padding: 10px 16px; gap: 10px; }
     .topbar__meta-item, .topbar__divider { display: none; }
     .topbar__refresh-label { display: none; }
@@ -322,7 +326,7 @@ table {
 
 thead {
     position: sticky;
-    top: 56px;
+    top: var(--topbar-height);
     z-index: 10;
 }
 
@@ -547,7 +551,7 @@ a:hover {
     }
 
     thead {
-        top: 56px;
+        top: var(--topbar-height);
     }
 }