Как решаешь задачу с разным набором правил для разных браузеров

Использую feature detection и progressive enhancement. Проверяю поддержку фичи перед применением, а не user-agent.

Для CSS:

/* Общие стили */
.button {
  padding: 10px;
}

/* Специфичные для Firefox */
@-moz-document url-prefix() {
.button {
padding: 12px;
}
}

Для JS:
```js
if ('IntersectionObserver' in window) {
  // Современный подход
  const observer = new IntersectionObserver(callback);
} else {
  // Фолбэк
  window.addEventListener('scroll', throttle(callback, 100));
}

Использую полифиллы для новых API и PostCSS/Autoprefixer для CSS. В крайних случаях - условные комментарии для IE.