update app

app.py

@@ -573,7 +573,7 @@ async def homepage(request: Request):
       border-radius: 20px; font-size: 13px; backdrop-filter: blur(4px);
     }}
 
-    /* UPDATED LOADER ANIMATION */
+    /* UPDATED LOADER ANIMATION (Minimalist Single Circle) */
     .loader {{
       position: absolute; inset: 0; 
       background: rgba(20, 0, 10, 0.7); /* dark aubergine tint */
@@ -581,31 +581,13 @@ async def homepage(request: Request):
       display: none; flex-direction: column; 
       align-items: center; justify-content: center; z-index: 20;
     }}
-    .spinner-container {{
-      position: relative;
-      width: 65px; height: 65px;
-      margin-bottom: 25px;
-    }}
-    .spinner-ring {{
-      position: absolute;
-      width: 100%; height: 100%;
-      border-radius: 50%;
-      border: 3px solid transparent;
+    .spinner-single {{
+      width: 55px; height: 55px;
+      border: 3px solid rgba(255, 255, 255, 0.1);
       border-top-color: var(--ub-orange);
-      animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-    }}
-    .spinner-ring:nth-child(2) {{
-      width: 75%; height: 75%;
-      top: 12.5%; left: 12.5%;
-      border-top-color: #f77c4d; /* lighter orange */
-      animation-duration: 1.5s;
-      animation-direction: reverse;
-    }}
-    .spinner-ring:nth-child(3) {{
-      width: 50%; height: 50%;
-      top: 25%; left: 25%;
-      border-top-color: #ffffff;
-      animation-duration: 0.9s;
+      border-radius: 50%;
+      animation: spin 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
+      margin-bottom: 20px;
     }}
     .loader-text {{
       font-weight: 500;
@@ -616,7 +598,7 @@ async def homepage(request: Request):
     }}
     @keyframes pulse {{
       0%, 100% {{ opacity: 1; }}
-      50% {{ opacity: 0.4; }}
+      50% {{ opacity: 0.5; }}
     }}
     @keyframes spin {{ 
       to {{ transform: rotate(360deg); }} 
@@ -748,11 +730,7 @@ async def homepage(request: Request):
             <div class="slider-handle" id="sliderHandle"></div>
 
             <div class="loader" id="loader">
-              <div class="spinner-container">
-                <div class="spinner-ring"></div>
-                <div class="spinner-ring"></div>
-                <div class="spinner-ring"></div>
-              </div>
+              <div class="spinner-single"></div>
               <div class="loader-text">Running both decoders...</div>
             </div>
           </div>