feat(ui): adopt Lyra theme

app/not-found.tsx

@@ -23,7 +23,7 @@ export default function NotFound() {
   const [message] = useState(() => MESSAGES[Math.floor(Math.random() * MESSAGES.length)]);
   
   return (
-    <div className="flex min-h-screen w-full flex-col items-center justify-center gap-2 bg-[#2225] backdrop-blur-md backdrop-grayscale">
+    <div className="flex min-h-screen w-full flex-col items-center justify-center gap-2 bg-background/80 backdrop-blur-md backdrop-grayscale">
       <Image
         src={Background}
         alt="404 Background"
@@ -31,13 +31,13 @@ export default function NotFound() {
         priority
         className="fixed top-0 left-0 z-[-1] h-full w-full object-cover opacity-20"
       />
-      <div className="rounded-sm bg-white p-4 pb-12 shadow-lg max-sm:landscape:hidden">
+      <div className="border bg-card p-4 pb-12 shadow-lg max-sm:landscape:hidden">
         <Image 
           src={Profile}
           alt="404" 
           width={256} 
           height={256} 
-          className="vintage-filter h-64 w-64 bg-gray-300" 
+          className="vintage-filter size-64 bg-muted"
         />
       </div>
       <h2 className="text-2xl font-semibold">404 ไม่พบหน้านี้</h2>