@bao826078/chatai 0.1.4 → 0.2.0

package/dist/index.html

@@ -4,16 +4,16 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ChatAI</title>
-    <meta name="description" content="Ứng dụng web chat AI thông minh hỗ trợ kết nối APIKey,phân tích hình ảnh và tùy chỉnh mô hình." />
+    <meta name="description" content="Ứng dụng web chat AI thông minh hỗ trợ kết nối API Key đa nhà cung cấp và tùy chỉnh mô hình linh hoạt." />
     <meta property="og:title" content="ChatAI" />
-    <meta property="og:description" content="Ứng dụng web chat AI thông minh hỗ trợ kết nối APIKey,phân tích hình ảnh và tùy chỉnh mô hình." />
+    <meta property="og:description" content="Ứng dụng web chat AI thông minh hỗ trợ kết nối API Key đa nhà cung cấp và tùy chỉnh mô hình linh hoạt." />
     <meta property="og:type" content="website" />
     <meta name="twitter:card" content="summary_large_image" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
-    <script type="module" crossorigin src="/assets/index-CH99EFr7.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-C2Wh2BIu.css">
+    <script type="module" crossorigin src="/assets/index-CQ_XbqUY.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-B1OSzBJL.css">
   </head>
   <body class="bg-white text-neutral-900 antialiased min-h-screen selection:bg-neutral-200">
     <div id="root"></div>

package/dist/server.js

@@ -3,11 +3,31 @@ import dotenv from "dotenv";
 import path from "path";
 import { fileURLToPath } from "url";
 import { GoogleGenAI } from "@google/genai";
+import { dbManager } from "./server/db.ts";
 dotenv.config();
+await dbManager.init();
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const app = express();
-const PORT = Number(process.env.PORT) || 8088;
+function resolvePort() {
+  const args = process.argv;
+  for (let i = 0; i < args.length; i++) {
+    if ((args[i] === "--port" || args[i] === "-p") && args[i + 1]) {
+      const p = Number(args[i + 1]);
+      if (!isNaN(p) && p > 0) return p;
+    }
+    if (args[i].startsWith("--port=")) {
+      const p = Number(args[i].split("=")[1]);
+      if (!isNaN(p) && p > 0) return p;
+    }
+  }
+  if (process.env.PORT) {
+    const p = Number(process.env.PORT);
+    if (!isNaN(p) && p > 0) return p;
+  }
+  return 8088;
+}
+const PRIMARY_PORT = resolvePort();
 app.use(express.json({ limit: "10mb" }));
 app.use(express.urlencoded({ extended: true, limit: "10mb" }));
 const DEFAULT_OPENAI_BASE_URL = "https://api.openai.com/v1";
@@ -44,6 +64,12 @@ function classifyError(error) {
       friendlyMessage: "Kh\xF3a API \u0111\xE3 v\u01B0\u1EE3t qu\xE1 h\u1EA1n m\u1EE9c s\u1EED d\u1EE5ng (Quota / Rate Limit). Vui l\xF2ng th\u1EED l\u1EA1i sau ho\u1EB7c \u0111\u1ED5i kh\xF3a kh\xE1c."
     };
   }
