* {
  box-sizing: border-box;
}

body {
  background-color: #090d16;
  color: #f1f5f9;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
  margin: 0;
}

.striped-hidden {
  background-color: #9333ea;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(244, 63, 94, 0.45),
    rgba(244, 63, 94, 0.45) 8px,
    rgba(147, 51, 234, 0.85) 8px,
    rgba(147, 51, 234, 0.85) 16px
  );
}

.timeline-segment {
  transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

.timeline-segment:hover,
.timeline-segment.active-seg {
  transform: scaleY(1.16);
  filter: brightness(1.2);
  z-index: 25;
  box-shadow: 0 0 0 2px #ffffff, 0 8px 20px -4px rgba(0, 0, 0, 0.75);
  border-radius: 6px;
}

.timeline-dimmed .timeline-segment:not(.active-seg):not(:hover) {
  opacity: 0.45;
}

.cal-day-cell {
  transition: transform 0.14s ease, border-color 0.14s ease;
}

.cal-day-cell:hover {
  transform: translateY(-2px);
  z-index: 20;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0d1322;
}

::-webkit-scrollbar-thumb {
  background: #283756;
  border-radius: 9999px;
}