.feed-page-shell {
  --feed-panel-bg: linear-gradient(180deg, rgba(46, 27, 61, 0.92) 0%, rgba(35, 24, 62, 0.9) 100%);
  --feed-stroke: linear-gradient(120deg, rgba(124, 58, 237, 0.72) 0%, rgba(249, 115, 22, 0.56) 58%, rgba(250, 204, 21, 0.42) 100%);
  --feed-text-soft: #ffd6f0;
  --feed-text-muted: #f2c6de;
  --feed-accent: #ff79cf;
}

.feed-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
  mask-image: linear-gradient(to bottom, transparent 0%, black 30px);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30px);
}

.feed-scroll::-webkit-scrollbar {
  display: none;
}

.feed-panel {
  border: 1px solid transparent;
  background-image: var(--feed-panel-bg), var(--feed-stroke);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow:
    0 -7px 20px rgba(7, 0, 18, 0.45),
    0 10px 24px rgba(5, 2, 12, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -8px 14px rgba(8, 4, 18, 0.3);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.feed-chip {
  border: 1px solid transparent;
  background-image: linear-gradient(180deg, rgba(71, 39, 102, 0.9) 0%, rgba(57, 33, 92, 0.88) 100%), var(--feed-stroke);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

body.comments-modal-open .feed-floating-cta {
  opacity: 0;
  pointer-events: none;
}

body.comments-modal-open .app-bottom-nav {
  opacity: 0;
  pointer-events: none;
}

.comments-scroll::-webkit-scrollbar {
  width: 4px;
}

.comments-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.comments-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 170, 224, 0.3);
  border-radius: 10px;
}

.comments-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 170, 224, 0.5);
}
