.CategoryFilter_panel__mSA11 {
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  background: color-mix(in srgb, var(--color-surface-raised) 97%, var(--color-mustard));
  box-shadow: 0 4px 18px color-mix(in srgb, var(--color-foreground) 3%, transparent);
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.CategoryFilter_group__vjLJz,
.CategoryFilter_sources__gYTWK {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.CategoryFilter_sources__gYTWK {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--color-border);
}

.CategoryFilter_item__Muv1x {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: var(--color-muted);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .02em;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.CategoryFilter_item__Muv1x:hover {
  color: var(--color-foreground);
  background: var(--color-surface-hover);
}

.CategoryFilter_item__Muv1x[aria-pressed='true'] {
  color: var(--color-foreground);
  font-weight: 500;
  border-color: color-mix(in srgb, var(--color-mustard) 24%, var(--color-border));
  background: color-mix(in srgb, var(--color-mustard) 13%, var(--color-surface-raised));
}

.CategoryFilter_indicator__XLrk7 {
  flex: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-mustard);
  opacity: 0;
}

.CategoryFilter_item__Muv1x[aria-pressed='true'] .CategoryFilter_indicator__XLrk7 { opacity: 1; }
.CategoryFilter_item__Muv1x:focus-visible { outline: 2px solid var(--color-info); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .CategoryFilter_item__Muv1x { transition: none; }
}