yay

web/style.css

@@ -73,7 +73,17 @@ main {
     gap: 1.5rem;
 }
 
+.empty-state {
+    grid-column: 1 / -1;
+    padding: 4rem;
+    text-align: center;
+    color: var(--muted);
+    border: 1px dashed var(--border);
+    border-radius: 12px;
+}
+
 .card {
+    position: relative;
     background-color: var(--card-bg);
     border: 1px solid var(--border);
     border-radius: 12px;
@@ -168,23 +178,6 @@ main {
     border-color: var(--accent);
 }
 
-.btn-range {
-    background: var(--bg);
-    border: 1px solid var(--border);
-    color: var(--muted);
-    padding: 0.4rem 0.8rem;
-    font-size: 0.7rem;
-    font-weight: 700;
-    border-radius: 6px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.btn-range:hover {
-    color: #fff;
-    border-color: var(--muted);
-}
-
 .spinner-container {
     display: flex;
     justify-content: center;