remove explicit coloring from shadcn summary card

src/app/page.tsx

@@ -230,32 +230,29 @@ export default function HomePage() {
       {/* AI Toolbar */}
       <div className="flex flex-row gap-4 mb-4 items-start">
         {session?.user && (
-          <div className='w-full'>
+          <>
-            <Textarea
+            <div className='w-full'>
-              className="wrap-anywhere min-h-12"
+              <Textarea
-              placeholder='Describe event for AI to create'
+                className="wrap-anywhere min-h-12"
-              value={aiPrompt}
+                placeholder='Describe event for AI to create'
-              onChange={e => setAiPrompt(e.target.value)}
+                value={aiPrompt}
-            />
+                onChange={e => setAiPrompt(e.target.value)}
-          </div>
+              />
+            </div>
+            <div className='flex flex-row gap-2 pt-1.5'>
+              <Button onClick={handleAiCreate} disabled={aiLoading}>
+                {aiLoading ? 'Thinking...' : 'AI Create'}
+              </Button>
+            </div>
+          </>
         )}
-        <div className='flex flex-row gap-2 pt-1.5'>
-          {session?.user && (
-            <Button onClick={handleAiCreate} disabled={aiLoading}>
-              {aiLoading ? 'Thinking...' : 'AI Create'}
-            </Button>
-          )}
-          <Button variant="secondary" onClick={handleAiSummarize} disabled={aiLoading}>
-            {aiLoading ? 'Summarizing...' : 'AI Summarize'}
-          </Button>
-        </div>
       </div>
 
       {/* Summary Panel */}
       {
         summary && (
-          <Card className="p-4 mb-4 bg-gray-50 border border-gray-200">
+          <Card className="p-4 mb-4">
-            <div className="text-sm text-gray-500 mb-1">
+            <div className="text-sm mb-1">
               Summary updated {summaryUpdated}
             </div>
             <div>{summary}</div>
@@ -273,6 +270,9 @@ export default function HomePage() {
             <Button variant="destructive" onClick={handleClearAll}>Clear All</Button>
           </>
         )}
+        <Button variant="secondary" onClick={handleAiSummarize} disabled={aiLoading}>
+          {aiLoading ? 'Summarizing...' : 'AI Summarize'}
+        </Button>
       </div>
 
       {/* Event List */}