Add Greatest of All Time manga dashboard

public/app.css

@@ -34,6 +34,7 @@ label { display: block; }
   padding: 8px 16px; padding-top: max(8px, env(safe-area-inset-top)); background: rgba(18, 18, 20, .94); border-bottom: 1px solid var(--line);
 }
 .brand { font-weight: 800; text-decoration: none; font-size: 17px; letter-spacing: .2px; }
+.nav-greatest { border-color: #5b3c46; color: #f0b9a0; }
 .bell-wrap { position: relative; }
 .bell .count { background: var(--accent); color: #fff; border-radius: 9px; font-size: 12px; font-weight: 700; padding: 0 6px; }
 .panel {
@@ -100,6 +101,11 @@ main { max-width: 1200px; margin: 0 auto; padding: 16px; }
   .toolbar select { flex: 1; }
   .grid { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }
   .nav { padding-left: 12px; padding-right: 12px; }
+  .nav { gap: 5px; }
+  .nav .brand { font-size: 14px; }
+  .nav .btn { padding-left: 7px; padding-right: 7px; font-size: 12px; }
+  .nav-greatest { font-size: 0 !important; }
+  .nav-greatest::after { content: 'GOAT'; font-size: 12px; }
   .reading-summary { grid-template-columns: 1fr; gap: 5px; }
   .reading-summary-links { justify-content: flex-start; }
 }