My Kagi custom CSS. It's very minimal, but it makes the interface a lot cleaner.

kagi.css

.theme_moon_dark {
  --search-result-title: var(--link);
  --primary-hover: var(--blue-300);
  --primary-hover-hover: var(--blue-300);
  --link: var(--blue-300);
  --secondary: var(--graphite-950);
  --blue-300: #b9c7ff;
  --ranked-box-shadow: var(--box-shadow);
}

.__sri_title_link {
  margin-top: 5px;
  line-height: 1.2;
}

.__sri-desc .__sri-time {
  display: none;
}

.__sri_title_link, .wikipediaResult a, .__srgi-title a {
  border-bottom-color: transparent !important;

  &:hover {
    border-bottom-color: var(--result-item-title-border) !important;
  }
}

.__sri-url .__domain-favicon {
  height: 18px;
  width: 18px;
  margin-right: 7px;
}

.__domain-favicon {
  border-radius: 100%;
}

.app-logo.--kagi {
  top: 28px;
}

@media screen and (min-width: 1270px) {
  .app-logo.--kagi {
    top: 24px;
  }
}

.filter-item:has(#menu-advanced-search-toggle) {
  display: none;
}

.filter-item, .quick-answer-trigger-link {
  background-color: var(--primary-50);
  border: 1px solid var(--primary-50);
}

.search-form .search-input-container {
  min-height: 52px;
  padding-inline-start: 1.4rem;
  background-color: var(--color-search-input) !important;
}

#mainContent .search-form .search-input-container {
  padding-inline-start: 0.8rem;
}

.auto_suggestions, .auto_suggestions_in, .search-form .search-input-container {
  border: none !important;
}

.auto_suggestions {
  box-shadow: 1px 8px 30px 0 var(--box-shadow);
  clip-path: polygon(
    -9999px -9999px,
    -9999px 9999px,
    9999px 9999px,
    9999px -9999px,
    100% -9999px,
    100% 0px,
    0px 0px,
    0px -9999px
  );
}

.mob .s-f-w.--active .auto_suggestions {
  top: 59px;
}

.auto_suggestions_footer {
  border-top: none !important;
  padding-top: 2px !important;
}

#slop-report-title + i {
  color: var(--blue-300);
}