@meshxdata/fops 0.1.52 → 0.1.53

package/src/web/frontend/src/hooks/useWebSocket.js

@@ -0,0 +1,412 @@
+import { useState, useEffect, useCallback, useRef } from "react";
+
+/**
+ * WebSocket hook for real-time FopsCore events.
+ */
+export function useWebSocket() {
+  const [connected, setConnected] = useState(false);
+  const [sessions, setSessions] = useState([]);
+  const [activeSession, setActiveSession] = useState(null);
+  const [agents, setAgents] = useState([]);
+  const [messages, setMessages] = useState([]);
+  const [streamingText, setStreamingText] = useState("");
+  const [thinkingText, setThinkingText] = useState("");
+  const [statusText, setStatusText] = useState("");
+  const [toolCalls, setToolCalls] = useState([]);
+  const [pendingConfirm, setPendingConfirm] = useState(null);
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [services, setServices] = useState([]);
+  const [foundationStats, setFoundationStats] = useState(null);
+  const [updateAvailable, setUpdateAvailable] = useState(null);
+  const wsRef = useRef(null);
+  const lastStreamEventRef = useRef(0);
+
+  const connect = useCallback(() => {
+    const proto = window.location.protocol === "https:" ? "wss:" : "ws:";
+    const ws = new WebSocket(`${proto}//${window.location.host}/ws`);
+
+    ws.onopen = () => setConnected(true);
+    ws.onclose = () => {
+      setConnected(false);
+      setTimeout(connect, 2000);
+    };
+
+    ws.onmessage = (e) => {
+      const msg = JSON.parse(e.data);
+
+      switch (msg.type) {
+        case "init": {
+          const incoming = msg.sessions || [];
+          setSessions((prev) => (incoming.length >= prev.length ? incoming : prev));
+          setActiveSession(msg.activeSession);
+          setAgents(msg.agents || []);
+          if (msg.services) setServices(msg.services);
+          if (msg.foundationStats) setFoundationStats(msg.foundationStats);
+          if (msg.updateAvailable) setUpdateAvailable(msg.updateAvailable);
+          // Load messages for active session
+          if (msg.activeSession) {
+            fetch(`/api/sessions/${msg.activeSession}`)
+              .then((r) => r.json())
+              .then((data) => setMessages(data.messages || []));
+          }
+          break;
+        }
+
+        case "session:created":
+          setSessions((prev) =>
+            prev.some((s) => s.id === msg.sessionId)
+              ? prev
+              : [...prev, { id: msg.sessionId, agent: msg.agentName, status: "idle" }]
+          );
+          break;
+
+        case "session:switched":
+          setActiveSession(msg.sessionId);
+          setStreamingText("");
+          setThinkingText("");
+          setToolCalls([]);
+          fetch(`/api/sessions/${msg.sessionId}`)
+            .then((r) => r.json())
+            .then((data) => setMessages(data.messages || []));
+          break;
+
+        case "session:closed":
+          setSessions((prev) => prev.filter((s) => s.id !== msg.sessionId));
+          break;
+
+        case "stream:start":
+          lastStreamEventRef.current = Date.now();
+          setIsStreaming(true);
+          setStreamingText("");
+          setThinkingText("");
+          setStatusText("Thinking");
+          setToolCalls([]);
+          break;
+
+        case "stream:chunk":
+          lastStreamEventRef.current = Date.now();
+          setStreamingText(msg.text);
+          setStatusText("Responding");
+          break;
+
+        case "stream:thinking":
+          lastStreamEventRef.current = Date.now();
+          setThinkingText((prev) => prev + msg.text);
+          setStatusText("Reasoning");
+          break;
+
+        case "stream:status":
+          lastStreamEventRef.current = Date.now();
+          setStatusText(msg.status);
+          break;
+
+        case "stream:end":
+          lastStreamEventRef.current = 0;
+          setIsStreaming(false);
+          setStreamingText("");
+          setThinkingText("");
+          setStatusText("");
+          // Refresh messages
+          if (msg.sessionId) {
+            fetch(`/api/sessions/${msg.sessionId}`)
+              .then((r) => r.json())
+              .then((data) => setMessages(data.messages || []));
+          }
+          break;
+
+        case "tool:start":
+          lastStreamEventRef.current = Date.now();
+          setToolCalls((prev) => [...prev, { name: msg.name, status: "running" }]);
+          setStatusText(`Using ${msg.name}`);
+          break;
+
+        case "tool:result":
+          lastStreamEventRef.current = Date.now();
+          setToolCalls((prev) =>
+            prev.map((tc) =>
+              tc.name === msg.name && tc.status === "running"
+                ? { ...tc, status: msg.ok ? "done" : "error" }
+                : tc
+            )
+          );
+          break;
+
+        case "tool:confirm":
+          setPendingConfirm({ name: msg.name, input: msg.input });
+          break;
+
+        case "stack:status":
+          if (msg.services) setServices(msg.services);
+          if (msg.foundationStats) setFoundationStats(msg.foundationStats);
+          break;
+
+        case "ollama:log":
+          setMessages((prev) => {
+            const last = prev[prev.length - 1];
+            if (last?.role === "assistant" && last.content.startsWith("### Ollama Setup")) {
+              return [...prev.slice(0, -1), { role: "assistant", content: last.content + `\n${msg.line}` }];
+            }
+            return prev;
+          });
+          break;
+
+        case "ollama:done": {
+          const result = msg.result || {};
+          const lines = ["### Ollama Setup Complete\n"];
+          for (const s of (result.steps || [])) {
+            const icon = s.status === "ok" ? "\u2713" : s.status === "error" ? "\u2717" : s.status === "warn" ? "\u26A0" : "\u25CF";
+            lines.push(`- ${icon} **${s.step}** \u2014 ${s.detail}`);
+          }
+          if (result.ok && result.model) {
+            lines.push(`\n**Ready!** Use \`/local\` to switch to Ollama mode with \`${result.model}\``);
+            lines.push(`Or set \`OLLAMA_MODEL=${result.model}\` in your environment.`);
+          } else if (!result.ok) {
+            lines.push("\n**Setup had errors.** Check the issues above.");
+          }
+          setMessages((prev) => {
+            const filtered = prev.filter((m) => !(m.role === "assistant" && m.content.startsWith("### Ollama Setup\nDetecting")));
+            return [...filtered, { role: "assistant", content: lines.join("\n") }];
+          });
+          break;
+        }
+
+        case "stack:log":
+          setMessages((prev) => {
+            const last = prev[prev.length - 1];
+            if (last?.role === "assistant" && (last.content.startsWith("### Starting") || last.content.startsWith("### Stopping"))) {
+              const lines = last.content.split("\n");
+              if (lines.length > 20) lines.splice(1, lines.length - 20);
+              return [...prev.slice(0, -1), { role: "assistant", content: lines.join("\n") + `\n${msg.line}` }];
+            }
+            return prev;
+          });
+          break;
+
+        case "stack:done": {
+          const label = msg.action === "up" ? "started" : "stopped";
+          const summary = msg.ok
+            ? `\n\n**Stack ${label}.**`
+            : `\n\n**Stack ${msg.action} failed.** ${msg.error || `(exit code ${msg.exitCode ?? "unknown"})`}`;
+          setMessages((prev) => {
+            const last = prev[prev.length - 1];
+            if (last?.role === "assistant" && (last.content.startsWith("### Starting") || last.content.startsWith("### Stopping"))) {
+              return [...prev.slice(0, -1), { role: "assistant", content: last.content + summary }];
+            }
+            return [...prev, { role: "assistant", content: `### Stack${summary}` }];
+          });
+          break;
+        }
+
+        case "bootstrap:log":
+          setMessages((prev) => {
+            const last = prev[prev.length - 1];
+            if (last?.role === "assistant" && last.content.startsWith("### Bootstrap")) {
+              const lines = last.content.split("\n");
+              if (lines.length > 20) lines.splice(1, lines.length - 20);
+              return [...prev.slice(0, -1), { role: "assistant", content: lines.join("\n") + `\n${msg.line}` }];
+            }
+            return prev;
+          });
+          break;
+
+        case "bootstrap:done": {
+          const summary = msg.ok
+            ? "\n\n**Bootstrap complete.**"
+            : `\n\n**Bootstrap failed.** ${msg.error || `(exit code ${msg.exitCode ?? "unknown"})`}`;
+          setMessages((prev) => {
+            const last = prev[prev.length - 1];
+            if (last?.role === "assistant" && last.content.startsWith("### Bootstrap")) {
+              return [...prev.slice(0, -1), { role: "assistant", content: last.content + summary }];
+            }
+            return [...prev, { role: "assistant", content: `### Bootstrap${summary}` }];
+          });
+          break;
+        }
+
+        case "train:log":
+          setMessages((prev) => {
+            const last = prev[prev.length - 1];
+            if (last?.role === "assistant" && last.content.startsWith("### Embedding Training")) {
+              const lines = last.content.split("\n");
+              if (lines.length > 20) lines.splice(1, lines.length - 20);
+              return [...prev.slice(0, -1), { role: "assistant", content: lines.join("\n") + `\n${msg.line}` }];
+            }
+            return prev;
+          });
+          break;
+
+        case "train:done": {
+          const result = msg.result || {};
+          const lines = [result.ok ? "### Embedding Training Complete\n" : "### Embedding Training Failed\n"];
+          for (const s of (result.steps || [])) {
+            const icon = s.status === "ok" ? "\u2713" : s.status === "error" ? "\u2717" : s.status === "warn" ? "\u26A0" : "\u25CF";
+            lines.push(`- ${icon} **${s.step}** \u2014 ${s.detail}`);
+          }
+          if (!result.ok) {
+            lines.push("\n**Training had errors.** Check the issues above.");
+          }
+          setMessages((prev) => {
+            const filtered = prev.filter((m) => !(m.role === "assistant" && m.content.startsWith("### Embedding Training\n")));
+            return [...filtered, { role: "assistant", content: lines.join("\n") }];
+          });
+          break;
+        }
+
+        case "error":
+          lastStreamEventRef.current = 0;
+          setIsStreaming(false);
+          setStatusText("");
+          setStreamingText("");
+          setThinkingText("");
+          if (msg.message) {
+            setMessages((prev) => [...prev, { role: "assistant", content: `**Error:** ${msg.message}` }]);
+          }
+          break;
+      }
+    };
+
+    wsRef.current = ws;
+  }, []);
+
+  useEffect(() => {
+    connect();
+    return () => wsRef.current?.close();
+  }, [connect]);
+
+  // Poll services + foundation stats every 30s via REST API
+  useEffect(() => {
+    const poll = () => {
+      fetch("/api/status")
+        .then((r) => r.json())
+        .then((data) => {
+          if (data.services) setServices(data.services);
+          if (data.foundationStats) setFoundationStats(data.foundationStats);
+          if (data.updateAvailable) setUpdateAvailable(data.updateAvailable);
+        })
+        .catch(() => {});
+    };
+    poll();
+    const interval = setInterval(poll, 30000);
+    return () => clearInterval(interval);
+  }, []);
+
+  // Stale-streaming failsafe: if isStreaming but no events for 90s, auto-reset
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (lastStreamEventRef.current > 0) {
+        const elapsed = Date.now() - lastStreamEventRef.current;
+        if (elapsed > 90_000) {
+          lastStreamEventRef.current = 0;
+          setIsStreaming(false);
+          setStreamingText("");
+          setThinkingText("");
+          setStatusText("");
+        }
+      }
+    }, 5000);
+    return () => clearInterval(interval);
+  }, []);
+
+  const send = useCallback((type, data = {}) => {
+    if (wsRef.current?.readyState === WebSocket.OPEN) {
+      wsRef.current.send(JSON.stringify({ type, ...data }));
+    }
+  }, []);
+
+  const sendMessage = useCallback((text) => {
+    if (activeSession) {
+      setMessages((prev) => [...prev, { role: "user", content: text }]);
+      send("send", { sessionId: activeSession, text });
+    }
+  }, [activeSession, send]);
+
+  const createSession = useCallback((agentName) => {
+    send("create_session", { agentName });
+  }, [send]);
+
+  const switchSession = useCallback((sessionId) => {
+    send("switch", { sessionId });
+  }, [send]);
+
+  const closeSession = useCallback((sessionId) => {
+    send("close_session", { sessionId });
+  }, [send]);
+
+  const cancelStream = useCallback(() => {
+    if (activeSession) {
+      send("cancel", { sessionId: activeSession });
+    }
+    // Always reset input-blocking state so the user can type again
+    lastStreamEventRef.current = 0;
+    setIsStreaming(false);
+    setStreamingText("");
+    setThinkingText("");
+    setStatusText("");
+  }, [activeSession, send]);
+
+  const sendOllamaSetup = useCallback(() => {
+    send("ollama_setup");
+  }, [send]);
+
+  const sendStackUp = useCallback(() => {
+    send("stack_up");
+  }, [send]);
+
+  const sendStackDown = useCallback(() => {
+    send("stack_down");
+  }, [send]);
+
+  const sendBootstrap = useCallback(() => {
+    send("bootstrap");
+  }, [send]);
+
+  const sendTrain = useCallback(() => {
+    send("train");
+  }, [send]);
+
+  const sendLearningEvent = useCallback((eventType, payload = {}, sessionId = null) => {
+    if (!eventType) return;
+    send("learning_event", { eventType, payload, sessionId });
+  }, [send]);
+
+  const respondConfirm = useCallback((action) => {
+    send("tool_confirm_response", { action });
+    setPendingConfirm(null);
+  }, [send]);
+
+  const appendMessage = useCallback((sessionId, role, content) => {
+    if (!sessionId || typeof content !== "string" || !content.trim()) return;
+    send("append_message", { sessionId, role, content });
+  }, [send]);
+
+  return {
+    connected,
+    sessions,
+    activeSession,
+    agents,
+    messages,
+    setMessages,
+    streamingText,
+    thinkingText,
+    statusText,
+    toolCalls,
+    isStreaming,
+    services,
+    foundationStats,
+    updateAvailable,
+    pendingConfirm,
+    respondConfirm,
+    sendMessage,
+    sendOllamaSetup,
+    sendStackUp,
+    sendStackDown,
+    sendBootstrap,
+    sendTrain,
+    sendLearningEvent,
+    appendMessage,
+    createSession,
+    switchSession,
+    closeSession,
+    cancelStream,
+  };
+}

