/* Base styles (light mode) */
body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background-color: #f0f0f0;
  color: #222;
  display: flex;
  align-items: left;
  justify-content: left;
  height: 100vh;
  text-align: left;
}

.container {
  padding: 2rem;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #eee;
  }

  .container {
    background-color: #1e1e1e;
    box-shadow: 0 0 10px rgba(255,255,255,0.1);
  }
}