@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

* {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
  -webkit-tap-highlight-color: transparent;
}

.fade-in {
  animation: fadeIn 0.35s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

input[type="range"] {
  accent-color: #2563eb;
  touch-action: manipulation;
  min-height: 28px;
  cursor: pointer;
}

.tool-card {
  transition: transform 0.2s, box-shadow 0.2s;
}
.tool-card:active {
  transform: scale(0.98);
}

.result-hero {
  font-variant-numeric: tabular-nums;
}

details summary {
  cursor: pointer;
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}

.gear-matrix td.selected {
  background: #dbeafe;
  font-weight: 600;
  color: #1d4ed8;
}