silly features in place

frontend/app/page.tsx

@@ -56,6 +56,13 @@ export default function Home() {
   return (
     <main style={styles.main}>
       <div style={styles.header}>
+        <div style={styles.nav}>
+          <span style={styles.navCurrent}>Counter</span>
+          <span style={styles.navDivider}>•</span>
+          <a href="/sum" style={styles.navLink}>Sum</a>
+          <span style={styles.navDivider}>•</span>
+          <a href="/audit" style={styles.navLink}>Audit</a>
+        </div>
         <div style={styles.userInfo}>
           <span style={styles.userEmail}>{user.email}</span>
           <button onClick={handleLogout} style={styles.logoutBtn}>
@@ -97,11 +104,35 @@ const styles: Record<string, React.CSSProperties> = {
   header: {
     padding: "1.5rem 2rem",
     borderBottom: "1px solid rgba(255, 255, 255, 0.06)",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  nav: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.75rem",
+  },
+  navLink: {
+    fontFamily: "'DM Sans', system-ui, sans-serif",
+    color: "rgba(255, 255, 255, 0.5)",
+    fontSize: "0.875rem",
+    textDecoration: "none",
+    transition: "color 0.2s",
+  },
+  navDivider: {
+    color: "rgba(255, 255, 255, 0.2)",
+    fontSize: "0.75rem",
+  },
+  navCurrent: {
+    fontFamily: "'DM Sans', system-ui, sans-serif",
+    color: "#a78bfa",
+    fontSize: "0.875rem",
+    fontWeight: 600,
   },
   userInfo: {
     display: "flex",
     alignItems: "center",
-    justifyContent: "flex-end",
     gap: "1rem",
   },
   userEmail: {