fix: UX Issues fixed

frontend/src/shared-minimal/components/mobile/MobileContainer.tsx

@@ -14,7 +14,7 @@ export const MobileContainer: React.FC<MobileContainerProps> = ({
   className = '' 
 }) => {
   return (
-    <div className="w-full min-h-screen bg-gradient-to-br from-slate-50 via-white to-rose-50 flex items-start justify-center p-4 md:py-6">
+    <div className="w-full min-h-screen bg-gradient-to-br from-slate-50 via-white to-rose-50 dark:from-paper dark:via-nero dark:to-paper flex items-start justify-center p-4 md:py-6">
       <div className={`w-full max-w-[380px] min-h-screen md:min-h-[600px] md:rounded-[32px] shadow-2xl flex flex-col border-0 md:border border-slate-200/70 bg-white/90 md:bg-white/70 backdrop-blur-xl ${className}`}>
         {children}
       </div>

frontend/src/shared-minimal/theme/md3Theme.ts

@@ -192,7 +192,6 @@ export const md3DarkTheme = createTheme({
         root: {
           borderRadius: 20,
           boxShadow: '0 1px 2px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.3)',
-          backgroundColor: 'rgba(255,255,255,0.05)',
           border: '1px solid rgba(255,255,255,0.1)',
         },
       },