ne minor, a ebat fix

src/renderer/components/FullScreenLoader.tsx

@@ -1,9 +1,10 @@
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
+import Fade from '@mui/material/Fade';
 
 interface FullScreenLoaderProps {
   message?: string;
-  fullScreen?: boolean; // <-- новый проп
+  fullScreen?: boolean;
 }
 
 export const FullScreenLoader = ({
@@ -34,39 +35,76 @@ export const FullScreenLoader = ({
 
   return (
     <Box sx={containerSx}>
-      {/* Градиентное вращающееся кольцо */}
-      <Box
-        sx={{
-          width: 80,
-          height: 80,
-          borderRadius: '50%',
-          position: 'relative',
-          overflow: 'hidden',
-          background: 'conic-gradient(#F27121, #E940CD, #8A2387, #F27121)',
-          animation: 'spin 1s linear infinite',
-          WebkitMask: 'radial-gradient(circle, transparent 55%, black 56%)',
-          mask: 'radial-gradient(circle, transparent 55%, black 56%)',
-          '@keyframes spin': {
-            '0%': { transform: 'rotate(0deg)' },
-            '100%': { transform: 'rotate(360deg)' },
-          },
-        }}
-      />
+      {/* Плавное появление фона */}
+      {fullScreen && (
+        <Fade in timeout={220} appear>
+          <Box
+            sx={{
+              position: 'absolute',
+              inset: 0,
+              background:
+                'radial-gradient(circle at 15% 20%, rgba(242,113,33,0.15), transparent 60%), radial-gradient(circle at 85% 10%, rgba(233,64,205,0.12), transparent 55%), rgba(5,5,10,0.75)',
+              backdropFilter: 'blur(14px)',
+              WebkitBackdropFilter: 'blur(14px)',
+            }}
+          />
+        </Fade>
+      )}
 
-      {message && (
-        <Typography
-          variant="h6"
+      {/* Плавное появление контента */}
+      <Fade in timeout={260} appear>
+        <Box
           sx={{
-            fontFamily: 'Benzin-Bold',
-            background:
-              'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
-            WebkitBackgroundClip: 'text',
-            WebkitTextFillColor: 'transparent',
+            zIndex: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            gap: 3,
+            // небольшой "подъём" при появлении
+            animation: 'popIn 260ms ease-out both',
+            '@keyframes popIn': {
+              from: { opacity: 0, transform: 'translateY(8px) scale(0.98)' },
+              to: { opacity: 1, transform: 'translateY(0) scale(1)' },
+            },
           }}
         >
-          {message}
-        </Typography>
-      )}
+          <Box
+            sx={{
+              width: 80,
+              height: 80,
+              borderRadius: '50%',
+              position: 'relative',
+              overflow: 'hidden',
+              background: 'conic-gradient(#F27121, #E940CD, #8A2387, #F27121)',
+              animation: 'spin 1s linear infinite',
+              WebkitMask: 'radial-gradient(circle, transparent 55%, black 56%)',
+              mask: 'radial-gradient(circle, transparent 55%, black 56%)',
+              '@keyframes spin': {
+                '0%': { transform: 'rotate(0deg)' },
+                '100%': { transform: 'rotate(360deg)' },
+              },
+              boxShadow: '0 0 2.5vw rgba(233,64,205,0.45)',
+            }}
+          />
+
+          {message && (
+            <Typography
+              variant="h6"
+              sx={{
+                fontFamily: 'Benzin-Bold',
+                background:
+                  'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+                textAlign: 'center',
+                textShadow: '0 0 1.2vw rgba(0,0,0,0.45)',
+              }}
+            >
+              {message}
+            </Typography>
+          )}
+        </Box>
+      </Fade>
     </Box>
   );
 };