body { font-family: monospace; background: #1a1a2e; color: #e0e0e0; padding: 20px; margin: 0; }
h2 { color: #00ff88; margin-bottom: 5px; }
h3 { color: #ff6b6b; }
#log { max-height: 500px; overflow-y: auto; }
.msg { border: 1px solid #333; padding: 8px; margin: 4px 0; border-radius: 4px; background: #16213e; }
.msg .type { color: #00ff88; font-weight: bold; }
.msg .time { color: #888; font-size: 11px; }
.msg .data { color: #ffd93d; white-space: pre-wrap; }
.msg .origin { color: #6b9fff; }
#counter { font-size: 24px; color: #ff6b6b; }
.info { color: #aaa; font-size: 12px; margin-bottom: 10px; }