:root {
  --bg: #f9f9f9; --fg: #222;
  --primary: #0078ff;
}
[data-theme="dark"] {
  --bg: #121212; --fg: #eee;
  --primary: #66aaff;
}
body {
  background: var(--bg);
  color: var(--fg);
  margin: 0;
}
.container {
  width: 100%; max-width: 720px;
  margin: 0 auto; padding: 0 1rem;
}
.grid {
  display: grid;
  gap: 1rem;
}
@media(min-width: 600px) {
  .grid { grid-template-columns: repeat(2,1fr); }
}
.btn {
  display: block;
  margin: 2rem auto;
  padding: .8rem 1.5rem;
  background: var(--primary);
  color: #fff;
  border: none; border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
}