* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, system-ui, sans-serif;
  background: #f5f5f5;
  color: #333;
  padding: 1rem;
  max-width: 480px;
  margin: 0 auto;
}

h1 { font-size: 1.4rem; margin-bottom: 1rem; }

.card {
  background: #fff;
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  border-left: 4px solid #ccc;
}

.card.fastest { border-left-color: #2e7d32; background: #f1f8e9; }

.name { font-weight: 600; margin-bottom: 0.4rem; }

.time-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

.legs { color: #555; font-size: 0.9rem; margin-bottom: 0.3rem; }
.meta { color: #888; font-size: 0.8rem; }

.error { color: #c62828; padding: 1rem 0; }

button {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  border: none;
  border-radius: 10px;
  background: #1976d2;
  color: #fff;
  cursor: pointer;
  margin-top: 0.5rem;
}