body {
  background:#020617;
  color:#e5e7eb;
  font-family:system-ui,sans-serif;
  padding:32px;
}

.app { max-width:900px; margin:auto }

.card {
  background:#0f172a;
  padding:20px;
  border-radius:12px;
  margin-bottom:20px;
}

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}

select, textarea {
  background:#020617;
  border:1px solid #1e293b;
  color:#e5e7eb;
  padding:12px;
  border-radius:8px;
}

textarea { min-height:120px }

button {
  background:#38bdf8;
  border:none;
  padding:12px 18px;
  border-radius:8px;
  font-weight:600;
  cursor:pointer;
}

.hidden { display:none }

#score {
  font-size:32px;
  font-weight:700;
}