diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index bd4ddfc..dbd1aae 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -343,11 +343,16 @@ a:focus-visible {
   justify-content: space-between;
   padding: 0 1.5rem;
   background: var(--header-bg);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
   border-bottom: 1px solid var(--border);
 }
 
+@media (min-width: 1025px) {
+  .site-header {
+    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
+  }
+}
+
 .header-left {
   display: flex;
   align-items: center;
diff --git a/hdyc-svelte/src/app.html b/hdyc-svelte/src/app.html
index 409a589..93fe6a0 100644
--- a/hdyc-svelte/src/app.html
+++ b/hdyc-svelte/src/app.html
@@ -12,7 +12,7 @@
 		/>
 		<link
 			rel="preload"
-			href="/fonts/inter/Inter-Bold.woff2"
+			href="/fonts/inter/Inter-ExtraBold.woff2"
 			as="font"
 			type="font/woff2"
 			crossorigin
diff --git a/hdyc-svelte/src/lib/components/CategoryCard.svelte b/hdyc-svelte/src/lib/components/CategoryCard.svelte
index 5829b22..a891bb2 100644
--- a/hdyc-svelte/src/lib/components/CategoryCard.svelte
+++ b/hdyc-svelte/src/lib/components/CategoryCard.svelte
@@ -24,8 +24,6 @@
     text-decoration: none;
     color: var(--text);
     transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
     cursor: pointer;
   }
   .category-card:hover {
diff --git a/hdyc-svelte/src/lib/components/Sidebar.svelte b/hdyc-svelte/src/lib/components/Sidebar.svelte
index f99d92f..a0cf2de 100644
--- a/hdyc-svelte/src/lib/components/Sidebar.svelte
+++ b/hdyc-svelte/src/lib/components/Sidebar.svelte
@@ -2,7 +2,18 @@
   import { browser } from '$app/environment';
   import { onMount } from 'svelte';
   import { page } from '$app/stores';
-  import { categories, getCalculatorsByCategory, type CalculatorDef } from '$lib/data/calculators';
+  import { categories } from '$lib/data/stats';
+  import type { CalculatorDef } from '$lib/data/calculators';
+
+  let allCalculators: CalculatorDef[] = [];
+  let isLoaded = false;
+
+  async function loadData() {
+    if (isLoaded || !browser) return;
+    const module = await import('$lib/data/calculators');
+    allCalculators = module.calculators;
+    isLoaded = true;
+  }
 
   let expandedCategory = '';
   let expandedUnits: Record<string, string> = {};
@@ -76,7 +87,12 @@
 
   $: categoryUnitGroups = Object.entries(categories).map(([key, meta]) => {
     const buckets = new Map<string, UnitBucket>();
-    const calcs = getCalculatorsByCategory(key);
+    
+    if (!isLoaded) {
+      return { key, meta, units: [] };
+    }
+
+    const calcs = allCalculators.filter(c => c.category === key && !c.hidden);
     const canonicalByPair = new Map<string, CalculatorDef>();
 
     calcs.forEach(calc => {
@@ -161,6 +177,11 @@
   }
 
   export let open = false;
+
+  $: if (browser && (isDesktop || open)) {
+    loadData();
+  }
+
   $: isSidebarHidden = !isDesktop && !open;
 
   function closeSidebar() {