package/src/web/frontend/src/index.css

@@ -0,0 +1,78 @@
+@import "tailwindcss";
+
+/* ===== Base ===== */
+body {
+  margin: 0;
+  padding: 0;
+  font-family: "Sora", system-ui, -apple-system, sans-serif;
+  background: #08080c;
+  color: #e0dfe4;
+  height: 100vh;
+  height: 100dvh;
+  overflow: hidden;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#root {
+  height: 100vh;
+  height: 100dvh;
+  display: flex;
+  flex-direction: column;
+}
+
+code, pre, .font-mono {
+  font-family: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;
+}
+
+::selection {
+  background: rgba(249, 115, 22, 0.3);
+  color: #e0dfe4;
+}
+
+/* ===== Scrollbar ===== */
+::-webkit-scrollbar { width: 5px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: #26263a; border-radius: 10px; }
+::-webkit-scrollbar-thumb:hover { background: #3f3f56; }
+
+/* ===== Animations ===== */
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.35; }
+}
+.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(6px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.animate-fade-in { animation: fadeIn 0.25s ease-out; }
+
+@keyframes slideIn {
+  from { opacity: 0; transform: translateX(-6px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+.animate-slide-in { animation: slideIn 0.2s ease-out; }
+
+@keyframes cursorBlink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+.animate-cursor { animation: cursorBlink 1s step-end infinite; }
+
+@keyframes glowPulse {
+  0%, 100% { box-shadow: 0 0 8px rgba(249, 115, 22, 0.15); }
+  50% { box-shadow: 0 0 16px rgba(249, 115, 22, 0.3); }
+}
+
+/* ===== Noise Overlay ===== */
+.noise::after {
+  content: '';
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0.02;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+  z-index: 9999;
+}

package/src/web/frontend/src/main.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.jsx";
+import "./index.css";
+
+createRoot(document.getElementById("root")).render(<App />);

package/src/web/frontend/vite.config.js

@@ -0,0 +1,21 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  root: "src/web/frontend",
+  build: {
+    outDir: "../dist",
+    emptyOutDir: true,
+  },
+  server: {
+    proxy: {
+      "/api": "http://localhost:3099",
+      "/ws": {
+        target: "ws://localhost:3099",
+        ws: true,
+      },
+    },
+  },
+});

package/src/web/server.js

@@ -161,7 +161,19 @@ export async function startWebServer(root, registry, opts = {}) {
   } catch { /* File plugin route not available — skip */ }
 
   // API routes
-  app.route("/api", createApiRoutes(core, shared));
+  const apiRoutes = createApiRoutes(core, shared);
+
+  // Panels endpoint — expose registered web panels for navigation
+  apiRoutes.get("/panels", (c) => {
+    const panels = (registry.webPanels || []).map((p) => ({
+      name: p.name,
+      title: p.title,
+      prefix: p.prefix,
+    }));
+    return c.json(panels);
+  });
+
+  app.route("/api", apiRoutes);
 
   // WebSocket endpoint — use Hono's lifecycle hooks to bridge to our handler
   const wsClients = new Map(); // ws → cleanup fn
@@ -182,6 +194,57 @@ export async function startWebServer(root, registry, opts = {}) {
     },
   })));
 
