yay

web/index.html

@@ -33,7 +33,7 @@
                 <article class="card">
                     <div class="card-header">
                         <h3>{{.Owner}}</h3>
-                        <span class="rank-badge">RANK #{{.Rank}}</span>
+                        <span class="rank-badge">#{{.Rank}}</span>
                     </div>
 
                     <div class="stats-group">
@@ -66,9 +66,8 @@
                     </button>
                 </article>
                 {{else}}
-                <div
-                    style="grid-column: 1 / -1; padding: 4rem; text-align: center; color: var(--muted); border: 1px dashed var(--border);">
-                    No profiles found. Use the CLI to add users.
+                <div class="empty-state">
+                    No profiles tracked. Mount users.txt to start.
                 </div>
                 {{end}}
             </div>

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;