.forum-posts {
  position: absolute;
  left: 0;
  top: 0;
  width: 1440px;
  height: 1640px;
  pointer-events: none;
}
.forum-post-card {
  position: absolute;
  box-sizing: border-box;
  width: 540px;
  height: 540px;
  overflow: hidden;
  background: var(--forum-post-color, #ce3a77);
  clip-path: polygon(56.5px 0, 100% 0, 100% 100%, 0 100%, 0 56.5px);
  color: #080204;
  pointer-events: none;
  font: 400 16px/19.2px 'Recraft Forum Century Gothic', sans-serif;
  font-kerning: none;
  font-feature-settings: 'liga' 0;
}
.forum-post-card [hidden] { display: none !important; }
.forum-post-add-button {
  position: absolute;
  left: 180px;
  top: 180px;
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #2c2c2c;
  cursor: pointer;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}
.forum-post-add-icon {
  display: block;
  width: 180px;
  height: 180px;
  pointer-events: none;
  transform-origin: center;
  transition: transform 180ms ease-in-out;
}
.forum-post-add-button:disabled { cursor: default; }
@keyframes forum-plus-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
.forum-post-add-button:hover:not(:disabled) .forum-post-add-icon,
.forum-post-add-button:focus-visible .forum-post-add-icon { animation: forum-plus-pulse 700ms ease-in-out infinite; }
.forum-post-add-button.is-opening .forum-post-add-icon { animation: none; transform: scale(1.2); }
.forum-post-add-button:focus-visible { outline: 2px solid #273238; outline-offset: -6px; }
.forum-post-title-input,
.forum-post-title-display,
.forum-post-body-input,
.forum-post-body-display {
  position: absolute;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  font-kerning: none;
  font-feature-settings: 'liga' 0;
  letter-spacing: normal;
}
.forum-post-title-input,
.forum-post-title-display {
  left: 0;
  bottom: -8.4px;
  width: 480px;
  height: 44px;
  color: #fff;
  caret-color: #fff;
  font: 700 36px/44px 'Recraft Forum Century Gothic', sans-serif;
  font-synthesis: weight;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.forum-post-title-input { pointer-events: auto; }
.forum-post-title-input::placeholder { color: rgba(255,255,255,.78); opacity: 1; }
.forum-post-composer[data-phase='title'] .forum-post-title-input {
  left: 30px;
  top: 242px;
  bottom: auto;
  height: 56px;
  line-height: 56px;
  text-align: center;
}
.forum-post-body-input,
.forum-post-body-display {
  left: 29.8341px;
  top: 49.6857px;
  width: 438px;
  color: #080204;
  caret-color: #080204;
  font: 400 16px/19.2px 'Recraft Forum Century Gothic', sans-serif;
  font-synthesis: none;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
  touch-action: pan-y;
  pointer-events: auto;
  overflow-anchor: none;
}
.forum-post-body-input { height: 380px; resize: none; }
.forum-post-body-input::placeholder { color: #080204; opacity: .58; }
.forum-post-body-display { height: 450.3143px; }
.forum-post-body-content { position: relative; width: 100%; margin: 0; padding: 0; }
.forum-post-body-display p { margin: 0 0 19.2px; padding: 0; font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }
.forum-post-body-display p:last-child { margin-bottom: 0; }
.forum-post-body-input::-webkit-scrollbar,
.forum-post-body-display::-webkit-scrollbar { display: none; width: 0; height: 0; }
.forum-post-body-display:focus-visible { outline: 1px solid #273238; outline-offset: 4px; }
.forum-post-action {
  position: absolute;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #080204;
  font: 400 16px/24px 'Recraft Forum Century Gothic', sans-serif;
  font-kerning: none;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
}
.forum-post-action:focus-visible { outline: 1px solid #273238; outline-offset: 5px; }
.forum-post-action:disabled { cursor: default; opacity: .6; }
.forum-post-cancel { left: 29.8341px; top: 449px; width: 70px; height: 36px; text-align: left; }
.forum-post-composer[data-phase='title'] .forum-post-cancel { left: 235px; top: 356px; }
.forum-post-publish { right: 29.8341px; top: 449px; width: 130px; height: 36px; text-align: right; }
.forum-post-draft-status {
  position: absolute;
  left: 105px;
  top: 442px;
  width: 270px;
  min-height: 38px;
  color: #080204;
  font: 400 14px/18px 'Recraft Forum Century Gothic', sans-serif;
  pointer-events: none;
}
.forum-post-composer[data-phase='title'] .forum-post-draft-status { left: 30px; top: 399px; width: 480px; text-align: center; }
.forum-post-feed-status {
  position: absolute;
  left: 30px;
  top: 454px;
  width: 480px;
  min-height: 30px;
  text-align: center;
  color: #080204;
  font: 400 14px/24px 'Recraft Forum Century Gothic', sans-serif;
  pointer-events: none;
}
.forum-post-retry-load { position: relative; display: inline-block; margin-left: 12px; font-size: 14px; text-decoration: underline; }
.forum-post-composer[data-pending='true'] .forum-post-draft-status { left: 30px; width: 330px; }
.forum-posts [data-reveal-control][inert] { pointer-events: none; }
.transition-content-fragment .forum-posts,
.transition-content-fragment .forum-posts input,
.transition-content-fragment .forum-posts textarea,
.transition-content-fragment .forum-posts button,
.transition-content-fragment .forum-posts [tabindex] { pointer-events: none !important; }
.transition-content-fragment .forum-post-body-display,
.transition-content-fragment .forum-post-body-input { overflow: hidden; }
.transition-content-fragment .forum-post-body-content { transform: translateY(calc(0px - var(--forum-post-scroll-top, 0px))); }
@media (prefers-reduced-motion: reduce) {
  .forum-post-add-icon { transition: none; }
  .forum-post-add-button:hover .forum-post-add-icon,
  .forum-post-add-button:focus-visible .forum-post-add-icon { animation: none; }
}

/* Native-card targets keep right-click/long-press menus on every post surface. */
.forum-post-deletable { pointer-events: auto; }
.forum-post-deletable[data-reveal-control][inert] { pointer-events: none; }
.forum-post-context-menu {
  position: fixed;
  z-index: 2147483000;
  left: 0;
  top: 0;
  min-width: 120px;
  box-sizing: border-box;
  margin: 0;
  padding: 4px;
  border: 1px solid #7b868b;
  background: #d9dfe2;
  color: #080204;
  font: 400 16px/1.35 'Recraft Forum Century Gothic', sans-serif;
  pointer-events: auto;
}
.forum-post-context-delete {
  display: block;
  width: 100%;
  min-height: 36px;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
}
.forum-post-context-delete:hover,
.forum-post-context-delete:focus-visible { background: #c4cdd1; outline: 1px solid #7b868b; outline-offset: -1px; }
.forum-post-context-delete:disabled { cursor: default; opacity: .6; }
.forum-post-delete-status {
  position: fixed;
  z-index: 2147483001;
  left: 50%;
  bottom: max(20px, env(safe-area-inset-bottom, 0px));
  width: max-content;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid #7b868b;
  background: #d9dfe2;
  color: #080204;
  transform: translateX(-50%);
  font: 400 14px/1.4 'Recraft Forum Century Gothic', sans-serif;
  pointer-events: none;
}

/* Published visitor posts use the same reversed track/handle palette. */
.forum-post-scroll-track {
  left: 488.854px;
  top: 19.378px;
  width: 33.244px;
  height: 503.073px;
}
.forum-post-scroll-thumb { left: 0; width: 100%; }
