body {
  background: #1a1714;
  color: #e8e0d4;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  max-width: 640px;
  margin: 0 auto;
  padding: 16px;
}

h2 {
  font-weight: 500;
  margin-top: 32px;
  border-bottom: 1px solid #3a332c;
}

.card {
  background: #25201b;
  border-left: 4px solid #6b6258;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 12px 0;
}
.card h3 { margin: 0 0 8px; font-size: 20px; }
.card p { margin: 6px 0; white-space: pre-line; }

.label {
  display: block;
  font-size: 13px;
  color: #9a8f82;
  letter-spacing: 0.05em;
}

.active  { border-left-color: #d4a24c; }
.waiting { border-left-color: #a894c9; }
.seeds   { border-left-color: #6b6258; }
.running { border-left-color: #7fa3a0; }
.done    { border-left-color: #3a332c; opacity: 0.55; }
.ongoing { border-left-color: #c46a7f; }
.card { cursor: pointer; }

textarea {
  width: 100%;
  box-sizing: border-box;
  background: #1a1714;
  color: #e8e0d4;
  border: 1px solid #3a332c;
  border-radius: 4px;
  font: inherit;
  padding: 6px;
  margin-bottom: 8px;
}

button {
  background: #3a332c;
  color: #e8e0d4;
  border: none;
  border-radius: 4px;
  padding: 6px 16px;
  margin-right: 8px;
  font: inherit;
}