:root {
  --bg: #ffffff;
  --bg-secondary: #f0f0f0;
  --fg: #1c1c1e;
  --hint: #8e8e93;
  --accent: #2481cc;
  --danger: #e53935;
  --warn: #f39c12;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 12px;
  background: var(--bg);
  color: var(--fg);
  font: 15px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.summary {
  padding: 10px 12px;
  background: var(--bg-secondary);
  border-radius: 12px;
  margin-bottom: 12px;
}

.summary__title {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
}

.summary__row {
  display: flex;
  gap: 16px;
  font-weight: 600;
  font-size: 16px;
}

.summary__stat--fire { color: var(--danger); }

.summary__freshness {
  margin-top: 6px;
  font-size: 12px;
  color: var(--hint);
}

.summary__freshness--warn {
  color: var(--warn);
  font-weight: 600;
}

.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.filters select,
.filters input,
.filters button {
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--hint);
  background: var(--bg);
  color: var(--fg);
  font-size: 14px;
}

.filters input[type="search"] { flex: 1; min-width: 120px; }

.tasks__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.task {
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.task__status { font-size: 14px; }

.task__title { font-weight: 500; }

.task__meta {
  font-size: 12px;
  color: var(--hint);
}

.tasks__empty {
  color: var(--hint);
  text-align: center;
  margin-top: 24px;
}

.unparsed-note {
  margin-top: 12px;
  font-size: 12px;
  color: var(--warn);
}