fix: update style, resolve old css leaks issue

web/src/lib/components/kit/ToolCard.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
+	import { resolve } from "$app/paths";
 	import { ArrowUpRight } from "@lucide/svelte";
 	import type { Component } from "svelte";
 	import Icon from "./Icon.svelte";
-	import { resolve } from "$app/paths";
 
 	interface Props {
 		title: string;
@@ -12,9 +12,11 @@
 		icon?: Component<{ size?: number; class?: string }>;
 	}
 	let { title, href, description, index, icon }: Props = $props();
+
+	let normalizedHref = $derived(href === "#" ? "/" : href);
 </script>
 
-<a class="tool-card" href={resolve(href)}>
+<a class="tool-card" href={resolve(normalizedHref)}>
 	{#if icon}<span class="tool-icon"><Icon {icon} size={19} /></span>{/if}
 	<span class="tool-copy">
 		<strong>{title}</strong>

web/src/lib/components/kit/TopBar.svelte

@@ -77,6 +77,7 @@
 		gap: 10px;
 		font: 600 14px var(--font-mono);
 		color: var(--foreground);
+		text-decoration: none;
 	}
 	.brand-mark {
 		background: var(--blue);
@@ -101,7 +102,7 @@
 	}
 	.nav a {
 		color: var(--muted);
-		font: 12px var(--font-mono);
+		font: 10px var(--font-mono);
 		text-decoration: none;
 	}
 	.nav a:hover {