Initial commit: AI-driven visual novel scaffold

- Monorepo (pnpm workspace): apps/web + packages/{types,ai-client,engine}
- Next.js 16 web app with three-stage AI orchestration
- Three independently configurable providers: text LLM, image generator, vision model
- Warm minimalist editorial UI design
- One-click Vercel deploy ready

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/app/globals.css

@@ -0,0 +1,68 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html {
+    font-feature-settings: "ss01", "kern", "liga";
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    background-image:
+      radial-gradient(rgba(133, 79, 37, 0.025) 1px, transparent 1px),
+      radial-gradient(rgba(133, 79, 37, 0.018) 1px, transparent 1px);
+    background-size: 28px 28px, 38px 38px;
+    background-position: 0 0, 14px 19px;
+  }
+
+  ::selection {
+    background-color: rgb(217 122 46 / 0.28);
+    color: #2d1810;
+  }
+
+  textarea::placeholder {
+    color: rgb(168 105 59 / 0.45);
+  }
+}
+
+@layer utilities {
+  .hairline {
+    background-image: linear-gradient(
+      to right,
+      transparent,
+      rgba(45, 24, 16, 0.18) 18%,
+      rgba(45, 24, 16, 0.18) 82%,
+      transparent
+    );
+    height: 1px;
+  }
+
+  .hairline-full {
+    height: 1px;
+    background: rgba(45, 24, 16, 0.14);
+  }
+
+  .num {
+    font-variant-numeric: tabular-nums lining-nums;
+  }
+
+  .smallcaps {
+    text-transform: uppercase;
+    letter-spacing: 0.32em;
+  }
+}
+
+@keyframes dada-ripple {
+  0% {
+    width: 14px;
+    height: 14px;
+    opacity: 0.95;
+  }
+  100% {
+    width: 110px;
+    height: 110px;
+    opacity: 0;
+  }
+}