diff --git a/app/root.tsx b/app/root.tsx
index 8e0df69..4f3b053 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -24,6 +24,8 @@ export const links: Route.LinksFunction = () => [
   },
 ];
 
+import { Toaster } from "sonner";
+
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
@@ -32,11 +34,13 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
+        <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
       </head>
-      <body>
+      <body className="bg-[#0D0D0D] text-white">
         {children}
         <ScrollRestoration />
         <Scripts />
+        <Toaster theme="dark" position="bottom-right" richColors />
       </body>
     </html>
   );
