Research Agent MCP

@import "tailwindcss"; @plugin "tailwindcss-animate"; @custom-variant dark (&:is(.dark *)); @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar: var(--sidebar); --color-chart-5: var(--chart-5); --color-chart-4: var(--chart-4); --color-chart-3: var(--chart-3); --color-chart-2: var(--chart-2); --color-chart-1: var(--chart-1); --color-ring: var(--ring); --color-input: var(--input); --color-border: var(--border); --color-destructive: var(--destructive); --color-accent-foreground: var(--accent-foreground); --color-accent: var(--accent); --color-muted-foreground: var(--muted-foreground); --color-muted: var(--muted); --color-secondary-foreground: var(--secondary-foreground); --color-secondary: var(--secondary); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-popover-foreground: var(--popover-foreground); --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); } :root { --radius: 0.625rem; --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); --background: oklch(1 0 0); --foreground: oklch(0.13 0.028 261.692); --toast-bg-gradient: linear-gradient(to right, #8b5cf6, #6d28d9); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.205 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.205 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.922 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.704 0.191 22.216); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.556 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(1 0 0 / 10%); --sidebar-ring: oklch(0.556 0 0); --toast-bg-gradient: linear-gradient(to right, #9333ea, #7e22ce); } /* Code block styling improvements */ .prose code { font-family: var(--font-mono); font-size: 0.9em; background-color: hsl(var(--muted) / 0.5); padding: 0.2em 0.4em; border-radius: 0.25rem; word-break: break-word; white-space: pre-wrap; } .prose pre { padding: 0 !important; margin: 1rem 0; overflow: hidden; background-color: transparent; } .prose pre > div { border-radius: var(--radius); margin: 0 !important; } .prose pre code { background-color: transparent; padding: 0; border-radius: 0; color: inherit; font-size: 0.9em; white-space: pre; } /* Ensure code doesn't overflow on mobile */ @media (max-width: 640px) { .prose pre > div { max-width: calc(100vw - 4rem); } } /* Custom scrollbar styles */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: hsl(var(--muted)); border-radius: 4px; } ::-webkit-scrollbar-thumb { background: hsl(var(--muted-foreground) / 0.5); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground) / 0.7); } /* Improve code block styling */ pre { overflow-x: auto; padding: 1rem; border-radius: var(--radius); background-color: hsl(var(--muted)); } code { font-family: var(--font-mono); font-size: 0.9em; background-color: hsl(var(--muted) / 0.5); padding: 0.2em 0.4em; border-radius: 0.25rem; } pre code { background-color: transparent; padding: 0; } /* Improve chat message styling */ .prose { max-width: 100%; line-height: 1.6; } .prose p { margin-bottom: 1em; } .prose ul, .prose ol { padding-left: 1.5em; margin-bottom: 1em; } .prose li { margin-bottom: 0.5em; } .prose h1, .prose h2, .prose h3, .prose h4 { margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; } /* Enhanced markdown styling */ .prose table { width: 100%; border-collapse: collapse; margin: 1em 0; } .prose th, .prose td { border: 1px solid hsl(var(--border)); padding: 0.5em; } .prose th { background-color: hsl(var(--muted)); font-weight: 600; } .prose blockquote { border-left: 4px solid hsl(var(--border)); padding-left: 1em; margin-left: 0; color: hsl(var(--muted-foreground)); } .prose hr { border: 0; border-top: 1px solid hsl(var(--border)); margin: 2em 0; } .prose img { max-width: 100%; height: auto; border-radius: var(--radius); } /* Fix for code blocks vs text wrapping */ .chat-message-content { max-width: 578px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .chat-message-content p, .chat-message-content h1, .chat-message-content h2, .chat-message-content h3, .chat-message-content h4, .chat-message-content h5, .chat-message-content h6, .chat-message-content li, .chat-message-content blockquote { white-space: pre-wrap; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .code-block-wrapper { max-width: 100%; overflow-x: auto; } .code-block-wrapper pre { white-space: pre !important; overflow-wrap: normal !important; word-wrap: normal !important; word-break: normal !important; } /* Ensure code blocks can scroll horizontally */ .prose pre > div { min-width: fit-content; } /* Improve code block scrolling experience */ .prose .code-block-wrapper::-webkit-scrollbar { height: 6px; } .prose .code-block-wrapper::-webkit-scrollbar-thumb { background: hsl(var(--muted-foreground) / 0.5); border-radius: 3px; } .prose .code-block-wrapper::-webkit-scrollbar-track { background: hsl(var(--muted) / 0.5); border-radius: 3px; } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; font-feature-settings: "rlig" 1, "calt" 1; } } /* Like button animation */ @keyframes digit-spin { 0% { transform: translateY(0); } 20% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .animate-digit-spin { animation: digit-spin 0.5s ease-in-out; } /* ThumbsUp icon animation */ @keyframes thumbs-up-wiggle { 0% { transform: rotate(0deg); } 25% { transform: rotate(-15deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } } .animate-thumbs-up { transform-origin: left bottom; animation: thumbs-up-wiggle 0.5s ease-in-out; } @keyframes shimmer { 0% { background-position: 200% 0; } 50% { backgroundPosition: 0% 0; } 100% { background-position: 0% 0; } } .animate-shimmer { animation: shimmer 2s linear infinite; } /* Custom Toast Styling */ [data-sonner-toast] { background: var(--toast-bg-gradient) !important; border: none !important; color: white !important; } [data-sonner-toast] [data-description] { color: rgba(255, 255, 255, 0.8) !important; } [data-sonner-toast][data-type="success"] { background: linear-gradient(to right, #8b5cf6, #6d28d9) !important; } [data-sonner-toast][data-type="error"] { background: linear-gradient(to right, #ef4444, #b91c1c) !important; } [data-sonner-toast][data-type="info"] { background: linear-gradient(to right, #8b5cf6, #6d28d9) !important; } .dark [data-sonner-toast] { background: var(--toast-bg-gradient) !important; } .font-spoqa-han-sans { font-family: "Spoqa Han Sans Neo", "sans-serif"; }