@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #111114; }
::-webkit-scrollbar-thumb { background: #3a3a42; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4a4a52; }

/* Typing indicator animation */
@keyframes typingBounce {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(-4px); }
}
.typing-dot { animation: typingBounce 1.4s infinite ease-in-out; }
.typing-dot:nth-child(1) { animation-delay: 0s; }
.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }

/* Markdown styles */
.message-content strong { font-weight: 700; }
.message-content em { font-style: italic; }
.message-content code { background: #2f2f35; padding: 2px 6px; border-radius: 4px; font-size: 0.875rem; font-family: monospace; }
.message-content pre { background: #1e1e22; padding: 12px; border-radius: 8px; overflow-x: auto; margin: 8px 0; }
.message-content pre code { background: transparent; padding: 0; }
.message-content a { color: #FFD700; text-decoration: underline; }
.message-content blockquote { border-left: 3px solid #FFD700; padding-left: 12px; color: #9ca3af; margin: 4px 0; }

/* Smooth scrolling for chat */
.chat-scroll { scroll-behavior: smooth; }

/* File upload progress bar */
.upload-progress { transition: width 0.3s ease; }

html, body, #root { height: 100%; margin: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #0e0e10; color: #f3f4f6; }