Nexus Evolution: Update style.css

style.css

@@ -257,6 +257,50 @@ canvas#nexus-canvas {
   font-weight: 700;
 }
 
+/* Agent Log HUD */
+.hud-agent-log {
+  position: absolute;
+  top: var(--space-3);
+  right: var(--space-3);
+  width: 280px;
+  background: rgba(0, 0, 0, 0.6);
+  backdrop-filter: blur(8px);
+  border-left: 2px solid var(--color-primary);
+  padding: var(--space-3);
+  font-size: 10px;
+  pointer-events: none;
+}
+.agent-log-header {
+  font-family: var(--font-display);
+  color: var(--color-primary);
+  letter-spacing: 0.1em;
+  margin-bottom: var(--space-2);
+  opacity: 0.8;
+}
+.agent-log-content {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.agent-log-entry {
+  animation: log-fade-in 0.5s ease-out forwards;
+  opacity: 0;
+}
+@keyframes log-fade-in {
+  from { opacity: 0; transform: translateX(10px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+.agent-log-tag {
+  font-weight: 700;
+  margin-right: 4px;
+}
+.tag-timmy { color: var(--color-primary); }
+.tag-kimi { color: var(--color-secondary); }
+.tag-claude { color: var(--color-gold); }
+.agent-log-text {
+  color: var(--color-text-muted);
+}
+
 /* Vision Hint */
 .vision-hint {
   position: absolute;