Harden onion boot flow and deepen site surfaces

Add persistent onion key backup and restore, improve startup resilience, and flesh out the major site verticals with richer navigation, search coverage, and operator documentation.

Made-with: Cursor

app/easter-eggs/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import Link from "next/link";
+import { useState } from "react";
+import ThemedLayout from "@/components/layouts/ThemedLayout";
+
+export default function EasterEggsPage() {
+  const [clicked, setClicked] = useState(false);
+
+  return (
+    <ThemedLayout theme="zine" siteTitle="404" siteSubtitle="Easter Egg Not Found">
+      <section className="container mx-auto max-w-6xl px-4 py-12 text-center min-h-[60vh] flex flex-col justify-center items-center">
+        <h1 className="text-3xl font-bold theme-accent mb-8">
+          404: Easter Egg Not Found
+        </h1>
+        <p className="opacity-80 mb-8 max-w-md">
+          Just kidding. But you really thought we would just hand it to you?
+          Click the invisible button below.
+        </p>
+        
+        <button 
+          onClick={() => setClicked(true)}
+          className="h-16 w-16 cursor-pointer rounded-full bg-zinc-600/20 opacity-0 transition-opacity hover:opacity-40"
+        >
+          Button
+        </button>
+
+        {clicked && (
+          <div className="theme-card mt-12 p-8 rounded-2xl animate-pulse">
+            <h2 className="text-2xl font-bold mb-4">You found it!</h2>
+            <p className="mb-4">Your prize is exactly one (1) sense of pride and accomplishment.</p>
+            <Link href="/secret-layer" className="theme-accent hover:underline">
+              Now proceed to the secret layer.
+            </Link>
+          </div>
+        )}
+      </section>
+    </ThemedLayout>
+  );
+}