Auto-Commit: 2026-09-01 22:51:13

src/components/ResultsPanel.tsx

@@ -54,7 +54,7 @@ export function ResultsPanel({
 
   return (
     <div>
-      <div className="sticky top-0 z-30 -mx-4 px-4 py-2.5 bg-bg/60 backdrop-blur-md border-b border-border mb-5 flex items-center justify-between gap-3">
+      <div className="sticky top-0 z-30 -mx-4 px-4 py-2.5 bg-bg/90 border-b border-border mb-5 flex items-center justify-between gap-3">
         <h2 className="text-sm font-bold text-fg">{t.results}</h2>
         <div className="flex items-center gap-1">
           {anyRegenerating && onCancel && (
@@ -142,7 +142,7 @@ export function ResultsPanel({
 function EmptyState() {
   const { t } = useI18n();
   return (
-    <div className="flex flex-col items-center justify-center text-center px-6 py-20 rounded-2xl border border-dashed border-border backdrop-blur-sm bg-bg-card/30">
+    <div className="flex flex-col items-center justify-center text-center px-6 py-20 rounded-2xl border border-dashed border-border bg-bg-card/70">
       <div className="relative w-16 h-16 mb-5">
         <div className="absolute inset-0 rounded-full bg-gradient-to-br from-accent-primary/20 to-accent-warm/20 blur-xl" />
         <div className="relative w-full h-full rounded-full bg-bg-card border border-border flex items-center justify-center shadow-lg">

src/index.css

@@ -73,7 +73,7 @@
 
 @layer components {
     .card {
-        @apply bg-bg-card border border-border rounded-2xl shadow-lg backdrop-blur-xl transition-colors duration-300;
+        @apply bg-bg-card border border-border rounded-2xl shadow-lg transition-colors duration-300;
         box-shadow: 0 4px 24px rgba(100, 60, 200, 0.08), 0 1px 3px rgba(0,0,0,0.12);
     }
 
@@ -103,7 +103,7 @@
 
     .btn-secondary {
         @apply inline-flex items-center justify-center gap-2 px-4 py-2 rounded-xl font-semibold text-sm
-           bg-bg-card border border-border text-fg hover:bg-bg-hover shadow-sm backdrop-blur-md
+           bg-bg-card border border-border text-fg hover:bg-bg-hover shadow-sm
            transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed;
     }
     .btn-secondary:hover:not(:disabled) {
@@ -118,14 +118,14 @@
 
     .btn-fun {
         @apply inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-xl text-xs font-bold
-           border transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed backdrop-blur-sm;
+           border transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed;
     }
     .btn-fun:hover:not(:disabled) {
         transform: translateY(-1px) scale(1.03);
     }
 
     .input {
-        @apply w-full bg-bg-card backdrop-blur-md border border-border rounded-xl px-3 py-2 text-[14px] text-fg
+        @apply w-full bg-bg-card border border-border rounded-xl px-3 py-2 text-[14px] text-fg
            placeholder-fg-muted
            focus:outline-none focus:border-accent-primary
            focus:ring-2 focus:ring-accent-primary
@@ -138,7 +138,7 @@
 
     .chip {
         @apply inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border
-           bg-bg-card backdrop-blur-md text-sm font-semibold text-fg hover:bg-bg-hover shadow-sm
+           bg-bg-card text-sm font-semibold text-fg hover:bg-bg-hover shadow-sm
            transition-all duration-150 cursor-pointer;
     }
     .chip:hover {

src/pages/HomePage.tsx

@@ -368,7 +368,7 @@ export function HomePage() {
       <div className="liquid-blob-3" />
 
       {/* Header */}
-      <header className="shrink-0 z-30 sticky top-0 bg-bg-card/70 backdrop-blur-md border-b border-border shadow-sm">
+      <header className="shrink-0 z-30 sticky top-0 bg-bg-card/90 border-b border-border shadow-sm">
         <div className="max-w-screen-2xl mx-auto px-4 sm:px-6 h-12 flex items-center justify-between">
           {/* Logo */}
           <button