Fix CSS GPU compositing bug causing long lists to disappear

Root cause: transition with transform on .card promoted it to a GPU
compositing layer. Chrome miscalculates paint bounds for tall containers
with many children, causing content to clip until a zoom triggers repaint.

Fixes:
- Remove transform from .card transition (only box-shadow/border-color)
- Use transform:none instead of translateY(0)/translateX(0) in animation
  end states to release the compositing layer after animation completes
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/assets/css/main.css

@@ -537,7 +537,7 @@ code {
     }
     to {
         opacity: 1;
-        transform: translateY(0);
+        transform: none;
     }
 }
 
@@ -565,7 +565,6 @@ code {
     margin-bottom: 0;
     overflow: visible;
     transition: box-shadow var(--duration-normal) var(--ease-out),
-                transform var(--duration-normal) var(--ease-out),
                 border-color var(--duration-normal) ease;
 }
 
@@ -828,7 +827,7 @@ code {
     }
     to {
         opacity: 1;
-        transform: translateX(0);
+        transform: none;
     }
 }