styles.css

:root {
  --background1: #1E1E1E;
  --text1: #F5F5F5;
  --text2: #BDBDBD;
  --border1: rgba(255, 255, 255, 0.13);
  --actionPrimaryBackground: #006ACC;
  --actionPrimaryText: #FFFFFF;
}

body {
  margin: 0;
  font-family: Inter, sans-serif;
  background: var(--background1);
  color: var(--text1);
}

.app { padding: 12px; }
.header { display:flex; align-items:center; justify-content:space-between; }
.score { background:#2E2E2E; border-radius:999px; padding:4px 10px; font-size:12px; }
button.primary {
  background: var(--actionPrimaryBackground);
  color: var(--actionPrimaryText);
  border:none;
  border-radius:4px;
  padding:6px 10px;
  cursor:pointer;
}
.list { margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.card { background:#2E2E2E; border:1px solid var(--border1); padding:8px; border-radius:6px; }
.small { font-size:12px; color: var(--text2); }