src/web/src/layouts/PublicLayout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react'
+import { ThemeToggle } from '@/components/layout/ThemeToggle'
 
 interface PublicLayoutProps {
   children: ReactNode
@@ -24,6 +25,11 @@ export function PublicLayout({ children }: PublicLayoutProps) {
       <div className="absolute top-[-20%] right-[-10%] w-[500px] h-[500px] rounded-full bg-brand-500/10 dark:bg-brand-500/15 blur-[120px] pointer-events-none" />
       <div className="absolute bottom-[-20%] left-[-10%] w-[500px] h-[500px] rounded-full bg-violet-500/10 dark:bg-violet-500/12 blur-[120px] pointer-events-none" />
 
+      {/* Theme toggle — top-right, glass over gradient */}
+      <div className="absolute top-4 right-4 z-20">
+        <ThemeToggle />
+      </div>
+
       {/* Content */}
       <div className="relative z-10 w-full flex justify-center">{children}</div>
     </div>