+  // Mount plugin web panels
+  for (const panel of registry.webPanels || []) {
+    const prefix = panel.prefix.replace(/\/+$/, "");
+
+    // Mount plugin API routes if provided
+    if (typeof panel.apiFactory === "function") {
+      app.use(`${prefix}/api/*`, cors());
+      const panelApi = panel.apiFactory(registry);
+      app.route(`${prefix}/api`, panelApi);
+    }
+
+    // Serve plugin SPA static assets
+    if (panel.distDir && fs.existsSync(panel.distDir)) {
+      app.get(`${prefix}/assets/*`, (c) => {
+        const assetPath = c.req.path.slice(prefix.length);
+        const filePath = path.join(panel.distDir, assetPath);
+        if (fs.existsSync(filePath)) {
+          const ext = path.extname(filePath);
+          const contentType = {
+            ".js": "application/javascript",
+            ".css": "text/css",
+            ".svg": "image/svg+xml",
+            ".png": "image/png",
+            ".woff2": "font/woff2",
+            ".woff": "font/woff",
+            ".ttf": "font/ttf",
+            ".ico": "image/x-icon",
+          }[ext] || "application/octet-stream";
+          return c.body(fs.readFileSync(filePath), { headers: { "Content-Type": contentType } });
+        }
+        return c.notFound();
+      });
+
+      // SPA fallback for plugin routes
+      app.get(`${prefix}/*`, (c) => {
+        const indexPath = path.join(panel.distDir, "index.html");
+        if (fs.existsSync(indexPath)) {
+          return c.html(fs.readFileSync(indexPath, "utf8"));
+        }
+        return c.notFound();
+      });
+      app.get(prefix, (c) => {
+        const indexPath = path.join(panel.distDir, "index.html");
+        if (fs.existsSync(indexPath)) {
+          return c.html(fs.readFileSync(indexPath, "utf8"));
+        }
+        return c.notFound();
+      });
+    }
+  }
+
   // Serve static SPA files
   const distDir = path.join(__dirname, "dist");
   if (fs.existsSync(distDir)) {

package/src/web/dist/assets/index-NXC8Hvnp.css

@@ -1 +0,0 @@
-/*! tailwindcss v4.1.18 | 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-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@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:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--spacing:.25rem;--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: 1.5 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-2xl:40px;--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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-full{top:100%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-50{z-index:50}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-4{margin-inline:calc(var(--spacing)*4)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-3{margin-block:calc(var(--spacing)*3)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-8{height:calc(var(--spacing)*8)}.h-\[2px\]{height:2px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[14px\]{height:14px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-20{max-height:calc(var(--spacing)*20)}.max-h-52{max-height:calc(var(--spacing)*52)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-60{width:calc(var(--spacing)*60)}.w-\[2px\]{width:2px}.w-\[5px\]{width:5px}.w-\[6px\]{width:6px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.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-4{gap:calc(var(--spacing)*4)}: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-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-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.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{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[\#1a1a28\]{border-color:#1a1a28}.border-\[\#1a1a28\]\/50{border-color:#1a1a2880}.border-\[\#2e2e40\]{border-color:#2e2e40}.border-\[\#818cf8\]\/20{border-color:#818cf833}.border-\[\#818cf8\]\/30{border-color:#818cf84d}.border-\[\#26263a\]{border-color:#26263a}.border-\[\#f97316\]{border-color:#f97316}.border-\[\#f97316\]\/20{border-color:#f9731633}.border-\[\#fbbf24\]\/20{border-color:#fbbf2433}.border-\[\#fbbf24\]\/25{border-color:#fbbf2440}.border-cyan-400\/30{border-color:#00d2ef4d}@supports (color:color-mix(in lab,red,red)){.border-cyan-400\/30{border-color:color-mix(in oklab,var(--color-cyan-400)30%,transparent)}}.border-emerald-400\/20{border-color:#00d29433}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/20{border-color:color-mix(in oklab,var(--color-emerald-400)20%,transparent)}}.border-emerald-400\/30{border-color:#00d2944d}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/30{border-color:color-mix(in oklab,var(--color-emerald-400)30%,transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/20{border-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.border-red-400\/20{border-color:#ff656833}@supports (color:color-mix(in lab,red,red)){.border-red-400\/20{border-color:color-mix(in oklab,var(--color-red-400)20%,transparent)}}.border-red-400\/30{border-color:#ff65684d}@supports (color:color-mix(in lab,red,red)){.border-red-400\/30{border-color:color-mix(in oklab,var(--color-red-400)30%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-transparent{border-color:#0000}.border-yellow-400\/30{border-color:#fac8004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/30{border-color:color-mix(in oklab,var(--color-yellow-400)30%,transparent)}}.bg-\[\#0a0a10\]{background-color:#0a0a10}.bg-\[\#0c0c12\]{background-color:#0c0c12}.bg-\[\#0c0c14\]{background-color:#0c0c14}.bg-\[\#0e0e16\]{background-color:#0e0e16}.bg-\[\#1a1a28\]{background-color:#1a1a28}.bg-\[\#1e1e2e\]{background-color:#1e1e2e}.bg-\[\#3a3a50\]{background-color:#3a3a50}.bg-\[\#818cf8\]{background-color:#818cf8}.bg-\[\#06060a\]{background-color:#06060a}.bg-\[\#08080c\]{background-color:#08080c}.bg-\[\#12121a\]{background-color:#12121a}.bg-\[\#14141c\]{background-color:#14141c}.bg-\[\#18181f\]{background-color:#18181f}.bg-\[\#f97316\]{background-color:#f97316}.bg-\[\#f97316\]\/8{background-color:#f9731614}.bg-\[\#f97316\]\/20{background-color:#f9731633}.bg-\[\#fbbf24\]\/8{background-color:#fbbf2414}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-400\/8{background-color:#00d29414}@supports (color:color-mix(in lab,red,red)){.bg-emerald-400\/8{background-color:color-mix(in oklab,var(--color-emerald-400)8%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/8{background-color:#ff656814}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/8{background-color:color-mix(in oklab,var(--color-red-400)8%,transparent)}}.bg-red-400\/50{background-color:#ff656880}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/50{background-color:color-mix(in oklab,var(--color-red-400)50%,transparent)}}.bg-red-400\/60{background-color:#ff656899}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/60{background-color:color-mix(in oklab,var(--color-red-400)60%,transparent)}}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/5{background-color:color-mix(in oklab,var(--color-red-500)5%,transparent)}}.bg-transparent{background-color:#0000}.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-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.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-5{padding-block:calc(var(--spacing)*5)}.py-\[1px\]{padding-block:1px}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-\[6px\]{padding-left:6px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.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-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1e1e2a\]{color:#1e1e2a}.text-\[\#2e2e40\]{color:#2e2e40}.text-\[\#3a3a50\]{color:#3a3a50}.text-\[\#4e4e63\]{color:#4e4e63}.text-\[\#5a5a70\]{color:#5a5a70}.text-\[\#6b6b80\]{color:#6b6b80}.text-\[\#6e7a8a\]{color:#6e7a8a}.text-\[\#8b8b9e\]{color:#8b8b9e}.text-\[\#818cf8\]{color:#818cf8}.text-\[\#08080c\]{color:#08080c}.text-\[\#18181f\]{color:#18181f}.text-\[\#26263a\]{color:#26263a}.text-\[\#a0a0b0\]{color:#a0a0b0}.text-\[\#c0bfc6\]{color:#c0bfc6}.text-\[\#e0dfe4\]{color:#e0dfe4}.text-\[\#f97316\]{color:#f97316}.text-\[\#fb923c\]{color:#fb923c}.text-\[\#fbbf24\]{color:#fbbf24}.text-cyan-300\/70{color:#53eafdb3}@supports (color:color-mix(in lab,red,red)){.text-cyan-300\/70{color:color-mix(in oklab,var(--color-cyan-300)70%,transparent)}}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-300\/70{color:#5ee9b5b3}@supports (color:color-mix(in lab,red,red)){.text-emerald-300\/70{color:color-mix(in oklab,var(--color-emerald-300)70%,transparent)}}.text-emerald-400{color:var(--color-emerald-400)}.text-fuchsia-300\/80{color:#f2a9ffcc}@supports (color:color-mix(in lab,red,red)){.text-fuchsia-300\/80{color:color-mix(in oklab,var(--color-fuchsia-300)80%,transparent)}}.text-fuchsia-400{color:var(--color-fuchsia-400)}.text-purple-400{color:var(--color-purple-400)}.text-red-400{color:var(--color-red-400)}.text-yellow-300\/70{color:#ffe02ab3}@supports (color:color-mix(in lab,red,red)){.text-yellow-300\/70{color:color-mix(in oklab,var(--color-yellow-300)70%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-\[\#f97316\]\/30{text-decoration-color:#f973164d}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-\[0\.07\]{opacity:.07}.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-\[0_0_12px_rgba\(249\,115\,22\,0\.3\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#f973164d);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)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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))}.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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-\[\#2e2e40\]::placeholder{color:#2e2e40}.focus-within\:border-\[\#f97316\]\/50:focus-within{border-color:#f9731680}.focus-within\:shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.08\)\]:focus-within{--tw-shadow:0 0 20px var(--tw-shadow-color,#f9731614);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:bg-\[\#1a1a28\]:hover{background-color:#1a1a28}.hover\:bg-\[\#1c1c28\]:hover{background-color:#1c1c28}.hover\:bg-\[\#12121a\]:hover{background-color:#12121a}.hover\:bg-\[\#14141c\]:hover{background-color:#14141c}.hover\:bg-\[\#18181f\]:hover{background-color:#18181f}.hover\:bg-\[\#f97316\]\/20:hover{background-color:#f9731633}.hover\:bg-\[\#fb923c\]:hover{background-color:#fb923c}.hover\:bg-emerald-400\/10:hover{background-color:#00d2941a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-400\/10:hover{background-color:color-mix(in oklab,var(--color-emerald-400)10%,transparent)}}.hover\:bg-red-400\/10:hover{background-color:#ff65681a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-400\/10:hover{background-color:color-mix(in oklab,var(--color-red-400)10%,transparent)}}.hover\:text-\[\#8b8b9e\]:hover{color:#8b8b9e}.hover\:text-\[\#e0dfe4\]:hover{color:#e0dfe4}.hover\:text-\[\#f87171\]:hover{color:#f87171}.hover\:text-\[\#f97316\]:hover{color:#f97316}.hover\:text-\[\#fb923c\]:hover{color:#fb923c}.hover\:decoration-\[\#fb923c\]\/50:hover{text-decoration-color:#fb923c80}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}}body{color:#e0dfe4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08080c;height:100dvh;margin:0;padding:0;font-family:Sora,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}code,pre,.font-mono{font-family:IBM Plex Mono,JetBrains Mono,Fira Code,monospace}::selection{color:#e0dfe4;background:#f973164d}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#26263a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3f3f56}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slideIn}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.animate-cursor{animation:1s step-end infinite cursorBlink}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #f9731626}50%{box-shadow:0 0 16px #f973164d}}.noise:after{content:"";pointer-events:none;opacity:.02;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;right:0;bottom:0;left: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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}