Update public/style.css

public/style.css

@@ -54,32 +54,38 @@ a {
   top: 0;
   z-index: 10;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 0.85rem clamp(1rem, 3vw, 2.5rem);
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.35rem;
+  padding: 0.75rem clamp(1rem, 3vw, 2.5rem);
   background: rgba(8, 17, 31, 0.88);
   border-bottom: 1px solid var(--border);
   backdrop-filter: blur(18px);
-  flex-wrap: wrap;
 }
 
-.topbar-left {
-  min-width: 0;
-  flex: 1 1 220px;
+.topbar-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: 0.75rem;
 }
 
 .topbar h1 {
   margin: 0;
-  font-size: clamp(1.2rem, 2.8vw, 1.8rem);
+  font-size: clamp(1.1rem, 2.5vw, 1.6rem);
   line-height: 1.2;
+  white-space: nowrap;
 }
 
 .topbar p {
-  margin: 0.2rem 0 0;
+  margin: 0;
   color: var(--muted);
-  font-size: clamp(0.75rem, 1.6vw, 0.9rem);
+  font-size: clamp(0.72rem, 1.4vw, 0.85rem);
   line-height: 1.3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .topbar-actions {