fix css

static/css/shared.css

@@ -99,7 +99,7 @@ nav {
     position: fixed; top: 0; left: 0;
     width: 100%; z-index: 20;
     display: grid;
-    grid-template-columns: 1fr auto 1fr;
+    grid-template-columns: auto 1fr auto; /* Left: Auto, Center: Grow, Right: Auto */
     align-items: center;
     gap: 1rem;
     padding: 1.25rem 2.5rem;
@@ -148,6 +148,23 @@ nav {
 }
 .nav-brand:hover { color: var(--accent); border-bottom: none; }
 
+.nav-timer {
+    grid-column: 3;
+    justify-self: end;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--danger-text);
+    border: 1px solid var(--danger);
+    border-radius: 2px;
+    padding: 0.3rem 0.7rem;
+    font-size: 0.72rem;
+    font-weight: 500;
+    letter-spacing: 0.08em;
+    background: var(--danger-soft);
+    white-space: nowrap;
+}
+
 .brand-sep {
     font-weight: 300;
     color: var(--ink-dim);