body {
  margin: 0;
  font-family: system-ui, "Segoe UI", sans-serif;
  color: #1f2937;
  background: #f3f6fb;
}

main {
  max-width: 640px;
  margin: 0 auto;
  padding: 24px;
}

section {
  margin-bottom: 20px;
  padding: 16px 20px;
  background: #ffffff;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
}

button {
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  background: #1e3a8a;
  color: #ffffff;
  font: inherit;
  cursor: pointer;
}

input {
  padding: 8px;
  font: inherit;
}

#komunikat {
  color: #b91c1c;
}

#lista li {
  cursor: pointer;
  padding: 4px 0;
}

.zrobione {
  text-decoration: line-through;
  color: #64748b;
}