/*
 * @NOTE: Prepend a `~` to css file paths that are in your node_modules
 *        See https://github.com/webpack-contrib/sass-loader#imports
 */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
@import "tailwindcss";

body {
  position: relative;
  height: 100vh;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 14px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: white;
  color: #333;
}

#root {
  height: 100vh;
}

/* Prose styles for markdown content */
.prose {
  color: inherit;
  max-width: none;
}

.prose p {
  margin-bottom: 0.5rem;
}

.prose p:last-child {
  margin-bottom: 0;
}

.prose pre {
  margin: 0.5rem 0;
}

.prose code {
  font-size: 0.875rem;
}

.prose ul,
.prose ol {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}

.prose li {
  margin: 0.25rem 0;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}