fix(skin): standardize backdrop-filter and fix minimal root sizing (#895)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

packages/skins/src/default/tailwind/components/overlay.ts

@@ -7,7 +7,7 @@ export const overlay = cn(
   // Default: hidden
   'opacity-0',
   'bg-linear-to-t from-black/50 via-black/30 to-transparent',
-  'backdrop-blur-none backdrop-saturate-120 backdrop-brightness-90',
+  'backdrop-blur-none backdrop-saturate-150',
   // Transitions
   'transition-[opacity,backdrop-filter] ease-out',
   'duration-300 delay-500',
@@ -19,7 +19,7 @@ export const overlay = cn(
   'peer-data-open/error:opacity-100',
   'peer-data-open/error:duration-150',
   'peer-data-open/error:delay-0',
-  'peer-data-open/error:backdrop-blur',
+  'peer-data-open/error:backdrop-blur-lg',
   // Reduced motion
   'motion-reduce:duration-100'
 );

packages/skins/src/default/tailwind/video.tailwind.ts

@@ -59,7 +59,7 @@ export const root = (isShadowDOM: boolean) =>
 export const surface = cn(
   baseSurface,
   'bg-white/10',
-  'backdrop-brightness-90 backdrop-saturate-150 backdrop-blur-3xl',
+  'backdrop-saturate-150 backdrop-blur-lg',
   // Border and shadow
   'ring-white/5 shadow-black/10',
   // Border to enhance contrast on lighter videos