remove explicit coloring from shadcn summary card

src/app/page.tsx

@@ -230,6 +230,7 @@ export default function HomePage() {
       {/* AI Toolbar */}
       <div className="flex flex-row gap-4 mb-4 items-start">
         {session?.user && (
+          <>
             <div className='w-full'>
               <Textarea
                 className="wrap-anywhere min-h-12"
@@ -238,24 +239,20 @@ export default function HomePage() {
                 onChange={e => setAiPrompt(e.target.value)}
               />
             </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 */}