diff --git a/frontend/src/components/common/LoadingBranded.vue b/frontend/src/components/common/LoadingBranded.vue
index ad86b4b..1cf21b7 100644
--- a/frontend/src/components/common/LoadingBranded.vue
+++ b/frontend/src/components/common/LoadingBranded.vue
@@ -141,14 +141,5 @@ defineProps({
   100% { opacity: 0; }
 }
 
-/* Dark mode overrides automatically adapt using CSS variables, but just in case */
-@media (prefers-color-scheme: dark) {
-  .loading-icon-wrap {
-    background-color: var(--bg-secondary, #1e293b);
-    border-color: rgba(255,255,255, 0.1);
-  }
-  .loading-icon, .loading-message, .loading-dots {
-    color: var(--text-default, #f1f5f9);
-  }
-}
+/* Dark/Light modes automatically adapt using CSS variables from App.vue */
 </style>
diff --git a/frontend/src/views/DiscoverView.vue b/frontend/src/views/DiscoverView.vue
index 32e6ae2..b451ebf 100644
--- a/frontend/src/views/DiscoverView.vue
+++ b/frontend/src/views/DiscoverView.vue
@@ -388,6 +388,16 @@ function resetFilters() {
   padding-bottom: 100px;
 }
 
+.state-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 4rem 1.25rem;
+  gap: 1rem;
+  color: var(--text-secondary);
+}
+
 /* ═══════════════════════════════════════════
    HEADER
  ═══════════════════════════════════════════ */