fix: smaller cuter logo, no mouth, snug in header bar

- Smaller head, removed mouth grill, bigger cuter eyes with green centers
- Compact viewBox (100x100) with no empty space below shoulders
- Logo sized 18x22px in header — fits within the bar without resizing it
- Regenerated all PWA icons (192, 512) and favicon

frontend/logo.svg

@@ -1,13 +1,16 @@
-<svg width="128" height="128" viewBox="0 0 120 140" xmlns="http://www.w3.org/2000/svg">
-  <line x1="60" y1="5" x2="60" y2="20" stroke="#6db5ff" stroke-width="2.5"/>
-  <circle cx="60" cy="5" r="3.5" fill="#00ff88"/>
-  <rect x="30" y="20" width="60" height="65" rx="12" fill="none" stroke="#6db5ff" stroke-width="2.5"/>
-  <circle cx="45" cy="42" r="6.5" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/>
-  <circle cx="45" cy="42" r="3" fill="#00ff88"/>
-  <circle cx="75" cy="42" r="6.5" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/>
-  <circle cx="75" cy="42" r="3" fill="#00ff88"/>
-  <rect x="48" y="60" width="24" height="3" rx="1" fill="#6db5ff" opacity="0.7"/>
-  <rect x="50" y="66" width="20" height="3" rx="1" fill="#6db5ff" opacity="0.4"/>
-  <rect x="48" y="85" width="24" height="8" fill="none" stroke="#6db5ff" stroke-width="2"/>
-  <path d="M 25 93 Q 60 100 95 93" fill="none" stroke="#6db5ff" stroke-width="2.5"/>
-</svg>
+<svg width="128" height="128" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <!-- Antenna -->
+  <line x1="50" y1="8" x2="50" y2="20" stroke="#6db5ff" stroke-width="2.5"/>
+  <circle cx="50" cy="8" r="3.5" fill="#00ff88"/>
+  <!-- Head: smaller rounded rectangle -->
+  <rect x="28" y="20" width="44" height="50" rx="10" fill="none" stroke="#6db5ff" stroke-width="2.5"/>
+  <!-- Eyes: bigger, cuter -->
+  <circle cx="40" cy="38" r="8" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/>
+  <circle cx="40" cy="38" r="4.5" fill="#00ff88"/>
+  <circle cx="60" cy="38" r="8" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/>
+  <circle cx="60" cy="38" r="4.5" fill="#00ff88"/>
+  <!-- Tiny neck -->
+  <rect x="44" y="70" width="12" height="5" fill="none" stroke="#6db5ff" stroke-width="2"/>
+  <!-- Shoulders -->
+  <path d="M 22 78 Q 50 84 78 78" fill="none" stroke="#6db5ff" stroke-width="2.5"/>
+</svg>

frontend/style.css

@@ -71,6 +71,7 @@ header .breadcrumb {
 }
 header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; }
 header .breadcrumb:hover { text-decoration: none; }
+.header-logo { width: 18px; height: 22px; flex-shrink: 0; margin-right: 4px; display: block; }
 header .crumb-path {
   font-size: 11px;
   color: var(--ink-dim);
@@ -246,8 +247,8 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
   font-size: 13px; color: var(--ink-soft); font-family: var(--sans);
   word-break: break-word; line-height: 1.4;
 }
-.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex: 0 0 auto; max-width: 140px; }
-.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; white-space: nowrap; }
+.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex-shrink: 0; white-space: nowrap; }
+.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; }
 .protocol-pill.collection {
   background: var(--ink); color: #fff; border-color: var(--accent-deep);
 }
@@ -522,9 +523,9 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
   /* Protocol pills: info takes full width, meta goes below */
   .protocol-pill { flex-direction: column; align-items: stretch; padding: 12px 14px; gap: 6px; }
   .protocol-pill .info { width: 100%; }
-  .protocol-pill .meta { text-align: left; display: flex; gap: 12px; align-items: center; max-width: 100%; overflow: hidden; }
+  .protocol-pill .meta { text-align: left; display: flex; gap: 12px; align-items: center; }
   .protocol-pill .meta .steps { }
-  .protocol-pill .meta > div:not(.steps) { font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
+  .protocol-pill .meta > div:not(.steps) { font-size: 10px; }
 
   .detail-header, .detail-section { padding: 16px 14px; border-radius: 12px; }
 }