/* Header companion: isolated notice styling; never changes the header or feed layout. */
.posts-count.falue-new-post-notice {
  position: fixed;
  z-index: 99;
  top: calc(env(safe-area-inset-top, 0px) + 88px);
  left: var(--falue-notice-center, 50%);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  width: max-content;
  max-width: calc(100vw - 32px);
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: var(--falue-background, #f8fafc);
  color: #242637;
  box-shadow: none;
  opacity: 1;
  transition: opacity 450ms ease, transform 450ms ease;
  font: 13px/1.3 Convergence, sans-serif;
}
.posts-count.falue-new-post-notice[hidden] { display: none; }
.posts-count.falue-new-post-notice[data-falue-notice-state="hiding"] {
  opacity: 0;
  transform: translate(-50%, -5px);
  pointer-events: none;
}
.falue-new-post-notice__view, .falue-new-post-notice__close {
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 0;
  border-radius: 24px;
  padding: 0;
  margin: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: inherit;
  cursor: pointer;
}
.falue-new-post-notice__view { gap: 8px; padding-inline: 14px 2px; min-width: 0; }
.falue-new-post-notice__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.falue-new-post-notice__icon { font-size: var(--falue-type-22,22px); line-height: 1; }
.falue-new-post-notice__close { flex: 0 0 44px; width: 44px; font: 25px/1 sans-serif; }
.falue-new-post-notice__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 27px;
  height: 27px;
  padding-inline: 5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 8px rgba(36,38,55,.09);
  font-size: 11px;
}
.falue-new-post-notice button:focus-visible {   }
@media (max-width: 1024px) {
  .posts-count.falue-new-post-notice { top: calc(env(safe-area-inset-top, 0px) + 78px); }
}
body.dark .posts-count.falue-new-post-notice,
body[data-theme="dark"] .posts-count.falue-new-post-notice,
html[data-theme="dark"] .posts-count.falue-new-post-notice {
  color: #f7f8fa;
  background: #242637;
}
body.dark .falue-new-post-notice__count,
body[data-theme="dark"] .falue-new-post-notice__count,
html[data-theme="dark"] .falue-new-post-notice__count { background: #303241; }
html.falue-night-mode .posts-count.falue-new-post-notice { color: #f7f8fa; background: #242637; }
html.falue-night-mode .falue-new-post-notice__count { background: #303241; }
@media (prefers-reduced-motion: reduce) {
  .posts-count.falue-new-post-notice { transition: none; }
}
