:root {
  --pinterest-red: #e60023;
  --ink: #111111;
  --muted: #767676;
  --surface: #ffffff;
  --page: #f7f7f7;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 16px 32px;
  background: var(--page);
  color: var(--ink);
  font: 16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.topbar {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 20px 0 12px;
}

.topbar h1 {
  margin: 0;
  color: var(--pinterest-red);
  font-size: 28px;
  letter-spacing: -0.5px;
}

.subtitle { color: var(--muted); font-size: 14px; }

.card {
  background: var(--surface);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
}

.card h2 { margin: 0 0 8px; font-size: 20px; }
.muted { color: var(--muted); font-size: 14px; }