Add project configuration and build assets

- .gitignore: Ignore node_modules, .env, dist, .wrangler
- .env.example: Environment variable template
- package.json, package-lock.json: Tailwind CSS build setup
- src/input.css: Tailwind source file
- style.css: Production Tailwind build
- og-image.png: Open Graph image for social sharing

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

src/input.css

@@ -0,0 +1,60 @@
+@import "tailwindcss";
+
+/* Custom theme configuration */
+@theme {
+  --font-sans: 'Pretendard', sans-serif;
+  --font-mono: 'JetBrains Mono', monospace;
+
+  --color-brand-400: #38bdf8;
+  --color-brand-500: #0ea5e9;
+  --color-brand-600: #0284c7;
+  --color-brand-900: #0c4a6e;
+
+  --color-dark-900: #0b1120;
+  --color-dark-800: #1e293b;
+  --color-dark-700: #334155;
+
+  --animate-float: float 6s ease-in-out infinite;
+
+  @keyframes float {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-20px); }
+  }
+}
+
+/* Base styles */
+body {
+  background-color: #0b1120;
+  color: #e2e8f0;
+}
+
+.glass-panel {
+  background: rgba(30, 41, 59, 0.4);
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.grid-bg {
+  background-image: linear-gradient(rgba(56, 189, 248, 0.05) 1px, transparent 1px),
+  linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px);
+  background-size: 30px 30px;
+}
+
+/* Chat Animation */
+.chat-bubble {
+  opacity: 0;
+  transform: translateY(10px);
+  animation: chat-enter 0.5s forwards;
+}
+
+@keyframes chat-enter {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.delay-1 { animation-delay: 0.5s; }
+.delay-2 { animation-delay: 1.5s; }
+.delay-3 { animation-delay: 2.5s; }
+.delay-4 { animation-delay: 3.5s; }