docs: add project logo and trademark disclaimer to README

A short apothecary-bottle SVG with a cream cartoon robot inside —
sized roughly to the robot so it works as a favicon-shaped icon.
README gains a centered logo above the title and a Trademarks
section disclaiming affiliation with Anthropic and framing the
"claude" in the project name as descriptive use.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

README.md

@@ -1,3 +1,7 @@
+<p align="center">
+  <img src="docs/logo.svg" alt="claude-bottle logo" width="140">
+</p>
+
 # claude-bottle
 
 [![test](https://gitea.dideric.is/didericis/claude-bottle/actions/workflows/test.yml/badge.svg?branch=main)](https://gitea.dideric.is/didericis/claude-bottle/actions?workflow=test.yml)
@@ -136,3 +140,11 @@ to your subscription tier (Pro/Max/Team/Enterprise), it does not work
 with `claude --bare` (which only reads `ANTHROPIC_API_KEY`), and if it
 leaks, regenerate via `claude setup-token` again. Reference:
 <https://code.claude.com/docs/en/authentication>.
+
+## Trademarks
+
+claude-bottle is an independent project and is not affiliated with,
+endorsed by, or sponsored by Anthropic, PBC. "Claude" and "Claude
+Code" are trademarks of Anthropic, PBC; the project name uses
+"claude" descriptively to indicate that the tool runs Claude Code
+inside a sandbox.

docs/logo.svg

@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 210" width="200" height="210">
+  <!-- cork flange -->
+  <rect x="74" y="14" width="52" height="8" rx="3" fill="#a07045"/>
+  <!-- cork body -->
+  <rect x="78" y="22" width="44" height="22" rx="3" fill="#7a4f2a"/>
+
+  <!-- glass bottle (shorter, sized to the robot) -->
+  <path d="M 80 44 L 80 58 Q 80 62 76 66 Q 58 72 58 90 L 58 180 Q 58 200 100 200 Q 142 200 142 180 L 142 90 Q 142 72 124 66 Q 120 62 120 58 L 120 44 Z"
+        fill="#2f5d4e" fill-opacity="0.85"
+        stroke="#173028" stroke-width="2" stroke-linejoin="round"/>
+
+  <!-- glass highlight -->
+  <path d="M 70 80 Q 64 110 68 160"
+        fill="none" stroke="rgba(255,255,255,0.28)"
+        stroke-width="4" stroke-linecap="round"/>
+
+  <!-- robot -->
+  <g stroke="#3a2a1a" stroke-width="1.5" stroke-linejoin="round">
+    <!-- antenna -->
+    <line x1="100" y1="80" x2="100" y2="90" stroke-width="2" stroke-linecap="round"/>
+    <circle cx="100" cy="78" r="3" fill="#d97757"/>
+
+    <!-- head -->
+    <rect x="78" y="90" width="44" height="34" rx="5" fill="#f0d4b8"/>
+
+    <!-- eyes -->
+    <circle cx="91" cy="106" r="3.5" fill="#3a2a1a" stroke="none"/>
+    <circle cx="109" cy="106" r="3.5" fill="#3a2a1a" stroke="none"/>
+    <circle cx="92.5" cy="104.5" r="1" fill="#ffffff" stroke="none"/>
+    <circle cx="110.5" cy="104.5" r="1" fill="#ffffff" stroke="none"/>
+
+    <!-- mouth -->
+    <rect x="92" y="115" width="16" height="2" rx="1" fill="#3a2a1a" stroke="none"/>
+
+    <!-- neck -->
+    <rect x="94" y="124" width="12" height="4" fill="#d4b894"/>
+
+    <!-- body + chest light -->
+    <rect x="68" y="128" width="64" height="48" rx="5" fill="#f0d4b8"/>
+    <circle cx="100" cy="145" r="4" fill="#d97757"/>
+
+    <!-- arms -->
+    <rect x="62" y="134" width="6" height="26" rx="2" fill="#d4b894"/>
+    <rect x="132" y="134" width="6" height="26" rx="2" fill="#d4b894"/>
+
+    <!-- legs -->
+    <rect x="82" y="176" width="10" height="10" rx="1.5" fill="#d4b894"/>
+    <rect x="108" y="176" width="10" height="10" rx="1.5" fill="#d4b894"/>
+  </g>
+</svg>