+  if (rawMsg.includes("not_found") || rawMsg.includes("404") || rawMsg.includes("no longer available") || status === 404) {
+    return {
+      isApiKeyError: false,
+      friendlyMessage: "M\xF4 h\xECnh n\xE0y hi\u1EC7n kh\xF4ng kh\u1EA3 d\u1EE5ng ho\u1EB7c \u0111\xE3 ng\u1EEBng h\u1ED7 tr\u1EE3. H\u1EC7 th\u1ED1ng khuy\u1EBFn ngh\u1ECB ch\u1ECDn m\xF4 h\xECnh ho\u1EA1t \u0111\u1ED9ng nh\u01B0 gemini-3.8-flash."
+    };
+  }
   return {
     isApiKeyError: false,
     friendlyMessage: error?.message || "\u0110\xE3 x\u1EA3y ra l\u1ED7i khi k\u1EBFt n\u1ED1i v\u1EDBi m\xE1y ch\u1EE7 AI."
@@ -99,11 +125,36 @@ app.post("/api/models", async (req, res) => {
       }
       const data2 = await response2.json();
       const rawList2 = Array.isArray(data2?.models) ? data2.models : [];
+      const deprecatedModels = [
+        "gemini-2.5-flash",
+        "gemini-2.5-pro",
+        "gemini-2.0-flash",
+        "gemini-2.0-pro",
+        "gemini-1.5-flash",
+        "gemini-1.5-pro",
+        "gemini-1.0-pro"
+      ];
+      const nonTextKeywords = ["tts", "image", "embedding", "transcribe", "robotics"];
       const supportedModels = rawList2.filter((m) => {
+        const id = (m.name || "").replace(/^models\//, "").toLowerCase();
         const methods = Array.isArray(m.supportedGenerationMethods) ? m.supportedGenerationMethods : [];
-        return methods.includes("generateContent");
+        if (!methods.includes("generateContent")) return false;
+        if (deprecatedModels.includes(id)) return false;
+        if (nonTextKeywords.some((kw) => id.includes(kw))) return false;
+        return true;
       });
-      const priorityOrder = ["gemini-2.5-flash", "gemini-2.5-pro", "gemini-2.0-flash", "gemini-1.5-flash", "gemini-1.5-pro", "gemini-1.0-pro"];
+      const priorityOrder = [
+        "gemini-3.8-flash",
+        "gemini-3.7-flash",
+        "gemini-3.6-flash",
+        "gemini-3.5-flash",
+        "gemini-flash-latest",
+        "gemini-3.1-flash-lite",
+        "gemini-flash-lite-latest",
+        "gemini-pro-latest",
+        "gemini-2.5-flash-lite",
+        "gemini-4-argon"
+      ];
       supportedModels.sort((a, b) => {
         const idA = (a.name || "").replace(/^models\//, "").toLowerCase();
         const idB = (b.name || "").replace(/^models\//, "").toLowerCase();
@@ -316,6 +367,168 @@ app.post("/api/verify-key", async (req, res) => {
     });
   }
 });
+function estimateTextTokens(text) {
+  if (!text) return 0;
+  const trimmed = text.trim();
+  if (trimmed.length === 0) return 0;
+  const hasCode = trimmed.includes("```") || trimmed.includes("{") || trimmed.includes("function") || trimmed.includes("const ");
+  const vietnameseRegex = /[àáạảãâầấậẩẫăằắặẳẵèéẹẻẽêềếệểễìíịỉĩòóọỏõôồốộổỗơờớợởỡùúụủũưừứựửữỳýỵỷỹđ]/i;
+  const isVietnamese = vietnameseRegex.test(trimmed);
+  if (hasCode) {
+    return Math.max(1, Math.ceil(trimmed.length / 3.2));
+  } else if (isVietnamese) {
+    const words = trimmed.split(/\s+/).filter(Boolean);
+    return Math.max(1, Math.ceil(words.length * 1.35) + Math.ceil(trimmed.length / 10));
+  } else {
+    const words = trimmed.split(/\s+/).filter(Boolean);
+    return Math.max(1, Math.ceil(words.length * 1.3));
+  }
+}
+app.get("/api/conversations", (_req, res) => {
+  try {
+    const list = dbManager.getConversations();
+    res.json({ ok: true, conversations: list });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.post("/api/conversations", (req, res) => {
+  try {
+    const { id, title, model, provider, system_instruction, user_id } = req.body;
+    const convId = id || "chat-" + Date.now();
+    const conv = dbManager.createConversation({
+      id: convId,
+      title,
+      model,
+      provider,
+      system_instruction,
+      user_id
+    });
+    res.json({ ok: true, conversation: conv });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.get("/api/conversations/:id", (req, res) => {
+  try {
+    const result = dbManager.getConversation(req.params.id);
+    if (!result) {
+      return res.status(404).json({ ok: false, error: "Conversation not found" });
+    }
+    res.json({ ok: true, ...result });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.put("/api/conversations/:id", (req, res) => {
+  try {
+    const { title, model, provider, system_instruction } = req.body;
+    const updated = dbManager.updateConversation(req.params.id, {
+      title,
+      model,
+      provider,
+      system_instruction
+    });
+    if (!updated) {
+      return res.status(404).json({ ok: false, error: "Conversation not found" });
+    }
+    res.json({ ok: true, conversation: updated });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.delete("/api/conversations/:id", (req, res) => {
+  try {
+    const success = dbManager.deleteConversation(req.params.id);
+    res.json({ ok: success });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.post("/api/conversations/:id/messages", (req, res) => {
+  try {
+    const { id, role, sender, content, metadata } = req.body;
+    const saved = dbManager.saveMessage({
+      id: id || "msg-" + Date.now(),
+      conversation_id: req.params.id,
+      role: role || "user",
+      sender: sender || "user",
+      content: content || "",
+      metadata
+    });
+    res.json({ ok: true, message: saved });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.post("/api/conversations/bulk-sync", (req, res) => {
+  try {
+    const { conversations = [] } = req.body;
+    let syncedConvs = 0;
+    let syncedMsgs = 0;
+    for (const c of conversations) {
+      if (!c.id) continue;
+      dbManager.createConversation({
+        id: c.id,
+        title: c.title,
+        model: c.model,
+        provider: c.provider,
+        system_instruction: c.systemInstruction,
+        created_at: c.createdAt ? new Date(c.createdAt).toISOString() : void 0,
+        updated_at: c.updatedAt ? new Date(c.updatedAt).toISOString() : void 0
+      });
+      syncedConvs++;
+      if (Array.isArray(c.messages)) {
+        for (const m of c.messages) {
+          if (!m.id || !m.content) continue;
+          dbManager.saveMessage({
+            id: m.id,
+            conversation_id: c.id,
+            role: m.role || (m.sender === "ai" ? "model" : "user"),
+            sender: m.sender || (m.role === "model" || m.role === "assistant" ? "ai" : "user"),
+            content: m.content,
+            created_at: m.timestamp ? new Date(m.timestamp).toISOString() : void 0,
+            metadata: {
+              modelUsed: m.modelUsed,
+              estimatedTokens: m.estimatedTokens
+            }
+          });
+          syncedMsgs++;
+        }
+      }
+    }
+    dbManager.persistNow();
+    res.json({ ok: true, syncedConvs, syncedMsgs });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.get("/api/analytics/monthly", (req, res) => {
+  try {
+    const month = typeof req.query.month === "string" ? req.query.month : void 0;
+    const stats = dbManager.getMonthlyAnalytics(month);
+    res.json({ ok: true, ...stats });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.get("/api/analytics/summary", (req, res) => {
+  try {
+    const count = Number(req.query.count) || 6;
+    const summary = dbManager.getRecentMonthsSummary(count);
+    res.json({ ok: true, summary });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
+app.post("/api/analytics/record", (req, res) => {
+  try {
+    const record = dbManager.recordTokenUsage(req.body);
+    res.json({ ok: true, record });
+  } catch (err) {
+    res.status(500).json({ ok: false, error: err.message });
+  }
+});
 app.post("/api/chat/stream", async (req, res) => {
   const {
     messages = [],
@@ -324,7 +537,11 @@ app.post("/api/chat/stream", async (req, res) => {
     temperature = 0.7,
     apiKey,
     provider = "openai",
-    baseUrl
+    baseUrl,
+    conversationId,
+    userMessageId,
+    aiMessageId,
+    requestId
   } = req.body;
   res.setHeader("Content-Type", "text/event-stream");
   res.setHeader("Cache-Control", "no-cache");
@@ -344,8 +561,111 @@ app.post("/api/chat/stream", async (req, res) => {
     res.write("data: [DONE]\n\n");
     return res.end();
   }
-  const targetModel = model || (provider === "google" ? "gemini-3.8-flash" : provider === "claude" ? "claude-3-5-sonnet-20241022" : "gpt-4o-mini");
+  const rawModel = model || (provider === "google" ? "gemini-3.8-flash" : provider === "claude" ? "claude-3-5-sonnet-20241022" : "gpt-4o-mini");
+  let targetModel = String(rawModel).replace(/^models\//, "").trim();
+  if (provider === "google") {
+    const deprecated = ["gemini-2.5-flash", "gemini-2.5-pro", "gemini-2.0-flash", "gemini-2.0-pro", "gemini-1.5-flash", "gemini-1.5-pro", "gemini-1.0-pro"];
+    if (deprecated.includes(targetModel.toLowerCase())) {
+      console.log(`[Stream] Migrating deprecated model "${targetModel}" to "gemini-3.8-flash"`);
+      targetModel = "gemini-3.8-flash";
+    }
+  }
   console.log(`[Stream] Starting chat stream (provider: "${provider}", model: "${targetModel}", messageCount: ${messages.length})`);
+  const activeConvId = conversationId || "chat-" + Date.now();
+  const lastUserMsg = messages.filter((m) => m.role === "user" || m.sender === "user").slice(-1)[0];
+  const userText = lastUserMsg?.content || "";
+  try {
+    const existingConv = dbManager.getConversation(activeConvId);
+    if (!existingConv) {
+      dbManager.createConversation({
+        id: activeConvId,
+        title: userText ? userText.slice(0, 32) + (userText.length > 32 ? "..." : "") : "\u0110o\u1EA1n chat m\u1EDBi",
+        model: targetModel,
+        provider,
+        system_instruction: systemInstruction
+      });
+    }
+    if (userText && userMessageId) {
+      dbManager.saveMessage({
+        id: userMessageId,
+        conversation_id: activeConvId,
+        role: "user",
+        sender: "user",
+        content: userText
+      });
+    }
+  } catch (err) {
+    console.error("[Stream] Error initializing conversation in SQLite:", err);
+  }
+  const promptText = messages.map((m) => m.content || "").join("\n");
+  const fallbackInputTokens = estimateTextTokens(promptText);
+  let fullAiText = "";
+  let inputTokens = 0;
+  let outputTokens = 0;
+  let totalTokens = 0;
+  let cachedTokens = 0;
+  let reasoningTokens = 0;
+  let usageSource = "estimated";
+  const finalizeAndSave = (status = "success") => {
+    if (usageSource === "estimated" || totalTokens === 0) {
+      inputTokens = inputTokens || fallbackInputTokens;
+      outputTokens = outputTokens || estimateTextTokens(fullAiText);
+      totalTokens = inputTokens + outputTokens;
+      usageSource = "estimated";
+    }
+    const aiMsgId = aiMessageId || "msg-" + Date.now() + "-ai";
+    try {
+      if (fullAiText.trim().length > 0) {
+        dbManager.saveMessage({
+          id: aiMsgId,
+          conversation_id: activeConvId,
+          role: "model",
+          sender: "ai",
+          content: fullAiText,
+          metadata: {
+            modelUsed: targetModel,
+            provider,
+            usageSource,
+            inputTokens,
+            outputTokens,
+            totalTokens
+          }
+        });
+      }
+      dbManager.recordTokenUsage({
+        conversation_id: activeConvId,
+        message_id: aiMsgId,
+        provider,
+        model: targetModel,
+        input_tokens: inputTokens,
+        output_tokens: outputTokens,
+        total_tokens: totalTokens,
+        cached_input_tokens: cachedTokens,
+        reasoning_tokens: reasoningTokens,
+        usage_source: usageSource,
+        request_id: requestId || activeConvId + "-" + Date.now(),
+        status
+      });
+    } catch (saveErr) {
+      console.error("[Stream] Error saving to SQLite:", saveErr);
+    }
+    res.write(
+      `data: ${JSON.stringify({
+        usage: {
+          inputTokens,
+          outputTokens,
+          totalTokens,
+          cachedTokens,
+          reasoningTokens,
+          usageSource,
+          model: targetModel,
+          provider
+        }
+      })}
+
+`
+    );
+  };
   if (provider === "google") {
     try {
       const ai = getGoogleAIClient(activeKey);
@@ -370,15 +690,25 @@ app.post("/api/chat/stream", async (req, res) => {
       for await (const chunk of responseStream) {
         const chunkText = chunk.text;
         if (chunkText) {
+          fullAiText += chunkText;
           res.write(`data: ${JSON.stringify({ text: chunkText })}
 
 `);
         }
+        if (chunk.usageMetadata) {
+          inputTokens = chunk.usageMetadata.promptTokenCount || inputTokens;
+          outputTokens = chunk.usageMetadata.candidatesTokenCount || outputTokens;
+          totalTokens = chunk.usageMetadata.totalTokenCount || inputTokens + outputTokens;
+          cachedTokens = chunk.usageMetadata.cachedContentTokenCount || cachedTokens;
+          usageSource = "provider";
+        }
       }
       console.log(`[Stream] Google stream completed successfully for model: "${targetModel}"`);
+      finalizeAndSave("success");
       res.write("data: [DONE]\n\n");
       return res.end();
     } catch (error) {
+      finalizeAndSave("error");
       const { isApiKeyError, friendlyMessage } = classifyError(error);
       console.error(`[Stream] Google stream error:`, error?.message);
       res.write(
@@ -420,6 +750,7 @@ app.post("/api/chat/stream", async (req, res) => {
         })
       });
       if (!response.ok) {
+        finalizeAndSave("error");
         const errorText = await response.text();
         console.warn(`[Stream] Claude stream HTTP ${response.status}: ${errorText.slice(0, 100)}`);
         let parsedError = errorText;
@@ -461,20 +792,31 @@ app.post("/api/chat/stream", async (req, res) => {
             }
             try {
               const parsed = JSON.parse(dataStr);
+              if (parsed.type === "message_start" && parsed.message?.usage) {
+                inputTokens = parsed.message.usage.input_tokens || 0;
+              }
               if (parsed.type === "content_block_delta" && parsed.delta?.text) {
+                fullAiText += parsed.delta.text;
                 res.write(`data: ${JSON.stringify({ text: parsed.delta.text })}
 
 `);
               }
+              if (parsed.type === "message_delta" && parsed.usage) {
+                outputTokens = parsed.usage.output_tokens || 0;
+                totalTokens = inputTokens + outputTokens;
+                usageSource = "provider";
+              }
             } catch (err) {
             }
           }
         }
       }
       console.log(`[Stream] Claude stream completed successfully for model: "${targetModel}"`);
+      finalizeAndSave("success");
       res.write("data: [DONE]\n\n");
       return res.end();
     } catch (error) {
+      finalizeAndSave("error");
       const { isApiKeyError, friendlyMessage } = classifyError(error);
       console.error(`[Stream] Claude stream error:`, error?.message);
       res.write(
@@ -515,10 +857,12 @@ app.post("/api/chat/stream", async (req, res) => {
         model: targetModel,
         messages: formattedMessages,
         temperature: Number(temperature) || 0.7,
-        stream: true
+        stream: true,
+        stream_options: { include_usage: true }
       })
     });
     if (!response.ok) {
+      finalizeAndSave("error");
       const errorText = await response.text();
       console.warn(`[Stream] "${provider}" stream HTTP ${response.status}: ${errorText.slice(0, 100)}`);
       let parsedError = errorText;
@@ -560,8 +904,17 @@ app.post("/api/chat/stream", async (req, res) => {
           }
           try {
             const parsed = JSON.parse(dataStr);
+            if (parsed.usage) {
+              inputTokens = parsed.usage.prompt_tokens || 0;
+              outputTokens = parsed.usage.completion_tokens || 0;
+              totalTokens = parsed.usage.total_tokens || inputTokens + outputTokens;
+              cachedTokens = parsed.usage.prompt_tokens_details?.cached_tokens || 0;
+              reasoningTokens = parsed.usage.completion_tokens_details?.reasoning_tokens || 0;
+              usageSource = "provider";
+            }
             const textChunk = parsed.choices?.[0]?.delta?.content || "";
             if (textChunk) {
+              fullAiText += textChunk;
               res.write(`data: ${JSON.stringify({ text: textChunk })}
 
 `);
@@ -572,9 +925,11 @@ app.post("/api/chat/stream", async (req, res) => {
       }
     }
     console.log(`[Stream] "${provider}" stream completed successfully for model: "${targetModel}"`);
+    finalizeAndSave("success");
     res.write("data: [DONE]\n\n");
     return res.end();
   } catch (error) {
+    finalizeAndSave("error");
     const { isApiKeyError, friendlyMessage } = classifyError(error);
     console.error(`[Stream] "${provider}" stream error:`, error?.message);
     res.write(
@@ -602,6 +957,17 @@ if (process.env.NODE_ENV === "production") {
   });
   app.use(vite.middlewares);
 }
-app.listen(PORT, "0.0.0.0", () => {
-  console.log(`[Server] ChatAI server started and listening on http://0.0.0.0:${PORT}`);
+const primaryServer = app.listen(PRIMARY_PORT, "0.0.0.0", () => {
+  console.log(`[Server] ChatAI server started and listening on http://0.0.0.0:${PRIMARY_PORT}`);
 });
+if (PRIMARY_PORT !== 8088) {
+  try {
+    const secondaryServer = app.listen(8088, "0.0.0.0", () => {
+      console.log(`[Server] ChatAI npm default listener active on http://0.0.0.0:8088`);
+    });
+    secondaryServer.on("error", (err) => {
+      console.log(`[Server] Secondary listener on port 8088 note: ${err.message}`);
+    });
+  } catch (err) {
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bao826078/chatai",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "type": "module",
   "description": "Ứng dụng Chat AI sử dụng apikey",
   "bin": {
@@ -30,6 +30,7 @@
     "react": "^19.0.1",
     "react-dom": "^19.0.1",
     "recharts": "^3.10.1",
+    "sql.js": "^1.15.1",
     "vite": "^8.3.0"
   },
   "devDependencies": {
@@ -37,6 +38,7 @@
     "@types/node": "^22.14.0",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
+    "@types/sql.js": "^1.4.11",
     "autoprefixer": "^10.4.21",
     "esbuild": "^0.28.2",
     "rimraf": "^6.0.1",
@@ -47,4 +49,4 @@
   "overrides": {
     "esbuild": "^0.28.2"
   }
-}
+}

package/dist/assets/index-C2Wh2BIu.css

@@ -1,2 +0,0 @@
-/*! tailwindcss v4.3.3 | 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,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-600:oklch(54.6% .245 262.881);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--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)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{transition:background-color .15s,color .15s}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}.dark ::-webkit-scrollbar-thumb{background:#262626;border-radius:9999px}.dark ::-webkit-scrollbar-thumb:hover{background:#404040}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.left-0{left:0}.left-2{left:calc(var(--spacing) * 2)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-64{height:calc(var(--spacing) * 64)}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-\[88vh\]{max-height:88vh}.max-h-\[92vh\]{max-height:92vh}.min-h-0{min-height:0}.min-h-\[250px\]{min-height:250px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-12{width:calc(var(--spacing) * 12)}.w-72{width:calc(var(--spacing) * 72)}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[140px\]{max-width:140px}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;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)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.scrollbar-none{scrollbar-width:none}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-0\.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)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * 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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral-200>:not(:last-child)){border-color:var(--color-neutral-200)}.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:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.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-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-200\/80{border-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.border-neutral-200\/80{border-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-neutral-900{border-color:var(--color-neutral-900)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-transparent{border-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/60{background-color:#fffbeb99}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/60{background-color:color-mix(in oklab, var(--color-amber-50) 60%, transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-50\/50{background-color:#fafafa80}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/50{background-color:color-mix(in oklab, var(--color-neutral-50) 50%, transparent)}}.bg-neutral-50\/60{background-color:#fafafa99}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/60{background-color:color-mix(in oklab, var(--color-neutral-50) 60%, transparent)}}.bg-neutral-50\/70{background-color:#fafafab3}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/70{background-color:color-mix(in oklab, var(--color-neutral-50) 70%, transparent)}}.bg-neutral-50\/80{background-color:#fafafacc}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/80{background-color:color-mix(in oklab, var(--color-neutral-50) 80%, transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-100\/80{background-color:#f5f5f5cc}@supports (color:color-mix(in lab, red, red)){.bg-neutral-100\/80{background-color:color-mix(in oklab, var(--color-neutral-100) 80%, transparent)}}.bg-neutral-100\/90{background-color:#f5f5f5e6}@supports (color:color-mix(in lab, red, red)){.bg-neutral-100\/90{background-color:color-mix(in oklab, var(--color-neutral-100) 90%, transparent)}}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-200\/80{background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/80{background-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.bg-neutral-200\/90{background-color:#e5e5e5e6}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/90{background-color:color-mix(in oklab, var(--color-neutral-200) 90%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.fill-current{fill:currentColor}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-900{color:var(--color-emerald-900)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-neutral-400::placeholder{color:var(--color-neutral-400)}.accent-neutral-900{accent-color:var(--color-neutral-900)}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.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-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--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-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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-neutral-900\/10{--tw-ring-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.ring-neutral-900\/10{--tw-ring-color:color-mix(in oklab, var(--color-neutral-900) 10%, transparent)}}.ring-red-400\/20{--tw-ring-color:#ff656833}@supports (color:color-mix(in lab, red, red)){.ring-red-400\/20{--tw-ring-color:color-mix(in oklab, var(--color-red-400) 20%, transparent)}}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}@media (hover:hover){.group-hover\:text-neutral-900:is(:where(.group):hover *){color:var(--color-neutral-900)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.selection\:bg-neutral-200 ::selection{background-color:var(--color-neutral-200)}.selection\:bg-neutral-200::selection{background-color:var(--color-neutral-200)}.focus-within\:border-neutral-500:focus-within{border-color:var(--color-neutral-500)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-neutral-400\/30:focus-within{--tw-ring-color:#a1a1a14d}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-neutral-400\/30:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-neutral-400) 30%, transparent)}}@media (hover:hover){.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:border-neutral-400:hover{border-color:var(--color-neutral-400)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-amber-100\/80:hover{background-color:#fef3c6cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-100\/80:hover{background-color:color-mix(in oklab, var(--color-amber-100) 80%, transparent)}}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-neutral-600:hover{color:var(--color-neutral-600)}.hover\:text-neutral-700:hover{color:var(--color-neutral-700)}.hover\:text-neutral-800:hover{color:var(--color-neutral-800)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:border-neutral-400:focus{border-color:var(--color-neutral-400)}.focus\:border-neutral-500:focus{border-color:var(--color-neutral-500)}.focus\:border-neutral-800:focus{border-color:var(--color-neutral-800)}.focus\:border-neutral-900:focus{border-color:var(--color-neutral-900)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-neutral-900:disabled:hover{background-color:var(--color-neutral-900)}}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-72{height:calc(var(--spacing) * 72)}.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-initial{flex:0 auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=48rem){.md\:static{position:static}.md\:hidden{display:none}.md\:w-0{width:0}.md\:max-w-md{max-width:var(--container-md)}.md\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:pb-0{padding-bottom:0}}@media (width>=64rem){.lg\:w-76{width:calc(var(--spacing) * 76)}}.dark\:border-neutral-700:where(.dark,.dark *){border-color:var(--color-neutral-700)}.dark\:border-neutral-800:where(.dark,.dark *){border-color:var(--color-neutral-800)}.dark\:bg-neutral-100:where(.dark,.dark *){background-color:var(--color-neutral-100)}.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\:bg-neutral-900:where(.dark,.dark *){background-color:var(--color-neutral-900)}.dark\:bg-neutral-950:where(.dark,.dark *){background-color:var(--color-neutral-950)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-neutral-100:where(.dark,.dark *){color:var(--color-neutral-100)}.dark\:text-neutral-200:where(.dark,.dark *){color:var(--color-neutral-200)}.dark\:text-neutral-300:where(.dark,.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-400:where(.dark,.dark *){color:var(--color-neutral-400)}@media (hover:hover){.dark\:hover\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}}.\[\&_a\]\:text-neutral-900 a{color:var(--color-neutral-900)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-2 a{text-underline-offset:2px}@media (hover:hover){.hover\:\[\&_a\]\:opacity-80:hover a{opacity:.8}}.dark\:\[\&_a\]\:text-neutral-100:where(.dark,.dark *) a{color:var(--color-neutral-100)}.\[\&_blockquote\]\:my-1\.5 blockquote{margin-block:calc(var(--spacing) * 1.5)}.\[\&_blockquote\]\:border-l-2 blockquote{border-left-style:var(--tw-border-style);border-left-width:2px}.\[\&_blockquote\]\:border-neutral-400 blockquote{border-color:var(--color-neutral-400)}.\[\&_blockquote\]\:pl-3 blockquote{padding-left:calc(var(--spacing) * 3)}.\[\&_blockquote\]\:text-neutral-600 blockquote{color:var(--color-neutral-600)}.\[\&_blockquote\]\:italic blockquote{font-style:italic}.dark\:\[\&_blockquote\]\:border-neutral-600:where(.dark,.dark *) blockquote{border-color:var(--color-neutral-600)}.dark\:\[\&_blockquote\]\:text-neutral-400:where(.dark,.dark *) blockquote{color:var(--color-neutral-400)}.\[\&_code\]\:rounded code{border-radius:.25rem}.\[\&_code\]\:bg-neutral-200\/70 code{background-color:#e5e5e5b3}@supports (color:color-mix(in lab, red, red)){.\[\&_code\]\:bg-neutral-200\/70 code{background-color:color-mix(in oklab, var(--color-neutral-200) 70%, transparent)}}.\[\&_code\]\:px-1\.5 code{padding-inline:calc(var(--spacing) * 1.5)}.\[\&_code\]\:font-mono code{font-family:var(--font-mono)}.\[\&_code\]\:text-xs code{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_code\]\:text-neutral-900 code{color:var(--color-neutral-900)}.dark\:\[\&_code\]\:bg-neutral-800:where(.dark,.dark *) code{background-color:var(--color-neutral-800)}.dark\:\[\&_code\]\:text-neutral-200:where(.dark,.dark *) code{color:var(--color-neutral-200)}.\[\&_h1\]\:mt-3 h1{margin-top:calc(var(--spacing) * 3)}.\[\&_h1\]\:mb-1 h1{margin-bottom:var(--spacing)}.\[\&_h1\]\:text-xl h1{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\[\&_h1\]\:font-bold h1{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_h2\]\:mt-2\.5 h2{margin-top:calc(var(--spacing) * 2.5)}.\[\&_h2\]\:mb-1 h2{margin-bottom:var(--spacing)}.\[\&_h2\]\:text-lg h2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\[\&_h2\]\:font-bold h2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_h3\]\:mt-2 h3{margin-top:calc(var(--spacing) * 2)}.\[\&_h3\]\:text-base h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_h3\]\:font-semibold h3{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_li\]\:my-0\.5 li{margin-block:calc(var(--spacing) * .5)}.\[\&_ol\]\:my-1\.5 ol{margin-block:calc(var(--spacing) * 1.5)}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:pl-5 ol{padding-left:calc(var(--spacing) * 5)}.\[\&_p\]\:my-1\.5 p{margin-block:calc(var(--spacing) * 1.5)}.\[\&_table\]\:my-2 table{margin-block:calc(var(--spacing) * 2)}.\[\&_table\]\:w-full table{width:100%}.\[\&_table\]\:border-collapse table{border-collapse:collapse}.\[\&_td\]\:border td{border-style:var(--tw-border-style);border-width:1px}.\[\&_td\]\:border-neutral-300 td{border-color:var(--color-neutral-300)}.\[\&_td\]\:p-1\.5 td{padding:calc(var(--spacing) * 1.5)}.dark\:\[\&_td\]\:border-neutral-700:where(.dark,.dark *) td{border-color:var(--color-neutral-700)}.\[\&_th\]\:border th{border-style:var(--tw-border-style);border-width:1px}.\[\&_th\]\:border-neutral-300 th{border-color:var(--color-neutral-300)}.\[\&_th\]\:bg-neutral-100 th{background-color:var(--color-neutral-100)}.\[\&_th\]\:p-1\.5 th{padding:calc(var(--spacing) * 1.5)}.\[\&_th\]\:text-left th{text-align:left}.dark\:\[\&_th\]\:border-neutral-700:where(.dark,.dark *) th{border-color:var(--color-neutral-700)}.\[\&_ul\]\:my-1\.5 ul{margin-block:calc(var(--spacing) * 1.5)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}