diff --git a/PlaylistShared.Pwa/wwwroot/index.html b/PlaylistShared.Pwa/wwwroot/index.html
index 6b6e106..2f0e307 100644
--- a/PlaylistShared.Pwa/wwwroot/index.html
+++ b/PlaylistShared.Pwa/wwwroot/index.html
@@ -16,6 +16,74 @@
     <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
     <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
     <script type="importmap"></script>
+    <style>
+        html, body {
+            background-color: #1a1a27 !important;
+            margin: 0;
+            padding: 0;
+            height: 100%;
+        }
+
+        /* Кастомный спиннер в стиле MudBlazor (тёмная тема) */
+        .loading-progress {
+            position: relative;
+            display: block;
+            width: 64px;
+            height: 64px;
+            margin: 0 auto;
+        }
+
+            .loading-progress circle {
+                fill: none;
+                stroke: #2a2833;
+                stroke-width: 4;
+                transform-origin: 50% 50%;
+                animation: spin 1.5s linear infinite;
+            }
+
+                .loading-progress circle:last-child {
+                    stroke: #7e6fff;
+                    stroke-dasharray: 126;
+                    stroke-dashoffset: 126;
+                    animation: dash 1.5s ease-in-out infinite;
+                }
+
+        @keyframes spin {
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+
+        @keyframes dash {
+            0% {
+                stroke-dashoffset: 126;
+            }
+
+            50% {
+                stroke-dashoffset: 63;
+                transform: rotate(135deg);
+            }
+
+            100% {
+                stroke-dashoffset: 126;
+                transform: rotate(450deg);
+            }
+        }
+
+        .loading-progress-text {
+            text-align: center;
+            margin-top: 16px;
+            color: #b2b0bf;
+            font-family: 'Roboto', sans-serif;
+            font-size: 14px;
+        }
+
+        /* Убираем белые вспышки */
+        #app {
+            background-color: #1a1a27;
+            min-height: 100vh;
+        }
+    </style>
 </head>
 
 <body>
@@ -28,8 +96,8 @@
     </div>
 
     <div id="blazor-error-ui">
-        An unhandled error has occurred.
-        <a href="." class="reload">Reload</a>
+        Произошла необработанная ошибка.
+        <a href="." class="reload">Перезагрузить</a>
         <span class="dismiss">🗙</span>
     </div>
     <script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>
diff --git a/PlaylistShared.Pwa/wwwroot/manifest.webmanifest b/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
index d509b45..f08c7ec 100644
--- a/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
+++ b/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
@@ -1,6 +1,6 @@
 {
-  "name": "PlaylistShared.Pwa",
-  "short_name": "PlaylistShared.Pwa",
+  "name": "Playlist Shared",
+  "short_name": "PlaylistShare",
   "id": "./",
   "start_url": "./",
   "display": "standalone",
