Improve readability and randomize guest landing pet.

Pair Share Tech Mono body text with Press Start 2P display accents, and show a randomized dressed pixel character for signed-out homepage previews.

components/layout/app-nav.tsx

@@ -93,7 +93,7 @@ export const AppNav = forwardRef<HTMLElement, AppNavProps>(function AppNav(
               onPointerEnter={() => prefetchByRoute[item.href]?.()}
               onFocus={() => prefetchByRoute[item.href]?.()}
               className={cn(
-                "bottom-nav-item flex flex-col items-center justify-center gap-1.5 overflow-hidden border-2 px-1 py-2 text-[9px] leading-none transition-colors duration-75",
+                "bottom-nav-item flex flex-col items-center justify-center gap-1.5 overflow-hidden border-2 px-1 py-2 font-pixel text-[8px] leading-none transition-colors duration-75",
                 isActive
                   ? "border-secondary bg-primary text-primary-foreground shadow-[var(--retro-shadow-sm)]"
                   : "border-transparent text-muted-foreground hover:border-border hover:bg-muted hover:text-foreground",

components/layout/app-page-header.tsx

@@ -16,9 +16,9 @@ export function AppPageHeader({
           {eyebrow}
         </p>
       ) : null}
-      <h1 className="text-sm">{title}</h1>
+      <h1 className="text-base">{title}</h1>
       {description ? (
-        <p className="mt-2 text-xs leading-relaxed text-muted-foreground">
+        <p className="mt-2 text-sm leading-relaxed text-muted-foreground">
           {description}
         </p>
       ) : null}

components/layout/auth-bottom-nav.tsx

@@ -28,7 +28,7 @@ export function AuthBottomNav() {
               key={item.href}
               href={item.href}
               className={cn(
-                "flex flex-col items-center gap-1 rounded-lg px-1 py-2 text-[9px] font-medium leading-tight transition-colors",
+                "flex flex-col items-center gap-1 rounded-lg px-1 py-2 font-pixel text-[8px] font-normal leading-tight transition-colors",
                 isActive
                   ? "bg-primary text-primary-foreground"
                   : "text-muted-foreground hover:bg-muted hover:text-foreground",

components/layout/habit-brand.tsx

@@ -41,7 +41,7 @@ export function HabitBrand({
         />
       ) : (
         <span
-          className="select-none text-[10px] uppercase tracking-widest text-primary"
+          className="font-pixel select-none text-[10px] uppercase tracking-widest text-primary"
           aria-hidden="true"
         >
           HaBit

components/layout/site-header.tsx

@@ -11,7 +11,7 @@ export function SiteHeader() {
   return (
     <header className="w-full border-b border-b-foreground/10">
       <div className="mx-auto flex h-16 w-full max-w-5xl items-center justify-between px-5 text-sm">
-        <Link href={routes.home} className="font-semibold tracking-tight">
+        <Link href={routes.home} className="font-pixel text-xs tracking-tight">
           Habit Pet
         </Link>
         {!hasEnvVars ? (