#twos-compare .twos-start circle {
  fill: var(--theme);
  stroke: var(--accent);
  stroke-width: 2;
}

.twos-slider-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  color: var(--secondary);
  font-size: 14px;
}

.twos-slider-label output {
  color: var(--primary);
  font-family: var(--zine-mono);
  font-size: 18px;
}

.twos-slider {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 4px 0 12px;
  accent-color: var(--accent);
  cursor: pointer;
}

.twos-slider:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.twos-diameter {
  fill: none;
  stroke: var(--border);
  stroke-width: 1;
  stroke-dasharray: 4 4;
}

.ones-trace.twos-reverse {
  stroke: var(--secondary);
  stroke-dasharray: 5 4;
}

.twos-warning {
  margin-top: 6px;
  color: var(--secondary);
  font-size: 14px;
}