@elia-assistant/chatui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Igor Demovic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,348 @@
+# @elia-assistant/chatui
+
+A polished, self-contained chat widget built for [Elia Assistant](https://elia-asistent.com), compatible with [n8n](https://n8n.io)'s Chat Trigger.
+Drop it in front of any n8n AI Agent workflow — no backend code needed.
+
+Ships as a pre-built ESM bundle and a CDN-ready IIFE bundle. Config-compatible with [@n8n/chat](https://www.npmjs.com/package/@n8n/chat).
+
+---
+
+## Install
+
+### React app (bundler)
+
+```bash
+npm install @elia-assistant/chatui
+```
+
+```ts
+// src/main.tsx
+import { App as ChatWidget } from '@elia-assistant/chatui'
+import { useSettingsStore } from '@elia-assistant/chatui/store'
+import '@elia-assistant/chatui/css'
+
+useSettingsStore.getState().setConfig({
+  webhookUrl: 'https://your-n8n.example.com/webhook/abc',
+  mode: 'window',
+})
+
+// then render <ChatWidget /> inside a full-height container
+```
+
+The host's `vite.config.ts` needs `optimizeDeps.exclude: ['@elia-assistant/chatui']` so Vite doesn't re-bundle the already-bundled package. See [example.html](./example.html) for the full integration guide.
+
+### Plain HTML (CDN, no bundler)
+
+```html
+<link rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@elia-assistant/chatui/dist/chatui.iife.css">
+<script src="https://cdn.jsdelivr.net/npm/@elia-assistant/chatui/dist/chatui.iife.js"></script>
+<div id="chat"></div>
+<script>
+  Chatui.createChat({
+    target: '#chat',
+    webhookUrl: 'https://your-n8n.example.com/webhook/abc',
+    mode: 'window',
+  })
+</script>
+```
+
+`unpkg.com` works too: `https://unpkg.com/@elia-assistant/chatui/dist/chatui.iife.js`.
+
+### Vanilla JS (bundler, no React)
+
+```ts
+import { createChat } from '@elia-assistant/chatui'
+import '@elia-assistant/chatui/css'
+
+const instance = createChat({
+  target: '#chat',
+  webhookUrl: '...',
+  mode: 'window',
+})
+// instance.unmount() to remove
+```
+
+---
+
+## Features
+
+- **n8n webhook compatible** — same parameters as `@n8n/chat`; works with any Chat Trigger out of the box
+- **Three display modes** — `fullscreen`, `window` (floating button + popup), or `mixed` (window on desktop, fullscreen on mobile)
+- **Bottom-sheet style** — opt-in `fullscreenSheet` mode covers ~3/4 of the screen with a rounded top instead of going edge-to-edge
+- **Optional tabs** — surface a Notifications feed (URL or inline JSON) and a searchable FAQ alongside the chat
+- **SSE streaming** — optional word-by-word bot responses
+- **10 built-in themes** — Midnight, Ivory, Sunrise, Cosmos, Forest, Ocean, Cherry, Navy, Lavender, Amber; switch at runtime
+- **12 built-in avatars** + file upload (max 500 KB) or URL — same picker for the floating button icon
+- **CTA popup** — timed speech-bubble with optional Web Audio notification, window mode only
+- **Conversation history** — optional sidebar with persistent multi-session history
+- **Per-language content** — initial messages, bot name, CTA text, welcome subtitle, tab titles, all configurable per language
+- **Multilingual UI** — English and Slovak bundled; extend via `i18next.addResourceBundle` at runtime
+- **Markdown rendering** — bot messages render full GFM via `react-markdown`
+- **Configurable "Powered by" footer** — change the link text/URL or hide it entirely
+- **Persistent settings** — config + theme + language survive page reloads (`localStorage`)
+- **Lockable UI** — `hideSettings: true` removes the gear, theme picker, and settings modal (default for npm consumers)
+- **Export config** — generate ready-to-paste host code from the settings modal
+
+---
+
+## Configuration
+
+All options live on `ChatConfig`. Set them once at boot via `setConfig()` (or pass to `createChat()`).
+
+### Required
+
+| Parameter | Type | Description |
+|---|---|---|
+| `webhookUrl` | `string` | n8n Chat Trigger production URL |
+
+### Webhook transport
+
+| Parameter | Type | Default | Description |
+|---|---|---|---|
+| `webhookConfig.method` | `'POST' \| 'GET'` | `'POST'` | HTTP method |
+| `webhookConfig.headers` | `Record<string,string>` | — | Extra request headers |
+| `chatInputKey` | `string` | `'chatInput'` | Body key for the user message |
+| `chatSessionKey` | `string` | `'sessionId'` | Body key for the session ID |
+| `metadata` | `object` | — | Extra fields merged into every request body |
+| `streaming` | `boolean` | `false` | Parse the response as Server-Sent Events |
+
+### Layout
+
+| Parameter | Type | Default | Description |
+|---|---|---|---|
+| `mode` | `'fullscreen' \| 'window' \| 'mixed'` | `'fullscreen'` | Display mode |
+| `showSidebar` | `boolean` | `false` | Conversation history sidebar (fullscreen only) |
+| `fullscreenSheet` | `boolean` | `false` | Render fullscreen as a bottom sheet (rounded top, dimmed backdrop) |
+| `fullscreenSheetHeight` | `string` | `'75vh'` | Sheet height as any CSS length |
+| `showWelcomeScreen` | `boolean` | `true` | Show welcome screen when no messages |
+| `allowFileUploads` | `boolean` | `false` | Show file attachment button |
+
+### Appearance
+
+| Parameter | Type | Default | Description |
+|---|---|---|---|
+| `theme` | `string` | `'midnight'` | Initial theme ID |
+| `botName` | `string` | `'Assistant'` | Global bot display name |
+| `botAvatar` | `string` | — | Built-in avatar id, URL, or data URL |
+| `toggleButtonIcon` | `string` | — | Image inside the floating button (window mode) |
+
+### CTA popup (window mode only)
+
+| Parameter | Type | Default | Description |
+|---|---|---|---|
+| `showCta` | `boolean` | `true` | Show CTA speech-bubble after delay |
+| `ctaText` | `string` | `'Hi! How can I help you today?'` | Global fallback CTA text |
+| `ctaDelay` | `number` | `5000` | Milliseconds before CTA appears |
+| `ctaSound` | `boolean` | `true` | Play a Web Audio chime when CTA shows |
+
+### "Powered by" footer
+
+| Parameter | Type | Default | Description |
+|---|---|---|---|
+| `poweredByLabel` | `string` | `'ELIA AI Assistant'` | Link text |
+| `poweredByUrl` | `string` | `'https://www.elia-asistent.com'` | Link URL |
+| `poweredByHide` | `boolean` | `false` | Hide the entire footer line |
+
+### Tabs (optional, opt-in)
+
+| Parameter | Type | Description |
+|---|---|---|
+| `tabs.notifications.feedUrl` | `string` | JSON URL returning `{ items: NotificationItem[] }` |
+| `tabs.notifications.items` | `NotificationItem[]` | Inline items (used when `feedUrl` unset) |
+| `tabs.notifications.title` | `string` | Tab label override |
+| `tabs.help.feedUrl` | `string` | JSON URL returning `{ items: FaqItem[] }` |
+| `tabs.help.items` | `FaqItem[]` | Inline FAQ items |
+| `tabs.help.title` | `string` | Tab label override |
+| `tabs.chat.title` | `string` | Chat tab label override |
+
+A tab is shown only if its block has `feedUrl` or `items`. If neither tab is configured, no tab bar renders.
+
+### UI lock
+
+| Parameter | Type | Default | Description |
+|---|---|---|---|
+| `hideSettings` | `boolean` | `true` | Hide the gear, theme picker, and settings modal |
+
+### i18n
+
+| Parameter | Type | Description |
+|---|---|---|
+| `defaultLanguage` | `string` | Initial UI language code (`'en'`, `'sk'`, …) |
+| `initialMessages` | `string[]` | Global fallback initial bot messages |
+| `i18n[lang]` | `LangOverride` | Per-language content overrides |
+
+`LangOverride` fields: `initialMessages`, `ctaText`, `botName`, `welcomeSubtitle`, `tabs.{notifications,help,chat}.title`.
+
+Resolution chain: `i18n[activeLang].X` -> `i18n['en'].X` -> global `config.X`.
+
+---
+
+## Themes
+
+| ID | Name | Style | Accent |
+|---|---|---|---|
+| `midnight` | Midnight | Dark | Indigo `#6366f1` |
+| `ivory` | Ivory | Light | Indigo `#4338ca` |
+| `sunrise` | Sunrise | Light | Orange `#f97316` |
+| `cosmos` | Cosmos | Dark | Purple `#a855f7` |
+| `forest` | Forest | Dark | Green `#22c55e` |
+| `ocean` | Ocean | Dark | Cyan `#06b6d4` |
+| `cherry` | Cherry | Dark | Red `#ef4444` |
+| `navy` | Navy | Dark | Blue `#3b82f6` |
+| `lavender` | Lavender | Light | Violet `#8b5cf6` |
+| `amber` | Amber | Dark | Amber `#f59e0b` |
+
+Defined in `src/themes.ts` — add your own by appending to the array.
+
+---
+
+## n8n setup
+
+1. Add a **Chat Trigger** node to your workflow.
+2. Copy the **Production URL**.
+3. Set it as `config.webhookUrl`.
+4. Make sure the workflow is **Active**.
+
+Request body sent by chatui:
+
+```json
+{
+  "chatInput": "user message text",
+  "sessionId": "abc123",
+  "language": "en",
+  "...": "anything in config.metadata"
+}
+```
+
+Expected non-streaming response:
+
+```json
+{ "output": "bot reply text" }
+```
+
+For SSE streaming, set `config.streaming: true` and have your workflow emit `text/event-stream`:
+
+```
+data: {"text": "chunk"}
+```
+
+---
+
+## Tabs (Notifications + FAQ)
+
+Two extra panes alongside chat — fully optional. Each accepts a `feedUrl` (JSON over HTTP) or `items` (inline array; useful for development).
+
+**Notifications JSON:**
+```json
+{
+  "items": [
+    {
+      "title": "Lehota na podanie DPH",
+      "message": "Tvoje daňové priznanie...",
+      "tags": [{ "label": "High", "variant": "danger" }],
+      "date": "2025-07-11",
+      "cta": { "url": "https://example.com", "title": "Read more" }
+    }
+  ]
+}
+```
+
+**FAQ JSON:**
+```json
+{
+  "items": [
+    { "question": "How do I X?", "answer": "You do Y.", "category": "Setup" }
+  ]
+}
+```
+
+The FAQ tab includes a search box that filters by case-insensitive substring across `question + answer + category`.
+
+---
+
+## Adding a language at runtime
+
+Bundled languages: `en`, `sk` (split into `dist/chunks/translation-*.js`, lazy-loaded).
+To add another without rebuilding chatui, register the bundle yourself:
+
+```ts
+import i18n from 'i18next'
+import { useSettingsStore } from '@elia-assistant/chatui/store'
+
+i18n.addResourceBundle('fr', 'translation', {
+  welcome:  { subtitle: 'Commencez une conversation.' },
+  input:    { placeholder: 'Tapez un message...' },
+  // ...full keys: see node_modules/@elia-assistant/chatui/dist/chunks/translation-*.js
+})
+
+useSettingsStore.getState().setLanguage('fr')
+```
+
+Then any per-language overrides live under `config.i18n.fr`.
+
+---
+
+## Settings UI
+
+Hidden by default for npm consumers — configuration is expected to live in code. Flip `hideSettings: false` to expose the gear, theme picker, and settings modal (handy for admin dashboards, internal tools, live demos):
+
+```ts
+useSettingsStore.getState().setConfig({
+  webhookUrl:   '...',
+  hideSettings: false,
+})
+```
+
+The settings modal includes an **Export config** button that generates the exact `setConfig()` call for pasting into a host project.
+
+The chatui repo's own `npm run dev` unlocks the UI automatically.
+
+---
+
+## Local development
+
+```bash
+npm install
+npm run dev          # http://localhost:5173
+npm run build        # ESM bundle + IIFE bundle + .d.ts files into dist/
+npm run pack:dry     # preview the npm tarball contents
+```
+
+Build output:
+- `dist/index.js` — ESM, React externalized as peer dep (~325 kB / 75 kB gzipped)
+- `dist/chatui.iife.js` — single-file IIFE for `<script>` tags, React + ReactDOM bundled in (~485 kB / 144 kB gzipped, production-mode)
+- `dist/chatui.css` — pre-compiled stylesheet for ESM consumers
+- `dist/chatui.iife.css` — same styles, paired naming for CDN consumers
+- `dist/**/*.d.ts` — TypeScript declarations
+- `dist/chunks/translation-*.js` — code-split locale bundles
+
+To smoke-test the IIFE locally without publishing:
+```bash
+npm run build
+npx serve . -l 5173
+# open http://localhost:5173/vanilla-test.html
+```
+
+See [example.html](./example.html) for the full integration guide and [vanilla-test.html](./vanilla-test.html) for a CDN-style smoke test.
+
+---
+
+## Tech stack
+
+| Concern | Library |
+|---|---|
+| Build | Vite 8 + Rolldown + `@vitejs/plugin-react` |
+| Styling (internal) | Tailwind CSS v4 — pre-compiled into `dist/chatui.css`; consumers don't need it |
+| State | Zustand 5 with `persist` middleware |
+| Markdown | `react-markdown` + `remark-gfm` |
+| i18n | `react-i18next` + `i18next-resources-to-backend` (locales code-split, no HTTP fetch) |
+| HTTP / SSE | Native `fetch` |
+
+React 19 is a peer dependency for the ESM bundle. The IIFE bundle includes React + ReactDOM.
+
+---
+
+## License
+
+MIT - see [LICENSE](./LICENSE). Built by [Igor Demovic](https://github.com/idemovic).

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import './i18n.ts';
+import './index.css';
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist/assets/avatars/index.d.ts

@@ -0,0 +1,4 @@
+export declare const builtInAvatars: Record<string, string>;
+export declare const builtInAvatarIds: string[];
+/** Resolve a user-supplied value to a URL suitable for <img src>. */
+export declare function resolveAvatarUrl(value: string | undefined): string | undefined;

package/dist/chat-store.js

@@ -0,0 +1,96 @@
+import { n as e, t } from "./chunks/middleware-DgE1WAsA.js";
+//#region src/store/chatStore.ts
+function n() {
+	return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+var r = e()(t((e, t) => ({
+	sessions: [],
+	activeSessionId: null,
+	messages: {},
+	isStreaming: !1,
+	createSession() {
+		let t = n(), r = {
+			id: t,
+			title: "New conversation",
+			createdAt: Date.now()
+		};
+		return e((e) => ({
+			sessions: [r, ...e.sessions],
+			activeSessionId: t,
+			messages: {
+				...e.messages,
+				[t]: []
+			}
+		})), t;
+	},
+	setActiveSession(t) {
+		e({ activeSessionId: t });
+	},
+	addMessage(t, n) {
+		e((e) => {
+			let r = [...e.messages[t] ?? [], n];
+			return {
+				sessions: e.sessions.map((e) => e.id !== t || e.title !== "New conversation" || n.role !== "user" ? e : {
+					...e,
+					title: n.content.slice(0, 50)
+				}),
+				messages: {
+					...e.messages,
+					[t]: r
+				}
+			};
+		});
+	},
+	appendToLastBot(t, n) {
+		e((e) => {
+			let r = e.messages[t] ?? [];
+			if (r.length === 0) return {};
+			let i = r[r.length - 1];
+			if (i.role !== "bot") return {};
+			let a = [...r.slice(0, -1), {
+				...i,
+				content: i.content + n
+			}];
+			return { messages: {
+				...e.messages,
+				[t]: a
+			} };
+		});
+	},
+	setStreaming(t) {
+		e({ isStreaming: t });
+	},
+	deleteSession(t) {
+		e((e) => {
+			let n = e.sessions.filter((e) => e.id !== t), r = { ...e.messages };
+			return delete r[t], {
+				sessions: n,
+				messages: r,
+				activeSessionId: e.activeSessionId === t ? n[0]?.id ?? null : e.activeSessionId
+			};
+		});
+	},
+	renameSession(t, n) {
+		e((e) => ({ sessions: e.sessions.map((e) => e.id === t ? {
+			...e,
+			title: n
+		} : e) }));
+	},
+	clearMessages(n) {
+		e((e) => ({ messages: {
+			...e.messages,
+			[n]: []
+		} })), t().renameSession(n, "New conversation");
+	}
+}), {
+	name: "chatui-chat",
+	partialize: (e) => ({
+		sessions: e.sessions,
+		activeSessionId: e.activeSessionId,
+		messages: e.messages
+	})
+}));
+//#endregion
+export { r as useChatStore };
+
+//# sourceMappingURL=chat-store.js.map

package/dist/chatui.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:#ff6568;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-base:var(--t-bg-base);--color-bg-surface:var(--t-bg-surface);--color-bg-surface2:var(--t-bg-surface2);--color-accent:var(--t-accent);--color-fg-primary:var(--t-fg-primary);--color-fg-secondary:var(--t-fg-secondary);--color-fg-muted:var(--t-fg-muted)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.7449 31.3109)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.end{inset-inline-end:var(--spacing)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-0{left:calc(var(--spacing) * 0)}.left-3{left:calc(var(--spacing) * 3)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[560px\]{height:560px}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[42px\]{min-height:42px}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-\[380px\]{width:380px}.w-full{width:100%}.max-w-\[75\%\]{max-width:75%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.bg-bg-base{background-color:var(--color-bg-base)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-pre-line{white-space:pre-line}.text-accent{color:var(--color-accent)}.text-fg-muted{color:var(--color-fg-muted)}.text-fg-primary{color:var(--color-fg-primary)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-red-400{color:var(--color-red-400)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-bg-surface:hover{background-color:var(--color-bg-surface)}.hover\:bg-bg-surface2:hover{background-color:var(--color-bg-surface2)}.hover\:text-fg-primary:hover{color:var(--color-fg-primary)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:relative{position:relative}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}}:root,[data-theme=midnight]{--t-bg-base:#0f1117;--t-bg-surface:#1a1d27;--t-bg-surface2:#22263a;--t-bg-border:#2d3142;--t-accent:#6366f1;--t-accent-fg:#fff;--t-fg-primary:#fff;--t-fg-secondary:#94a3b8;--t-fg-muted:#64748b;--t-user-bubble:#6366f1;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=ivory]{--t-bg-base:#fff;--t-bg-surface:#f1f5f9;--t-bg-surface2:#e2e8f0;--t-bg-border:#cbd5e1;--t-accent:#4338ca;--t-accent-fg:#fff;--t-fg-primary:#0f172a;--t-fg-secondary:#334155;--t-fg-muted:#64748b;--t-user-bubble:#4338ca;--t-user-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=sunrise]{--t-bg-base:#fff;--t-bg-surface:#fff7ed;--t-bg-surface2:#ffedd5;--t-bg-border:#fed7aa;--t-accent:#f97316;--t-accent-fg:#fff;--t-fg-primary:#1c0a00;--t-fg-secondary:#431407;--t-fg-muted:#9a3412;--t-user-bubble:#f97316;--t-user-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=cosmos]{--t-bg-base:#0d0a1a;--t-bg-surface:#15102b;--t-bg-surface2:#1e1840;--t-bg-border:#2e2555;--t-accent:#a855f7;--t-accent-fg:#fff;--t-fg-primary:#f3e8ff;--t-fg-secondary:#c4b5fd;--t-fg-muted:#7c3aed;--t-user-bubble:#a855f7;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=forest]{--t-bg-base:#0a1410;--t-bg-surface:#111f18;--t-bg-surface2:#162b1f;--t-bg-border:#1e3a2a;--t-accent:#22c55e;--t-accent-fg:#fff;--t-fg-primary:#dcfce7;--t-fg-secondary:#86efac;--t-fg-muted:#4ade80;--t-user-bubble:#16a34a;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=ocean]{--t-bg-base:#060f1a;--t-bg-surface:#0c1b2e;--t-bg-surface2:#112440;--t-bg-border:#163354;--t-accent:#06b6d4;--t-accent-fg:#fff;--t-fg-primary:#e0f7fa;--t-fg-secondary:#67e8f9;--t-fg-muted:#0891b2;--t-user-bubble:#0891b2;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=cherry]{--t-bg-base:#120608;--t-bg-surface:#1e0c10;--t-bg-surface2:#2a1016;--t-bg-border:#3d1520;--t-accent:#ef4444;--t-accent-fg:#fff;--t-fg-primary:#ffe4e6;--t-fg-secondary:#fca5a5;--t-fg-muted:#f87171;--t-user-bubble:#dc2626;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=navy]{--t-bg-base:#080f1e;--t-bg-surface:#0f1a33;--t-bg-surface2:#162348;--t-bg-border:#1e3060;--t-accent:#3b82f6;--t-accent-fg:#fff;--t-fg-primary:#dbeafe;--t-fg-secondary:#93c5fd;--t-fg-muted:#60a5fa;--t-user-bubble:#2563eb;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=lavender]{--t-bg-base:#faf5ff;--t-bg-surface:#f3e8ff;--t-bg-surface2:#e9d5ff;--t-bg-border:#d8b4fe;--t-accent:#8b5cf6;--t-accent-fg:#fff;--t-fg-primary:#2e1065;--t-fg-secondary:#4c1d95;--t-fg-muted:#7c3aed;--t-user-bubble:#7c3aed;--t-user-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=amber]{--t-bg-base:#0f0a00;--t-bg-surface:#1c1400;--t-bg-surface2:#2a1d00;--t-bg-border:#3d2c00;--t-accent:#f59e0b;--t-accent-fg:#000;--t-fg-primary:#fef3c7;--t-fg-secondary:#fcd34d;--t-fg-muted:#d97706;--t-user-bubble:#d97706;--t-user-fg:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--t-bg-base);color:var(--t-fg-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--t-bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--t-fg-muted)}@keyframes typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-dot{background:var(--t-fg-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing-dot;display:inline-block}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.cta-bubble:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--t-bg-surface);width:0;height:0;position:absolute;bottom:-8px;right:20px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+/*$vite$:1*/

package/dist/chatui.css.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/chatui.iife.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:#ff6568;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-base:var(--t-bg-base);--color-bg-surface:var(--t-bg-surface);--color-bg-surface2:var(--t-bg-surface2);--color-accent:var(--t-accent);--color-fg-primary:var(--t-fg-primary);--color-fg-secondary:var(--t-fg-secondary);--color-fg-muted:var(--t-fg-muted)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.7449 31.3109)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.end{inset-inline-end:var(--spacing)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-0{left:calc(var(--spacing) * 0)}.left-3{left:calc(var(--spacing) * 3)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[560px\]{height:560px}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[42px\]{min-height:42px}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-\[380px\]{width:380px}.w-full{width:100%}.max-w-\[75\%\]{max-width:75%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.bg-bg-base{background-color:var(--color-bg-base)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-pre-line{white-space:pre-line}.text-accent{color:var(--color-accent)}.text-fg-muted{color:var(--color-fg-muted)}.text-fg-primary{color:var(--color-fg-primary)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-red-400{color:var(--color-red-400)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-bg-surface:hover{background-color:var(--color-bg-surface)}.hover\:bg-bg-surface2:hover{background-color:var(--color-bg-surface2)}.hover\:text-fg-primary:hover{color:var(--color-fg-primary)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:relative{position:relative}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}}:root,[data-theme=midnight]{--t-bg-base:#0f1117;--t-bg-surface:#1a1d27;--t-bg-surface2:#22263a;--t-bg-border:#2d3142;--t-accent:#6366f1;--t-accent-fg:#fff;--t-fg-primary:#fff;--t-fg-secondary:#94a3b8;--t-fg-muted:#64748b;--t-user-bubble:#6366f1;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=ivory]{--t-bg-base:#fff;--t-bg-surface:#f1f5f9;--t-bg-surface2:#e2e8f0;--t-bg-border:#cbd5e1;--t-accent:#4338ca;--t-accent-fg:#fff;--t-fg-primary:#0f172a;--t-fg-secondary:#334155;--t-fg-muted:#64748b;--t-user-bubble:#4338ca;--t-user-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=sunrise]{--t-bg-base:#fff;--t-bg-surface:#fff7ed;--t-bg-surface2:#ffedd5;--t-bg-border:#fed7aa;--t-accent:#f97316;--t-accent-fg:#fff;--t-fg-primary:#1c0a00;--t-fg-secondary:#431407;--t-fg-muted:#9a3412;--t-user-bubble:#f97316;--t-user-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=cosmos]{--t-bg-base:#0d0a1a;--t-bg-surface:#15102b;--t-bg-surface2:#1e1840;--t-bg-border:#2e2555;--t-accent:#a855f7;--t-accent-fg:#fff;--t-fg-primary:#f3e8ff;--t-fg-secondary:#c4b5fd;--t-fg-muted:#7c3aed;--t-user-bubble:#a855f7;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=forest]{--t-bg-base:#0a1410;--t-bg-surface:#111f18;--t-bg-surface2:#162b1f;--t-bg-border:#1e3a2a;--t-accent:#22c55e;--t-accent-fg:#fff;--t-fg-primary:#dcfce7;--t-fg-secondary:#86efac;--t-fg-muted:#4ade80;--t-user-bubble:#16a34a;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=ocean]{--t-bg-base:#060f1a;--t-bg-surface:#0c1b2e;--t-bg-surface2:#112440;--t-bg-border:#163354;--t-accent:#06b6d4;--t-accent-fg:#fff;--t-fg-primary:#e0f7fa;--t-fg-secondary:#67e8f9;--t-fg-muted:#0891b2;--t-user-bubble:#0891b2;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=cherry]{--t-bg-base:#120608;--t-bg-surface:#1e0c10;--t-bg-surface2:#2a1016;--t-bg-border:#3d1520;--t-accent:#ef4444;--t-accent-fg:#fff;--t-fg-primary:#ffe4e6;--t-fg-secondary:#fca5a5;--t-fg-muted:#f87171;--t-user-bubble:#dc2626;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=navy]{--t-bg-base:#080f1e;--t-bg-surface:#0f1a33;--t-bg-surface2:#162348;--t-bg-border:#1e3060;--t-accent:#3b82f6;--t-accent-fg:#fff;--t-fg-primary:#dbeafe;--t-fg-secondary:#93c5fd;--t-fg-muted:#60a5fa;--t-user-bubble:#2563eb;--t-user-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=lavender]{--t-bg-base:#faf5ff;--t-bg-surface:#f3e8ff;--t-bg-surface2:#e9d5ff;--t-bg-border:#d8b4fe;--t-accent:#8b5cf6;--t-accent-fg:#fff;--t-fg-primary:#2e1065;--t-fg-secondary:#4c1d95;--t-fg-muted:#7c3aed;--t-user-bubble:#7c3aed;--t-user-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=amber]{--t-bg-base:#0f0a00;--t-bg-surface:#1c1400;--t-bg-surface2:#2a1d00;--t-bg-border:#3d2c00;--t-accent:#f59e0b;--t-accent-fg:#000;--t-fg-primary:#fef3c7;--t-fg-secondary:#fcd34d;--t-fg-muted:#d97706;--t-user-bubble:#d97706;--t-user-fg:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--t-bg-base);color:var(--t-fg-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--t-bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--t-fg-muted)}@keyframes typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-dot{background:var(--t-fg-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing-dot;display:inline-block}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.cta-bubble:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--t-bg-surface);width:0;height:0;position:absolute;bottom:-8px;right:20px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+/*$vite$:1*/