diff --git a/src/components/AIChat.tsx b/src/components/AIChat.tsx
index 49ed590..6793131 100644
--- a/src/components/AIChat.tsx
+++ b/src/components/AIChat.tsx
@@ -33,6 +33,10 @@ export function AIChat({ currentCode }: AIChatProps) {
     setIsLoading(true);
 
     try {
+      if (typeof window === 'undefined' || !window.spark?.llm) {
+        throw new Error('AI service is not available');
+      }
+
       const promptText = `You are an expert Roblox Lua developer helping a user with their code. The user is working on this code:
 
 \`\`\`lua
@@ -46,7 +50,6 @@ Provide helpful, concise answers. Include code examples when relevant. Keep resp
       const response = await window.spark.llm(promptText, 'gpt-4o-mini');
       setMessages((prev) => [...prev, { role: 'assistant', content: response }]);
     } catch (error) {
-      console.error('AI Error:', error);
       toast.error('Failed to get AI response. Please try again.');
       setMessages((prev) => [...prev, { role: 'assistant', content: 'Sorry, I encountered an error. Please try asking again.' }]);
     } finally {
diff --git a/src/components/CodeEditor.tsx b/src/components/CodeEditor.tsx
index 676668b..2e2e5bb 100644
--- a/src/components/CodeEditor.tsx
+++ b/src/components/CodeEditor.tsx
@@ -45,7 +45,7 @@ end)
         value={code}
         onChange={handleEditorChange}
         options={{
-          minimap: { enabled: window.innerWidth >= 768 },
+          minimap: { enabled: typeof window !== 'undefined' && window.innerWidth >= 768 },
           fontSize: 14,
           lineNumbers: 'on',
           automaticLayout: true,
diff --git a/src/components/ConsolePanel.tsx b/src/components/ConsolePanel.tsx
index 1d485b7..1e48bf0 100644
--- a/src/components/ConsolePanel.tsx
+++ b/src/components/ConsolePanel.tsx
@@ -35,11 +35,11 @@ export function ConsolePanel({ collapsed, onToggle }: ConsolePanelProps) {
       message: 'Player joined the game!',
     },
   ]);
-  const scrollRef = useRef<HTMLDivElement>(null);
+  const autoScrollRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    if (autoScrollRef.current) {
+      autoScrollRef.current.scrollIntoView({ behavior: 'smooth' });
     }
   }, [logs]);
 
@@ -118,7 +118,7 @@ export function ConsolePanel({ collapsed, onToggle }: ConsolePanelProps) {
         </TabsList>
 
         <TabsContent value="all" className="flex-1 m-0">
-          <ScrollArea className="h-[140px]" ref={scrollRef}>
+          <ScrollArea className="h-[140px]">
             <div className="px-4 py-2 space-y-1 font-mono text-xs">
               {logs.map((log) => (
                 <div key={log.id} className="flex items-start gap-2 py-1">
@@ -133,6 +133,7 @@ export function ConsolePanel({ collapsed, onToggle }: ConsolePanelProps) {
                   </span>
                 </div>
               ))}
+              <div ref={autoScrollRef} />
             </div>
           </ScrollArea>
         </TabsContent>
diff --git a/src/components/NewProjectModal.tsx b/src/components/NewProjectModal.tsx
index 34628c1..9039835 100644
--- a/src/components/NewProjectModal.tsx
+++ b/src/components/NewProjectModal.tsx
@@ -206,7 +206,7 @@ export function NewProjectModal({ open, onClose, onCreateProject }: NewProjectMo
                       id="platform-roblox"
                       checked={platforms.roblox}
                       onCheckedChange={(checked) =>
-                        setPlatforms((p) => ({ ...p, roblox: checked as boolean }))
+                        setPlatforms((p) => ({ ...p, roblox: checked === true }))
                       }
                     />
                     <Label htmlFor="platform-roblox" className="flex items-center gap-2 cursor-pointer">
@@ -219,7 +219,7 @@ export function NewProjectModal({ open, onClose, onCreateProject }: NewProjectMo
                       id="platform-web"
                       checked={platforms.web}
                       onCheckedChange={(checked) =>
-                        setPlatforms((p) => ({ ...p, web: checked as boolean }))
+                        setPlatforms((p) => ({ ...p, web: checked === true }))
                       }
                     />
                     <Label htmlFor="platform-web" className="flex items-center gap-2 cursor-pointer">
@@ -232,7 +232,7 @@ export function NewProjectModal({ open, onClose, onCreateProject }: NewProjectMo
                       id="platform-mobile"
                       checked={platforms.mobile}
                       onCheckedChange={(checked) =>
-                        setPlatforms((p) => ({ ...p, mobile: checked as boolean }))
+                        setPlatforms((p) => ({ ...p, mobile: checked === true }))
                       }
                     />
                     <Label htmlFor="platform-mobile" className="flex items-center gap-2 cursor-pointer">
diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
index 15217bb..f882b9d 100644
--- a/src/components/Toolbar.tsx
+++ b/src/components/Toolbar.tsx
@@ -25,7 +25,11 @@ export function Toolbar({ code, onTemplatesClick, onPreviewClick, onNewProjectCl
   const [user, setUser] = useState<{ login: string; avatarUrl: string; email: string } | null>(null);
 
   useEffect(() => {
-    window.spark.user().then(setUser).catch(() => setUser(null));
+    if (typeof window !== 'undefined' && window.spark?.user) {
+      window.spark.user().then(setUser).catch(() => setUser(null));
+    } else {
+      setUser(null);
+    }
   }, []);
 
   const handleCopy = async () => {
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 3b351b2..2e2c176 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -95,6 +95,10 @@ function SidebarProvider({
 
   // Adds a keyboard shortcut to toggle the sidebar.
   useEffect(() => {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     const handleKeyDown = (event: KeyboardEvent) => {
       if (
         event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
diff --git a/src/hooks/use-mobile.ts b/src/hooks/use-mobile.ts
index 3d7ec0a..cc10cbc 100644
--- a/src/hooks/use-mobile.ts
+++ b/src/hooks/use-mobile.ts
@@ -6,6 +6,10 @@ export function useIsMobile() {
   const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined)
 
   useEffect(() => {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
diff --git a/tailwind.config.js b/tailwind.config.js
index 8f44d5e..ce88a00 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,7 +10,8 @@ try {
     theme = JSON.parse(fs.readFileSync(themePath, "utf-8"));
   }
 } catch (err) {
-  console.error('failed to parse custom styles', err)
+  // Silently fall back to empty theme object if custom theme cannot be loaded
+  theme = {};
 }
 const defaultTheme = {
   container: {