.PostStatsViewer_postsList__3b1mG {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.PostStatsViewer_postItem__kkUpg {
  display: flex;
  align-items: center;
  gap: var(--gap-20);
  padding: var(--padding-10) var(--padding-16);
  border-bottom: 1px solid var(--color-gray10);
  cursor: pointer;
  transition: var(--transition3);
  border-radius: var(--br15);
  animation: var(--fadeIn2);
  position: relative;
}
.PostStatsViewer_postItem__kkUpg:hover {
  background-color: var(--color-gray10);
}

.PostStatsViewer_rankSection__XcQUX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 30px;
}

.PostStatsViewer_rankNumber__JYCV6 {
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h2);
  min-width: 32px;
  text-align: center;
}

.PostStatsViewer_medal__6_ceV {
  font-size: var(--font-14);
  line-height: 1;
}

.PostStatsViewer_thumbnail__Aomfr {
  max-width: 60px;
  max-height: 60px;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-gray10);
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}

.PostStatsViewer_thumbnail__Aomfr:hover {
  transform: scale(1.05);
}

.PostStatsViewer_statsSection__7QNKP {
  display: flex;
  align-items: center;
  gap: var(--gap-10);
  flex: 1;
  min-width: 0;
}

.PostStatsViewer_statGroup__hokIU {
  display: flex;
  align-items: center;
  gap: var(--gap-10);
}

.PostStatsViewer_statIcon__sCaLH {
  width: 16px;
  height: 16px;
  color: var(--text-h2);
  flex-shrink: 0;
}

.PostStatsViewer_statValue__ghn9H {
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
}

.PostStatsViewer_emptyState__nmjhW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 4rem 2rem;
  text-align: center;
  grid-column: 1 / -1;
}

.PostStatsViewer_emptyText__ojXuS {
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  margin: 0;
}

.PostStatsViewer_loadMoreTrigger__IvInv {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
}

.PostStatsViewer_loaderWrapper__NZL55 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Performance Optimization */
.PostStatsViewer_postItem__kkUpg,
.PostStatsViewer_thumbnail__Aomfr,
.PostStatsViewer_arrowIcon__lLOqr {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .PostStatsViewer_postItem__kkUpg,
  .PostStatsViewer_thumbnail__Aomfr,
  .PostStatsViewer_arrowIcon__lLOqr {
    animation: none !important;
    transition: none !important;
  }
}

.hourLineChart_container__07CzG {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 300px;
}

.hourLineChart_svg__olWvO {
  display: block;
}

.hourLineChart_grid__hfTD0 line {
  opacity: 0.5;
}

.hourLineChart_line__VByrm {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.hourLineChart_dataPoint__RCtFW {
  transition: all 0.2s ease;
  cursor: pointer;
}

.hourLineChart_dataPoint__RCtFW:hover {
  r: 5;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.hourLineChart_annotations__vaHdo {
  pointer-events: none;
}

.hourLineChart_tooltip__ancUg {
  position: absolute;
  transform: translate(-50%, 0);
  background: var(--color-white);
  color: var(--text-h2);
  border: 1px solid var(--box-border);
  font-size: var(--font-12);
  padding: var(--padding-8);
  box-sizing: border-box;
  border-radius: var(--br8);
  pointer-events: none;
  box-shadow: var(--box-shadow);
  z-index: 1000;
  animation: hourLineChart_tooltipFadeIn__bvX4i 0.2s ease;
  min-width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@keyframes hourLineChart_tooltipFadeIn__bvX4i {
  from {
    opacity: 0;
    transform: translate(-50%, -5px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

.hourLineChart_tooltipValue__Jyqpo {
  font-weight: var(--weight-700);
  color: var(--text-h1);
  font-size: var(--font-14);
  margin-bottom: var(--gap-3);
}

.hourLineChart_tooltipLabel__QqX9N {
  font-weight: var(--weight-500);
  color: var(--text-h2);
  font-size: var(--font-11);
}


/*# sourceMappingURL=1ff68610067318b8.css.map*/