/*
 * Kē Keepers Community
 *
 * This layer is intentionally limited to the rebrand experience. The legacy
 * /app group feed keeps its existing presentation and interaction styling.
 */

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] {
  --kc-navy: #10262f;
  --kc-navy-deep: #08191f;
  --kc-navy-soft: #1d3a44;
  --kc-gold: #d7b56d;
  --kc-gold-light: #f1dca7;
  --kc-cream: #fffaf4;
  --kc-cream-soft: rgba(255, 250, 244, .72);
  --kc-burgundy: #6b2d46;
  --kc-sage: #82958a;
  --kc-line: rgba(215, 181, 109, .28);
  background:
    radial-gradient(circle at 92% 2%, rgba(215, 181, 109, .18), transparent 25rem),
    radial-gradient(circle at 4% 72%, rgba(107, 45, 70, .2), transparent 28rem),
    linear-gradient(180deg, #132d36 0%, var(--kc-navy) 48%, var(--kc-navy-deep) 100%) !important;
  color: var(--kc-cream) !important;
  color-scheme: dark;
  overflow: hidden;
}

/* Build the destination off-paint so the source constellation remains the
   only visible surface until the first Community Bloom can begin. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"].ke-community-preparing {
  display: flex !important;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
}

/* Keep the destination fully staged but visually sealed until the current
   page's hex has completed its transformation into Today's Intention. Posts
   and their fire path are revealed only by the second animation stage. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-entry="queued"] .kf-intention,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-entry-stage="queued"] .ig-community-thread > .ig-post,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-entry-stage="intention"] .ig-community-thread > .ig-post,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-entry-stage="queued"] :is(.ig-community-connectors),
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-entry-stage="intention"] :is(.ig-community-connectors) {
  opacity: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-exit="running"] {
  pointer-events: none;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"][data-ke-community-exit="running"] .ig-topbar {
  opacity: 0;
  transition: opacity 220ms ease;
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) {
  --kc-jewel-garnet: #740e1c;
  --kc-jewel-garnet-deep: #30060a;
  --kc-jewel-ember: #702e0e;
  --kc-jewel-ember-deep: #301408;
  --kc-jewel-azure: #135f8a;
  --kc-jewel-azure-deep: #06243a;
  --kc-jewel-peridot: #297b0d;
  --kc-jewel-peridot-deep: #113205;
  --kc-jewel-teal: #106e78;
  --kc-jewel-teal-deep: #072e35;
  --kc-jewel-sapphire: #140d74;
  --kc-jewel-sapphire-deep: #07052d;
  --kc-jewel-amethyst: #460f75;
  --kc-jewel-amethyst-deep: #200530;
  --kc-jewel-blackberry: #720e71;
  --kc-jewel-blackberry-deep: #2f0630;
  --kc-jewel-garnet-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-garnet) 0 27%, var(--kc-jewel-garnet-deep) 72%, #030102 100%);
  --kc-jewel-ember-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-ember) 0 27%, var(--kc-jewel-ember-deep) 72%, #030101 100%);
  --kc-jewel-azure-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-azure) 0 27%, var(--kc-jewel-azure-deep) 72%, #010203 100%);
  --kc-jewel-peridot-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-peridot) 0 27%, var(--kc-jewel-peridot-deep) 72%, #010301 100%);
  --kc-jewel-teal-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-teal) 0 27%, var(--kc-jewel-teal-deep) 72%, #010303 100%);
  --kc-jewel-sapphire-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-sapphire) 0 27%, var(--kc-jewel-sapphire-deep) 72%, #010103 100%);
  --kc-jewel-amethyst-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-amethyst) 0 27%, var(--kc-jewel-amethyst-deep) 72%, #020103 100%);
  --kc-jewel-blackberry-surface:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-blackberry) 0 27%, var(--kc-jewel-blackberry-deep) 72%, #030103 100%);
}

/* The staging review launcher is useful on the dashboard but would cover
   Community content and controls on a phone. Keep it out of this modal. */
html.ke-rebrand-mode body.ke-community-open .ke-review-launcher {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-screen,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-scroll {
  background:
    radial-gradient(circle at 50% 0, rgba(215, 181, 109, .09), transparent 20rem),
    linear-gradient(180deg, #132d36 0%, var(--kc-navy-deep) 100%) !important;
  color: var(--kc-cream) !important;
  scrollbar-color: rgba(215, 181, 109, .5) transparent;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-scroll {
  overflow-x: hidden;
  padding-bottom: 112px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-body {
  align-items: stretch;
  display: flex;
  gap: clamp(18px, 5vw, 28px);
  overflow-x: clip;
  padding: 14px 0 34px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-topbar {
  border: 0 !important;
  box-shadow: none !important;
  flex: 0 0 0;
  height: 0;
  min-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 !important;
  pointer-events: none;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-topbar-title {
  justify-self: center;
  color: var(--kc-gold-light) !important;
  font-family: "Playfair Display", serif !important;
  font-size: 20px;
  font-weight: 700 !important;
  letter-spacing: -.02em;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-icon-btn {
  align-items: center;
  background: rgba(255, 253, 249, .035) !important;
  border: 1px solid rgba(215, 181, 109, .28) !important;
  border-radius: 50%;
  color: var(--kc-cream) !important;
  display: inline-flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
  width: 44px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-icon-btn:hover {
  background: rgba(215, 181, 109, .11) !important;
  border-color: rgba(241, 220, 167, .58) !important;
  transform: translateY(-1px);
}

/* The intention is the first jewel on the Community thread. The transparent
   wrapper owns layout while the animated intention owns its gold chassis. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
  align-self: center;
  display: flex;
  height: clamp(250px, 68vw, 292px);
  margin: 4px auto 0;
  min-height: 0;
  position: relative;
  width: min(calc(100% - 40px), 340px);
  z-index: 1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention {
  align-items: flex-start;
  background: linear-gradient(145deg, #f1dca7 0%, #b98c3d 42%, #ead089 67%, #936b2c 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  color: var(--kc-cream) !important;
  display: flex;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .34));
  flex: 1 1 auto;
  flex-direction: column;
  isolation: isolate;
  justify-content: center;
  margin: 0;
  min-height: 0;
  overflow: hidden;
  padding: clamp(38px, 9vw, 48px) clamp(44px, 12vw, 58px);
  position: relative;
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention::before {
  -webkit-mask: none;
  animation: none;
  background-color: var(--kc-jewel-ember) !important;
  background-image: var(--kc-jewel-ember-surface) !important;
  border: 1px solid rgba(241, 220, 167, .12);
  border-radius: 0;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  height: auto;
  inset: 3px;
  mask: none;
  padding: 0;
  pointer-events: none;
  position: absolute;
  transform: none;
  width: auto;
  z-index: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention > * {
  min-width: 0;
  position: relative;
  z-index: 1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-label {
  color: var(--kc-gold-light) !important;
  font-size: 10px;
  letter-spacing: .17em;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-text {
  color: var(--kc-cream) !important;
  font-family: "Playfair Display", serif;
  font-size: clamp(17px, 4.8vw, 20px);
  line-height: 1.32;
  overflow-wrap: anywhere;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-author {
  color: rgba(255, 250, 244, .72) !important;
  font-size: 11px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-section-hdr {
  padding: 0 16px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-section-hdr-line,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-unread-line {
  background: linear-gradient(90deg, transparent, rgba(215, 181, 109, .58), transparent);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-section-hdr-text,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-unread-label {
  color: var(--kc-gold-light);
  font-size: 10px;
  letter-spacing: .18em;
}

/* The compact + remains 60px but now sits inside the connected post thread.
   Opening it preserves the circular expansion into the screen center. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node {
  align-self: center;
  aspect-ratio: 1;
  display: grid;
  flex: 0 0 auto;
  margin-inline: auto;
  place-items: center;
  position: relative;
  transition:
    transform 620ms cubic-bezier(.16, 1, .3, 1),
    width 620ms cubic-bezier(.16, 1, .3, 1);
  width: 60px;
  z-index: 3;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node:is(
  [data-ke-composer-state="open"],
  [data-ke-composer-state="posting"]
) {
  bottom: 50%;
  margin: 0;
  position: fixed;
  right: 50%;
  transform: translate(50%, 50%);
  width: min(calc(100vw - 20px), 460px);
  z-index: 244;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-surface {
  align-items: center;
  aspect-ratio: 1;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .18), transparent 26%),
    radial-gradient(circle at 54% 58%, #319116 0%, var(--kc-jewel-peridot) 42%, #114807 78%, #082704 100%);
  border: 3px solid #d7b56d;
  border-radius: 50%;
  box-shadow:
    inset 0 0 24px rgba(255, 244, 193, .14),
    0 0 0 2px rgba(103, 67, 15, .8),
    0 0 24px rgba(255, 147, 35, .24),
    0 16px 30px rgba(0, 0, 0, .34);
  color: var(--kc-cream);
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  transition: box-shadow 420ms ease, filter 420ms ease;
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node[data-ke-composer-state="posting"] .ig-community-create-surface {
  filter: brightness(1.08);
  box-shadow:
    inset 0 0 26px rgba(255, 244, 193, .2),
    0 0 0 2px rgba(103, 67, 15, .8),
    0 0 34px rgba(255, 130, 24, .58),
    0 18px 34px rgba(0, 0, 0, .38);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--kc-cream);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  inset: 0;
  justify-content: center;
  padding: 0;
  position: absolute;
  transition: opacity 180ms ease, visibility 180ms ease;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-plus {
  font-family: Arial, sans-serif;
  font-size: 38px;
  font-weight: 200;
  line-height: .72;
  text-shadow: 0 0 12px rgba(255, 241, 177, .52);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node:not([data-ke-composer-state="closed"]) .ig-community-create-button {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-content {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  inset: 0;
  justify-content: flex-start;
  min-height: 0;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(38px, 10vw, 62px) clamp(34px, 10vw, 58px);
  pointer-events: none;
  position: absolute;
  scrollbar-width: none;
  transform: scale(.88);
  transition: opacity 260ms ease 80ms, transform 440ms cubic-bezier(.16, 1, .3, 1) 40ms, visibility 260ms ease;
  visibility: hidden;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-content::-webkit-scrollbar {
  display: none;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node:not([data-ke-composer-state="closed"]) .ig-community-create-content {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  visibility: visible;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-kicker {
  color: #f1dca7;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .17em;
  margin: 0 0 4px;
  text-align: center;
  text-transform: uppercase;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-title {
  color: #fffaf4;
  font-family: "Playfair Display", serif;
  font-size: clamp(24px, 7vw, 32px);
  line-height: 1.05;
  margin: 0 0 15px;
  text-align: center;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-input {
  background: rgba(5, 28, 12, .72) !important;
  border: 1px solid rgba(241, 220, 167, .72) !important;
  border-radius: 20px !important;
  caret-color: #f1dca7;
  color: #fffaf4 !important;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.35;
  min-height: 108px;
  padding: 14px 16px;
  resize: none;
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-input::placeholder {
  color: rgba(255, 250, 244, .64) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-preview {
  align-items: center;
  align-self: center;
  display: flex;
  flex: 0 0 auto;
  height: 54px;
  justify-content: center;
  margin-top: 8px;
  position: relative;
  width: 64px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-preview[hidden] {
  display: none;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-preview img,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-video-preview {
  align-items: center;
  background: #08191f;
  border: 1px solid rgba(241, 220, 167, .6);
  border-radius: 12px;
  color: #f1dca7;
  display: flex;
  height: 52px;
  justify-content: center;
  object-fit: cover;
  width: 60px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-preview-remove {
  align-items: center;
  background: #08191f;
  border: 1px solid rgba(241, 220, 167, .68);
  border-radius: 50%;
  color: #fffaf4;
  display: flex;
  height: 25px;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -8px;
  width: 25px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-toolbar,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-attach,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-cancel,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-submit {
  align-items: center;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  gap: 6px;
  justify-content: center;
  letter-spacing: .05em;
  min-height: 42px;
  padding: 0 15px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-attach,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-cancel {
  background: rgba(8, 25, 31, .42);
  border: 1px solid rgba(241, 220, 167, .52);
  color: #fffaf4;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-submit {
  background: linear-gradient(145deg, #f1dca7, #c7953d);
  border: 1px solid #f1dca7;
  color: #08191f;
  min-width: 92px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-submit:disabled {
  cursor: default;
  filter: grayscale(.4);
  opacity: .48;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node[data-ke-composer-state="posting"] :is(
  .ig-community-create-input,
  .ig-community-create-attach,
  .ig-community-create-cancel,
  .ig-community-create-preview-remove
) {
  cursor: wait;
  opacity: .58;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-status {
  color: #fff0bf;
  font-size: 11px;
  line-height: 1.25;
  margin: 8px 0 0;
  min-height: 14px;
  text-align: center;
}

/* The old fixed center rail stays disabled. The SVG fire path below bends
   between the true centers of every rendered jewel. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 7vw, 34px);
  isolation: isolate;
  overflow: visible;
  padding: 3px 0 20px;
  position: relative;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread::before {
  background: linear-gradient(180deg, transparent 0, #f1dca7 18px, #b98c3d 50%, #f1dca7 calc(100% - 18px), transparent 100%);
  box-shadow: 0 0 9px rgba(241, 220, 167, .32);
  content: none;
  inset: 0 auto 0 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 2px;
  z-index: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread[data-ke-connector-flow]::before {
  opacity: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connectors {
  height: 100%;
  inset: 0 auto auto 0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  shape-rendering: geometricPrecision;
  width: 100%;
  z-index: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connectors path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connector-aura {
  filter: blur(2.8px) drop-shadow(0 0 8px rgba(255, 103, 20, .82));
  opacity: .62;
  stroke: rgba(226, 76, 11, .8);
  stroke-width: 11px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connector-core {
  animation: keCommunityConnectorFirePulse 2.1s ease-in-out infinite;
  filter: drop-shadow(0 0 2px rgba(255, 245, 188, .98)) drop-shadow(0 0 6px rgba(255, 138, 24, .9));
  opacity: .96;
  stroke: var(--ke-community-fire-gradient, #f1dca7);
  stroke-width: 2.4px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connector-embers {
  animation: keCommunityConnectorEmberFlow 1.75s linear infinite;
  filter: drop-shadow(0 0 4px rgba(255, 107, 17, .96));
  opacity: .88;
  stroke: #ff7b1b;
  stroke-dasharray: .9 10;
  stroke-width: 4.8px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connector-sparks {
  animation: keCommunityConnectorSparkFlow 2.65s linear infinite;
  filter: drop-shadow(0 0 3px rgba(255, 246, 187, 1));
  opacity: .96;
  stroke: #fff3b0;
  stroke-dasharray: .45 24;
  stroke-width: 3px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-connector-growth {
  fill: none;
  filter: drop-shadow(0 0 3px rgba(255, 245, 188, 1)) drop-shadow(0 0 10px rgba(255, 108, 20, .98));
  stroke: var(--ke-community-fire-gradient, #f1dca7);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
  vector-effect: non-scaling-stroke;
}

@keyframes keCommunityConnectorFirePulse {
  0%, 100% { opacity: .82; stroke-width: 2.1px; }
  50% { opacity: 1; stroke-width: 2.8px; }
}

@keyframes keCommunityConnectorEmberFlow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -100; }
}

@keyframes keCommunityConnectorSparkFlow {
  from { stroke-dashoffset: 18; }
  to { stroke-dashoffset: -82; }
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread > :is(
  .kf-intention-node,
  .kf-section-hdr,
  .ig-post,
  .ig-unread-divider,
  .ig-community-load-more-wrap
) {
  position: relative;
  z-index: 1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post[data-ke-post-handoff-pending] {
  opacity: 0 !important;
  pointer-events: none;
}

/* Pagination is the final connected jewel rather than a detached utility
   row. Newly appended posts are inserted immediately before this end cap. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more-wrap {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 9px;
  justify-content: center;
  margin: 0 auto;
  min-height: 116px;
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more-wrap[hidden] {
  display: none !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more {
  align-items: center;
  background: linear-gradient(145deg, #f1dca7 0%, #b98c3d 42%, #ead089 67%, #936b2c 100%);
  border: 0;
  clip-path: polygon(18% 0, 82% 0, 100% 50%, 82% 100%, 18% 100%, 0 50%);
  color: var(--kc-cream);
  cursor: pointer;
  display: inline-flex;
  font-family: "DM Sans", sans-serif;
  font-size: 11px;
  font-weight: 800;
  isolation: isolate;
  justify-content: center;
  letter-spacing: .16em;
  line-height: 1.25;
  min-height: 92px;
  padding: 20px 42px;
  position: relative;
  text-transform: uppercase;
  transition: filter 180ms ease, transform 180ms ease;
  width: min(68vw, 250px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more::before {
  background:
    radial-gradient(circle at 38% 25%, rgba(255, 255, 255, .035), transparent 29%),
    radial-gradient(circle at 50% 42%, var(--kc-jewel-teal) 0 27%, var(--kc-jewel-teal-deep) 72%, #010303 100%);
  clip-path: polygon(18% 0, 82% 0, 100% 50%, 82% 100%, 18% 100%, 0 50%);
  content: "";
  inset: 3px;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more:hover:not(:disabled) {
  filter: brightness(1.08) drop-shadow(0 10px 18px rgba(0, 0, 0, .28));
  transform: translateY(-2px) scale(1.012);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more:focus-visible {
  filter: brightness(1.08) drop-shadow(0 0 8px #f1dca7);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more:disabled {
  cursor: wait;
  filter: saturate(.7);
  opacity: .72;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more-status {
  background: var(--kc-navy-deep);
  color: var(--kc-gold-light);
  display: block;
  font-size: 10px;
  letter-spacing: .04em;
  line-height: 1.35;
  min-height: 14px;
  padding-inline: 8px;
  text-align: center;
}

/* Shared post surface. Gold lives on the article; ::before is the inset fill. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post {
  --kc-post-base: var(--kc-jewel-sapphire);
  --kc-post-fill: var(--kc-jewel-sapphire-surface);
  background: linear-gradient(145deg, #f1dca7 0%, #b98c3d 42%, #ead089 67%, #936b2c 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--kc-cream) !important;
  filter: drop-shadow(0 16px 25px rgba(0, 0, 0, .32));
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post::before {
  background-color: var(--kc-post-base);
  background-image: var(--kc-post-fill);
  border: 1px solid rgba(241, 220, 167, .12);
  content: "";
  inset: 3px;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post::after {
  background: linear-gradient(112deg, transparent 24%, rgba(255, 250, 228, .16) 42%, rgba(255, 242, 191, .42) 49%, transparent 64%);
  content: "";
  inset: 2px;
  opacity: .34;
  pointer-events: none;
  position: absolute;
  transform: translateX(-125%);
  z-index: 1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post > * {
  min-width: 0;
  position: relative;
  z-index: 2;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-pinned::after {
  animation: keCommunityPostGleam 8s ease-in-out infinite;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo {
  --kc-post-base: var(--kc-jewel-garnet);
  --kc-post-fill: var(--kc-jewel-garnet-surface);
  align-self: center;
  border-radius: 0 !important;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  min-height: clamp(250px, 70vw, 300px);
  padding: clamp(40px, 10vw, 50px) clamp(44px, 12vw, 58px);
  width: min(calc(100% - 40px), 340px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::after {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member {
  --kc-member-size: min(76vw, 320px);
  --kc-post-base: var(--kc-jewel-amethyst);
  --kc-post-fill: var(--kc-jewel-amethyst-surface);
  align-self: center;
  aspect-ratio: 1;
  border-radius: 50% !important;
  display: flex;
  flex: 0 0 var(--kc-member-size);
  flex-direction: column;
  align-items: center;
  height: var(--kc-member-size);
  justify-content: center;
  margin-inline: auto;
  max-height: 340px;
  max-width: 340px;
  padding: clamp(39px, 11vw, 54px) clamp(35px, 10vw, 50px);
  width: var(--kc-member-size);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member::after {
  border-radius: 50%;
}

/* A stable post/author tone keeps each member's jewel color consistent when
   the same card opens in detail. Anonymous posts key from the post instead of
   the member so color never becomes an identity signal. */
html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="garnet"] {
  --kc-post-base: var(--kc-jewel-garnet);
  --kc-post-fill: var(--kc-jewel-garnet-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="ember"] {
  --kc-post-base: var(--kc-jewel-ember);
  --kc-post-fill: var(--kc-jewel-ember-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="azure"] {
  --kc-post-base: var(--kc-jewel-azure);
  --kc-post-fill: var(--kc-jewel-azure-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="peridot"] {
  --kc-post-base: var(--kc-jewel-peridot);
  --kc-post-fill: var(--kc-jewel-peridot-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="teal"] {
  --kc-post-base: var(--kc-jewel-teal);
  --kc-post-fill: var(--kc-jewel-teal-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="sapphire"] {
  --kc-post-base: var(--kc-jewel-sapphire);
  --kc-post-fill: var(--kc-jewel-sapphire-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="amethyst"] {
  --kc-post-base: var(--kc-jewel-amethyst);
  --kc-post-fill: var(--kc-jewel-amethyst-surface);
}

html.ke-rebrand-mode :is(
  #group-feed-overlay[data-ke-community-style="bloom"],
  .ig-detail[data-ke-community-style="bloom"]
) .ig-post[data-ke-jewel-tone="blackberry"] {
  --kc-post-base: var(--kc-jewel-blackberry);
  --kc-post-fill: var(--kc-jewel-blackberry-surface);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member--left,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member[data-ke-member-lane="left"] {
  align-self: flex-start;
  margin-left: clamp(8px, 3.5vw, 18px);
  margin-right: auto;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member--right,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member[data-ke-member-lane="right"] {
  align-self: flex-end;
  margin-left: auto;
  margin-right: clamp(8px, 3.5vw, 18px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-pin-tag {
  color: var(--kc-gold-light);
  font-size: 9px;
  letter-spacing: .16em;
  margin-bottom: 8px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-header {
  align-items: center;
  gap: 5px;
  justify-content: center;
  margin-bottom: 10px;
  padding-inline: 24px;
  text-align: center;
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-avatar {
  border: 1px solid rgba(241, 220, 167, .72);
  box-shadow: 0 5px 13px rgba(0, 0, 0, .24);
  flex: 0 0 36px;
  height: 36px;
  width: 36px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-avatar-karamo {
  background: rgba(8, 25, 31, .88);
  border: 2px solid var(--kc-gold);
  color: var(--kc-cream);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-author-stack {
  align-items: center;
  flex: 0 1 auto;
  gap: 3px;
  max-width: calc(100% - 41px);
  min-width: 0;
  width: auto;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-username {
  align-items: center;
  color: var(--kc-cream) !important;
  display: flex;
  flex-wrap: nowrap;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  gap: 5px;
  justify-content: center;
  line-height: 1.15;
  min-width: 0;
  width: auto;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-name,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-name,
html.ke-rebrand-mode :is(#group-feed-overlay, .ig-detail)[data-ke-community-style="bloom"] .ig-comment-name {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-author-stack {
  align-items: center;
  flex: 0 1 auto;
  max-width: calc(100% - 41px);
  min-width: 0;
  width: auto;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-header {
  gap: 5px;
  justify-content: center;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-username,
html.ke-rebrand-mode :is(#group-feed-overlay, .ig-detail)[data-ke-community-style="bloom"] .ig-comment-username {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 5px;
  max-width: 100%;
  min-width: 0;
  vertical-align: middle;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo .ig-post-username {
  color: var(--kc-gold-light) !important;
  font-family: "Playfair Display", serif;
  font-size: 17px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-meta-row {
  align-items: center;
  color: rgba(255, 250, 244, .57) !important;
  display: flex;
  font-size: 10px;
  flex-wrap: wrap;
  gap: 5px;
  overflow: visible;
  white-space: normal;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-more {
  background: rgba(8, 25, 31, .22) !important;
  border: 1px solid rgba(241, 220, 167, .24) !important;
  border-radius: 50%;
  color: var(--kc-cream-soft) !important;
  flex: 0 0 44px;
  height: 44px;
  min-height: 44px;
  min-width: 44px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-body {
  color: var(--kc-cream) !important;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(16px, 4.25vw, 18px);
  font-weight: 500;
  line-height: 1.38;
  margin-bottom: 4px;
  overflow-wrap: anywhere;
  text-align: center;
  text-wrap: pretty;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo .ig-post-body {
  color: var(--kc-cream) !important;
  font-family: "Playfair Display", serif;
  font-size: clamp(17px, 4.8vw, 21px);
  font-style: normal;
  line-height: 1.35;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread > .ig-post .ig-post-body {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  flex: 0 1 auto;
  line-clamp: 3;
  max-height: calc(1.38em * 3);
  overflow: hidden;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-preview-more {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(241, 220, 167, .62);
  color: var(--kc-gold-light);
  cursor: pointer;
  flex: 0 0 auto;
  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.35;
  margin: 0 0 5px;
  padding: 0 1px 1px;
  text-transform: uppercase;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-preview-more[hidden] {
  display: none !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-preview-more:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--kc-gold-light);
  outline-offset: 3px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-mention-token {
  color: var(--kc-gold-light);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-line {
  align-items: center;
  gap: 6px;
  flex: 0 0 44px;
  min-height: 44px;
  padding-top: 2px;
  justify-content: center;
  width: 100%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent {
  align-items: center;
  text-align: center;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent :is(.ig-post-header, .ig-post-username, .ig-meta-line) {
  justify-content: center;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape {
  text-align: center;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-body {
  align-items: center;
  display: flex;
  flex-direction: column;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape :is(.ig-comment-username, .ig-comment-meta) {
  justify-content: center;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-icon-btn {
  align-items: center;
  background: rgba(8, 25, 31, .3) !important;
  border: 1px solid rgba(241, 220, 167, .27) !important;
  border-radius: 999px;
  color: var(--kc-gold-light) !important;
  display: inline-flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
  width: 44px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-icon-btn:hover {
  background: rgba(215, 181, 109, .15) !important;
  border-color: rgba(241, 220, 167, .62) !important;
  transform: translateY(-1px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-text {
  color: rgba(255, 250, 244, .7) !important;
  font-size: 11px;
  line-height: 1.25;
  min-height: 44px;
  overflow: hidden;
  padding-inline: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-text strong {
  color: var(--kc-gold-light) !important;
}

/* Detail reveals full copy; the feed remains the calm, shape-led preview. */
html.ke-rebrand-mode .ig-detail {
  background:
    radial-gradient(circle at 86% 0, rgba(215, 181, 109, .13), transparent 24rem),
    linear-gradient(180deg, #132d36, #08191f) !important;
  color: #fffaf4 !important;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-topbar {
  background: rgba(8, 25, 31, .96) !important;
  border-bottom: 1px solid rgba(215, 181, 109, .3) !important;
  box-shadow: 0 12px 30px rgba(2, 12, 16, .2);
  color: #fffaf4 !important;
  min-height: 64px;
  padding-inline: max(10px, env(safe-area-inset-left, 0px)) max(10px, env(safe-area-inset-right, 0px));
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-topbar-title {
  color: #f1dca7 !important;
  font-family: "Playfair Display", serif !important;
  font-size: 20px;
  font-weight: 700 !important;
  letter-spacing: -.02em;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-topbar .ig-icon-btn {
  align-items: center;
  background: rgba(255, 253, 249, .035) !important;
  border: 1px solid rgba(215, 181, 109, .28) !important;
  border-radius: 50%;
  color: #fffaf4 !important;
  display: inline-flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  width: 44px;
}

html.ke-rebrand-mode .ig-detail .ig-screen {
  background: transparent !important;
  color: #fffaf4 !important;
  padding: 16px 0 28px;
}

html.ke-rebrand-mode .ig-detail .ig-post-member {
  aspect-ratio: auto;
  border-radius: 28px !important;
  flex-basis: auto;
  height: auto;
  margin-inline: 12px;
  min-height: 260px;
  padding: 34px clamp(24px, 8vw, 42px);
  width: calc(100% - 24px);
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post {
  --kc-post-base: var(--kc-jewel-sapphire);
  --kc-post-fill: var(--kc-jewel-sapphire-surface);
  background: linear-gradient(145deg, #f1dca7, #b98c3d 42%, #ead089 67%, #936b2c) !important;
  border: 0 !important;
  color: #fffaf4 !important;
  filter: drop-shadow(0 16px 25px rgba(0, 0, 0, .3));
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post::before {
  background-color: var(--kc-post-base);
  background-image: var(--kc-post-fill);
  border-radius: inherit;
  content: "";
  inset: 3px;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post > * {
  min-width: 0;
  position: relative;
  z-index: 1;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo {
  background: linear-gradient(145deg, #f1dca7, #b98c3d 42%, #ead089 67%, #936b2c) !important;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  margin-inline: 10px;
  min-height: 300px;
  padding: 50px clamp(46px, 14vw, 72px);
  width: calc(100% - 20px);
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] :is(.ig-post-username, .ig-post-body) {
  color: #fffaf4 !important;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-meta-row {
  color: rgba(255, 250, 244, .58) !important;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-meta-icon-btn {
  align-items: center;
  background: rgba(8, 25, 31, .3) !important;
  border: 1px solid rgba(241, 220, 167, .27) !important;
  border-radius: 999px;
  color: #f1dca7 !important;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  min-height: 44px;
}

html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-meta-text {
  color: rgba(255, 250, 244, .72) !important;
}

html.ke-rebrand-mode .ig-detail .ig-post-member::before,
html.ke-rebrand-mode .ig-detail .ig-post-member::after {
  border-radius: 25px;
}

html.ke-rebrand-mode .ig-detail .ig-post-body,
html.ke-rebrand-mode .ig-detail .ig-feed-body > .ig-post-member .ig-post-body {
  -webkit-line-clamp: unset;
  display: block;
  max-height: none;
  overflow: visible;
}

html.ke-rebrand-mode .ig-detail .ig-comments-wrap {
  background: transparent !important;
  border-top: 1px solid rgba(215, 181, 109, .25) !important;
  padding: 14px 10px;
}

html.ke-rebrand-mode .ig-detail .ig-comment-row {
  background: rgba(255, 253, 249, .055);
  border: 1px solid rgba(215, 181, 109, .18);
  border-radius: 18px;
  color: #fffaf4;
  margin-bottom: 10px;
  padding: 12px;
}

html.ke-rebrand-mode .ig-detail .ig-comment-line,
html.ke-rebrand-mode .ig-detail .ig-comment-username,
html.ke-rebrand-mode .ig-detail .ig-comment-text,
html.ke-rebrand-mode .ig-detail .ig-comment-likes {
  color: #fffaf4 !important;
}

html.ke-rebrand-mode .ig-detail .ig-comment-meta,
html.ke-rebrand-mode .ig-detail .ig-comment-reply-link {
  color: rgba(255, 250, 244, .64) !important;
}

html.ke-rebrand-mode .ig-detail .ig-comment-children {
  border-left-color: rgba(215, 181, 109, .28);
}

html.ke-rebrand-mode .ig-detail .ig-comment-more {
  align-items: center;
  display: inline-flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  width: 44px;
}

/* Connected conversation view. The selected feed shape promotes into the
   lead position; replies then continue down the same luminous thread. */
html.ke-rebrand-mode .ig-detail-thread .ig-detail-thread-scroll {
  overflow-x: hidden;
  padding: 16px 0 36px;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-thread-flow {
  align-items: center;
  display: flex;
  flex-direction: column;
  isolation: isolate;
  margin-inline: auto;
  max-width: 700px;
  min-height: 100%;
  padding: 2px 0 68px;
  position: relative;
  width: 100%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-thread-flow::before {
  background: linear-gradient(180deg, transparent 0, #f1dca7 2%, #b98c3d 50%, #f1dca7 98%, transparent 100%);
  box-shadow: 0 0 10px rgba(241, 220, 167, .32);
  content: "";
  inset: 0 auto 0 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 2px;
  z-index: 0;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent {
  animation: keCommunityParentPromote 520ms cubic-bezier(.2, .82, .2, 1) both;
  margin-block: 0 4px;
  position: relative;
  transform-origin: 50% 18%;
  z-index: 2;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent.ig-post-member {
  --kc-detail-parent-size: min(92vw, 390px);
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  flex: 0 0 var(--kc-detail-parent-size);
  height: var(--kc-detail-parent-size);
  margin-inline: auto;
  max-height: 390px;
  max-width: 390px;
  min-height: var(--kc-detail-parent-size);
  padding: clamp(43px, 12vw, 64px) clamp(37px, 11vw, 58px);
  width: var(--kc-detail-parent-size);
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent.ig-post-member::before {
  border-radius: 50%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent.ig-post-karamo {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  margin-inline: 4px;
  max-width: 620px;
  min-height: clamp(330px, 80vw, 500px);
  padding: clamp(54px, 14vw, 78px) clamp(48px, 14vw, 84px);
  width: calc(100% - 8px);
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent.ig-post-karamo::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent .ig-post-body {
  max-height: clamp(94px, 34vw, 176px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-color: rgba(241, 220, 167, .58) transparent;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comments-wrap {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  display: flex;
  flex-direction: column;
  gap: clamp(26px, 7vw, 36px);
  overflow: visible;
  padding: clamp(34px, 9vw, 48px) 10px 30px;
  position: relative;
  width: 100%;
  z-index: 1;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node {
  --kc-comment-size: min(78vw, 270px);
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  padding: 0;
  position: relative;
  width: 100%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node::before {
  background: #10262f;
  border: 2px solid #f1dca7;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(241, 220, 167, .4);
  content: "";
  height: 9px;
  left: 50%;
  position: absolute;
  top: -20px;
  transform: translateX(-50%);
  width: 9px;
  z-index: 3;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="compact"] {
  --kc-comment-size: min(69vw, 230px);
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="medium"] {
  --kc-comment-size: min(78vw, 270px);
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="large"] {
  --kc-comment-size: min(86vw, 310px);
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="xlarge"] {
  --kc-comment-size: min(92vw, 350px);
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape {
  --kc-comment-base: var(--kc-jewel-amethyst);
  --kc-comment-fill: var(--kc-jewel-amethyst-surface);
  align-items: stretch;
  background: linear-gradient(145deg, #f1dca7 0%, #b98c3d 42%, #ead089 67%, #936b2c 100%) !important;
  border: 0 !important;
  box-shadow: none;
  color: #fffaf4;
  display: block;
  filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .3));
  flex: 0 0 var(--kc-comment-size);
  height: var(--kc-comment-size);
  isolation: isolate;
  margin: 0;
  max-height: 350px;
  max-width: 350px;
  min-height: var(--kc-comment-size);
  overflow: hidden;
  padding: clamp(51px, 15vw, 64px) clamp(29px, 9vw, 43px) clamp(39px, 12vw, 52px);
  position: relative;
  width: var(--kc-comment-size);
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape::before {
  background-color: var(--kc-comment-base);
  background-image: var(--kc-comment-fill);
  border: 1px solid rgba(241, 220, 167, .12);
  content: "";
  inset: 3px;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape > * {
  min-width: 0;
  position: relative;
  z-index: 1;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--circle,
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--circle::before {
  border-radius: 50%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--hexagon,
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--hexagon::before {
  clip-path: polygon(18% 0, 82% 0, 100% 50%, 82% 100%, 18% 100%, 0 50%);
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="garnet"] { --kc-comment-base: var(--kc-jewel-garnet); --kc-comment-fill: var(--kc-jewel-garnet-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="ember"] { --kc-comment-base: var(--kc-jewel-ember); --kc-comment-fill: var(--kc-jewel-ember-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="azure"] { --kc-comment-base: var(--kc-jewel-azure); --kc-comment-fill: var(--kc-jewel-azure-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="peridot"] { --kc-comment-base: var(--kc-jewel-peridot); --kc-comment-fill: var(--kc-jewel-peridot-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="teal"] { --kc-comment-base: var(--kc-jewel-teal); --kc-comment-fill: var(--kc-jewel-teal-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="sapphire"] { --kc-comment-base: var(--kc-jewel-sapphire); --kc-comment-fill: var(--kc-jewel-sapphire-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="amethyst"] { --kc-comment-base: var(--kc-jewel-amethyst); --kc-comment-fill: var(--kc-jewel-amethyst-surface); }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape[data-ke-jewel-tone="blackberry"] { --kc-comment-base: var(--kc-jewel-blackberry); --kc-comment-fill: var(--kc-jewel-blackberry-surface); }

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape > .ig-avatar {
  border: 1px solid rgba(241, 220, 167, .74);
  height: 32px;
  left: clamp(30px, 10vw, 42px);
  position: absolute;
  top: clamp(32px, 10vw, 43px);
  width: 32px;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-body {
  min-width: 0;
  width: 100%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-line {
  display: block;
  font-size: clamp(13px, 3.7vw, 15px);
  line-height: 1.42;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-username {
  align-items: center;
  display: flex;
  gap: 5px;
  margin-left: 39px;
  min-height: 32px;
  overflow: hidden;
  padding-right: 28px;
  white-space: nowrap;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-text {
  display: -webkit-box;
  margin-top: 11px;
  max-height: 7.1em;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  word-break: break-word;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="compact"] .ig-comment-text { max-height: 4.3em; }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="medium"] .ig-comment-text { max-height: 5.7em; }
html.ke-rebrand-mode .ig-detail-thread .ig-comment-node[data-ke-comment-size="large"] .ig-comment-text { max-height: 7.1em; }

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-text--overflow {
  display: block;
  max-height: 6.2em;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-color: rgba(241, 220, 167, .62) transparent;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-text--overflow:focus-visible {
  outline: 2px solid #f1dca7;
  outline-offset: 3px;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-meta {
  align-items: center;
  color: rgba(255, 250, 244, .67) !important;
  display: flex;
  flex-wrap: wrap;
  font-size: 9px;
  gap: 7px;
  justify-content: center;
  margin-top: 10px;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-reply-link {
  align-items: center;
  border: 1px solid rgba(241, 220, 167, .36);
  border-radius: 999px;
  color: #f1dca7 !important;
  display: inline-flex;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 5px 11px;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape .ig-comment-more {
  background: rgba(8, 25, 31, .3);
  border: 1px solid rgba(241, 220, 167, .28);
  border-radius: 50%;
  height: 44px;
  min-height: 44px;
  min-width: 44px;
  position: absolute;
  right: clamp(27px, 9vw, 39px);
  top: clamp(29px, 9vw, 39px);
  width: 44px;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-children {
  align-items: center;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(26px, 7vw, 36px);
  margin: clamp(26px, 7vw, 36px) 0 0;
  padding: 0;
  position: relative;
  width: 100%;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-children:empty {
  display: none;
}

html.ke-rebrand-mode .ig-detail-thread .ig-comment-children .ig-comment-row {
  padding-left: clamp(29px, 9vw, 43px);
}

html.ke-rebrand-mode .ig-detail-thread .ig-empty {
  background: #10262f;
  border: 1px solid rgba(215, 181, 109, .42);
  border-radius: 999px;
  color: rgba(255, 250, 244, .72);
  padding: 14px 20px;
  position: relative;
  z-index: 2;
}

@keyframes keCommunityParentPromote {
  from { opacity: .4; transform: translateY(54px) scale(.8); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer,
html.ke-rebrand-mode .ig-detail .ig-composer-wrap,
html.ke-rebrand-mode .ig-detail .ig-composer {
  background: rgba(8, 25, 31, .97) !important;
  border-color: rgba(215, 181, 109, .3) !important;
  box-shadow: 0 -14px 34px rgba(2, 12, 16, .28) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer {
  gap: 8px;
  padding: 10px max(10px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-input,
html.ke-rebrand-mode .ig-detail .ig-composer-input {
  background: rgba(255, 253, 249, .065) !important;
  border: 1px solid rgba(215, 181, 109, .3) !important;
  border-radius: 20px !important;
  color: #fffaf4 !important;
  font-size: 16px !important;
  min-height: 44px;
  padding: 10px 14px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-input::placeholder,
html.ke-rebrand-mode .ig-detail .ig-composer-input::placeholder {
  color: rgba(255, 250, 244, .48) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-input:focus,
html.ke-rebrand-mode .ig-detail .ig-composer-input:focus {
  border-color: var(--kc-gold, #d7b56d) !important;
  box-shadow: 0 0 0 3px rgba(215, 181, 109, .12);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-attach,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-send,
html.ke-rebrand-mode .ig-detail .ig-composer-submit {
  min-height: 44px;
  min-width: 44px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-send,
html.ke-rebrand-mode .ig-detail .ig-composer-submit {
  background: linear-gradient(145deg, #f1dca7, #c7953d) !important;
  color: #08191f !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer-send:disabled {
  background: rgba(215, 181, 109, .22) !important;
  color: rgba(255, 250, 244, .38) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(
  .ig-community-create-button,
  .ig-community-create-input,
  .ig-community-create-attach,
  .ig-community-create-cancel,
  .ig-community-create-submit,
  .ig-community-create-preview-remove,
  .ig-icon-btn,
  .ig-post[tabindex],
  .ig-post-body[role="button"],
  .ig-meta-icon-btn,
  .ig-meta-text,
  .ig-comment-reply-link,
  .ig-feed-composer-attach,
  .ig-feed-composer-send,
  .ig-community-load-more
):focus-visible,
html.ke-rebrand-mode .ig-detail :is(
  .ig-icon-btn,
  .ig-post[tabindex],
  .ig-post-body[role="button"],
  .ig-meta-icon-btn,
  .ig-meta-text,
  .ig-comment-reply-link,
  .ig-composer-submit
):focus-visible {
  outline: 3px solid #f1dca7 !important;
  outline-offset: 3px !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post[tabindex]:focus-visible {
  filter: brightness(1.045) drop-shadow(0 0 10px rgba(241, 220, 167, .62)) drop-shadow(0 16px 25px rgba(0, 0, 0, .32));
}

@keyframes keCommunityPostGleam {
  0%, 46%, 100% { opacity: 0; transform: translateX(-125%); }
  54% { opacity: .4; }
  66% { opacity: 0; transform: translateX(125%); }
}

@media (max-width: 359px) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-body {
    gap: 16px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
    height: 246px;
    margin-inline: auto;
    width: calc(100% - 28px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention {
    padding: 42px clamp(40px, 13vw, 46px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-text {
    font-size: clamp(16px, 5.2vw, 18px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-node:is(
    [data-ke-composer-state="open"],
    [data-ke-composer-state="posting"]
  ) {
    width: calc(100vw - 12px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-content {
    padding: 26px 24px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-title {
    font-size: 21px;
    margin-bottom: 8px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-input {
    min-height: 80px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-toolbar,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-actions {
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 7px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-attach,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-cancel,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-submit {
    min-height: 38px;
    padding-inline: 12px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more {
    min-height: 86px;
    padding: 18px 36px;
    width: min(76vw, 238px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo {
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    margin-inline: auto;
    min-height: 246px;
    padding: 38px 40px;
    width: calc(100% - 28px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::before,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::after {
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member {
    --kc-member-size: min(78vw, 280px);
    padding: 36px 32px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-avatar {
    flex-basis: 32px;
    height: 32px;
    width: 32px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-more {
    flex-basis: 44px;
    height: 44px;
    min-height: 44px;
    min-width: 44px;
    width: 44px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread > .ig-post .ig-post-body {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: calc(1.38em * 3);
  }
}

@media (min-width: 600px) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-body {
    margin-inline: auto;
    max-width: 680px;
    width: 100%;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo {
    min-height: 300px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
    height: 292px;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member {
    --kc-member-size: min(74vh, 330px);
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo {
    min-height: 250px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
    min-height: 250px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention {
    padding-block: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention::before,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-pinned::after {
    animation: none !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(.ig-icon-btn, .ig-meta-icon-btn) {
    transition: none !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(
    .ig-community-create-node,
    .ig-community-create-content,
    .ig-community-create-button,
    .ig-community-create-surface
  ) {
    transition: none !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more {
    transition: none !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more:hover:not(:disabled) {
    transform: none;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(
    .ig-community-connector-aura,
    .ig-community-connector-core,
    .ig-community-connector-embers,
    .ig-community-connector-sparks,
    .ig-community-connector-growth
  ) {
    animation: none !important;
  }

  html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent {
    animation: none !important;
  }
}

/* Shared Flame identity and point-top hexagon system. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::after,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo::before,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo::after {
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
  aspect-ratio: .8660254;
  height: auto;
  width: min(calc(100% - 40px),300px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo {
  aspect-ratio: .8660254;
  min-height: 0;
  width: min(calc(100% - 40px),300px);
}

html.ke-rebrand-mode :is(#group-feed-overlay,.ig-detail) .ig-avatar.ig-avatar-flame {
  align-items: center;
  background: radial-gradient(circle,rgba(215,181,109,.16),transparent 70%) !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex;
  overflow: visible;
}

html.ke-rebrand-mode :is(#group-feed-overlay,.ig-detail) .ig-avatar.ig-avatar-flame :is(img,video) {
  display: block;
  filter: drop-shadow(0 0 8px rgba(215,181,109,.5));
  height: 140%;
  mix-blend-mode: screen;
  object-fit: contain;
  pointer-events: none;
  width: 140%;
}

html.ke-rebrand-mode :is(#group-feed-overlay,.ig-detail) .ig-avatar.ig-avatar-flame:is(.is-blue,.is-beacon,.is-karamo) :is(img,video) {
  filter: drop-shadow(0 0 10px rgba(73,133,238,.48));
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-line {
  align-items: center;
  bottom: max(10%, 28px);
  display: flex;
  gap: 8px;
  justify-content: center;
  left: 50%;
  padding-top: 0;
  position: absolute;
  transform: translateX(-50%);
  width: auto;
  z-index: 3;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo .ig-meta-line {
  bottom: 14%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-add-comment > span:first-child {
  font-size: 20px;
  line-height: 1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-comment-count-button {
  position: relative;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-comment-count-button svg {
  height: 27px;
  width: 27px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-comment-count {
  font-family: var(--kc-font-sans);
  font-size: 10px;
  font-weight: 800;
  left: 50%;
  letter-spacing: -.04em;
  line-height: 1;
  max-width: 20px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: clip;
  top: 48%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-line .ig-post-more {
  margin-left: 0;
  order: initial;
  position: static;
  right: auto;
  top: auto;
  transform: none;
}

@media (max-width: 279px) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-line,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo .ig-meta-line {
    bottom: 20%;
    gap: 6px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-icon-btn,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-meta-line .ig-post-more {
    flex-basis: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    width: 36px;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-comment-count-button svg {
    height: 24px;
    width: 24px;
  }
}

@media (forced-colors: active) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(
    .ig-community-connector-aura,
    .ig-community-connector-core,
    .ig-community-connector-embers,
    .ig-community-connector-sparks,
    .ig-community-connector-growth
  ) {
    animation: none !important;
    filter: none !important;
    opacity: 1;
    stroke: CanvasText !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(
    .ig-community-connector-aura,
    .ig-community-connector-embers,
    .ig-community-connector-sparks
  ) {
    display: none;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-create-surface {
    background: Canvas !important;
    border: 2px solid CanvasText !important;
    border-radius: 28px !important;
    clip-path: none;
    color: CanvasText !important;
    filter: none;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention::before {
    background: Canvas !important;
    border-color: CanvasText !important;
    clip-path: none;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention :is(
    .kf-intention-label,
    .kf-intention-text,
    .kf-intention-author
  ),
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more-status {
    background: Canvas !important;
    color: CanvasText !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more::before {
    display: none;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post {
    border: 2px solid CanvasText !important;
    clip-path: none;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-member {
    border-radius: 50% !important;
  }

  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo {
    border-radius: 28px !important;
  }

  html.ke-rebrand-mode :is(
    #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-thread,
    .ig-detail-thread .ig-detail-thread-flow
  )::before {
    background: CanvasText;
    box-shadow: none;
  }

  html.ke-rebrand-mode .ig-detail-thread :is(.ig-detail-parent, .ig-comment-shape) {
    border: 2px solid CanvasText !important;
    clip-path: none;
  }

  html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--circle {
    border-radius: 50% !important;
  }

  html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--hexagon {
    border-radius: 24px !important;
  }
}

@supports not (clip-path: polygon(0 0)) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::before,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::after,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-community-load-more::before,
  html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent.ig-post-karamo,
  html.ke-rebrand-mode .ig-detail-thread .ig-detail-parent.ig-post-karamo::before,
  html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--hexagon,
  html.ke-rebrand-mode .ig-detail-thread .ig-comment-shape--hexagon::before {
    border-radius: 28px !important;
    clip-path: none;
  }
}

/* Dashboard-aligned secondary Community surfaces. The jewel feed remains unchanged. */
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface {
  align-items: center;
  background: rgba(3,13,17,.84);
  backdrop-filter: blur(12px);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 18px;
  position: fixed;
  z-index: 100050;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface[data-ke-community-surface="actions"] {
  align-items: flex-end;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-card {
  background:
    radial-gradient(circle at 50% 0,rgba(215,181,109,.13),transparent 34%),
    linear-gradient(180deg,#18313b,#0d2027);
  border: 1px solid rgba(215,181,109,.68);
  border-radius: 28px;
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 34px 105px rgba(0,0,0,.58);
  color: #fffcf6;
  display: flex;
  flex-direction: column;
  height: min(72dvh,680px);
  max-width: 620px;
  overflow: hidden;
  width: 100%;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-header {
  background: rgba(8,24,30,.56);
  border-bottom: 1px solid rgba(215,181,109,.24);
  min-height: 66px;
  padding: 12px 18px;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-title {
  color: #fffcf6;
  font-family: 'Playfair Display',serif;
  font-size: 20px;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface :is(.ig-modal-cancel-btn,.ig-modal-share-btn) {
  border: 1px solid rgba(215,181,109,.42);
  border-radius: 999px;
  color: #f1dca7;
  min-height: 44px;
  padding: 9px 15px;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-share-btn {
  background: #682d43;
  border-color: #d7b56d;
  color: #fffaf0;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-share-btn.ig-danger {
  background: #8f3047;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-textarea {
  background: #fffcf6;
  border: 0;
  border-radius: 0 0 27px 27px;
  color: #172830;
  font-family: 'DM Sans',sans-serif;
  font-size: 16px;
  line-height: 1.55;
  min-height: 220px;
  padding: 22px;
  resize: none;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-textarea::placeholder { color: #7a8589; }

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .kb-media-toolbar {
  background: rgba(255,252,246,.06);
  border-bottom: 1px solid rgba(215,181,109,.2);
  min-height: 54px;
  padding: 7px 16px !important;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .kb-media-toolbar button {
  align-items: center;
  border: 1px solid rgba(215,181,109,.36) !important;
  border-radius: 50%;
  color: #f1dca7 !important;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-action-sheet {
  background:
    radial-gradient(circle at 50% 0,rgba(215,181,109,.12),transparent 36%),
    linear-gradient(180deg,#18313b,#0d2027);
  border: 1px solid rgba(215,181,109,.6);
  border-radius: 28px 28px 0 0;
  box-shadow: 0 -20px 65px rgba(0,0,0,.42);
  color: #fffcf6;
  max-width: 540px;
  overflow: hidden;
  padding: 12px 12px max(12px,env(safe-area-inset-bottom));
  width: 100%;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-action-sheet-btn {
  background: rgba(255,252,246,.045);
  border: 1px solid rgba(215,181,109,.18);
  border-radius: 14px;
  color: #fffcf6;
  font-size: 16px;
  margin-top: 8px;
  min-height: 52px;
  padding: 14px 18px;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-action-sheet-btn:active { background: rgba(215,181,109,.14); }
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-action-sheet-btn.ig-danger { color: #ff9aa9; }
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-action-sheet-btn.ig-action-cancel {
  background: rgba(255,252,246,.08) !important;
  border-color: rgba(215,181,109,.38);
  color: #f1dca7;
  margin-top: 14px;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-info-card {
  background:
    radial-gradient(circle at 50% 0,rgba(215,181,109,.14),transparent 36%),
    linear-gradient(180deg,#18313b,#0d2027);
  border: 1px solid rgba(215,181,109,.62);
  border-radius: 28px;
  box-shadow: 0 32px 90px rgba(0,0,0,.54);
  color: #fffcf6;
  margin: 0;
  max-width: 480px;
  padding: 34px;
  width: 100%;
}

html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-info-title { color: #fffcf6; font-size: 30px; }
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-info-tagline { color: rgba(255,252,246,.7); font-size: 18px; }
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface :is(.ig-info-cancel,.ig-info-join) {
  border: 1px solid rgba(215,181,109,.42);
  border-radius: 999px;
  min-height: 48px;
}
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-info-cancel { background: rgba(255,252,246,.07); color: #f1dca7; }
html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-info-join { background: #682d43; border-color: #d7b56d; color: #fffaf0; }

html.ke-rebrand-mode .ig-community-notice {
  height: auto !important;
  max-width: 460px !important;
  padding: 34px;
  text-align: center;
}

html.ke-rebrand-mode .ig-community-dialog-mark {
  align-items: center;
  aspect-ratio: 1;
  background: radial-gradient(circle at 35% 25%,#8d4961,#682d43 61%,#401827);
  border: 2px solid #d7b56d;
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px rgba(16,36,45,.42),0 12px 26px rgba(0,0,0,.28);
  color: #f1dca7;
  display: flex;
  font-family: 'Playfair Display',serif;
  font-size: 22px;
  justify-content: center;
  margin: 0 auto 20px;
  width: 76px;
}
html.ke-rebrand-mode .ig-community-dialog-mark.is-danger { background: radial-gradient(circle at 35% 25%,#b54b61,#76243c 62%,#441424); }
html.ke-rebrand-mode .ig-community-dialog-copy { color: rgba(255,252,246,.72); line-height: 1.55; margin: 12px 0 0; }
html.ke-rebrand-mode .ig-community-dialog-actions { display: flex; gap: 10px; justify-content: center; margin-top: 24px; }

html.ke-rebrand-mode .ig-media-lightbox { cursor: default; }
html.ke-rebrand-mode .ig-media-lightbox-panel {
  align-items: center;
  background: #061317;
  border: 1px solid rgba(215,181,109,.4);
  border-radius: 20px;
  display: flex;
  height: min(90dvh,900px);
  justify-content: center;
  max-width: 1200px;
  overflow: hidden;
  position: relative;
  width: min(94vw,1200px);
}
html.ke-rebrand-mode .ig-media-lightbox-panel img { max-height: 100%; max-width: 100%; object-fit: contain; }
html.ke-rebrand-mode .ig-media-lightbox-close {
  background: rgba(9,25,31,.82);
  border: 1px solid rgba(215,181,109,.5);
  border-radius: 50%;
  color: #fffcf6;
  font-size: 24px;
  height: 48px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 48px;
}

/* Existing moderation sheets are styled here even though their markup is legacy. */
html.ke-rebrand-mode #ke-report-sheet,
html.ke-rebrand-mode #ke-block-confirm {
  background: rgba(3,13,17,.84) !important;
  backdrop-filter: blur(12px);
}

html.ke-rebrand-mode #ke-report-sheet > div,
html.ke-rebrand-mode #ke-block-confirm > div {
  background: linear-gradient(180deg,#18313b,#0d2027) !important;
  border: 1px solid rgba(215,181,109,.62);
  box-shadow: 0 30px 95px rgba(0,0,0,.56);
  color: #fffcf6 !important;
}

html.ke-rebrand-mode #ke-report-sheet > div { border-radius: 28px 28px 0 0 !important; }
html.ke-rebrand-mode #ke-block-confirm > div { border-radius: 28px !important; }
html.ke-rebrand-mode :is(#ke-report-sheet,#ke-block-confirm) :is(h3,p) { color: #fffcf6 !important; }
html.ke-rebrand-mode #ke-report-reasons label {
  background: rgba(255,252,246,.06);
  border-color: rgba(215,181,109,.25) !important;
  color: #fffcf6 !important;
  min-height: 48px;
}
html.ke-rebrand-mode #ke-report-notes { background: #fffcf6; border-color: rgba(215,181,109,.55) !important; color: #172830 !important; min-height: 96px !important; }
html.ke-rebrand-mode :is(#ke-report-cancel,#ke-block-cancel) { background: rgba(255,252,246,.08) !important; border: 1px solid rgba(215,181,109,.34) !important; color: #f1dca7 !important; }
html.ke-rebrand-mode :is(#ke-report-submit,#ke-block-confirm-btn) { background: #682d43 !important; border: 1px solid #d7b56d !important; color: #fffaf0 !important; }

html.ke-rebrand-mode .ig-detail .ig-topbar {
  background: rgba(9,25,31,.96);
  border-bottom-color: rgba(215,181,109,.24);
  color: #fffcf6;
}

html.ke-rebrand-mode :is(.ig-modal-bg.is-ke-community-surface,#ke-report-sheet,#ke-block-confirm) :is(button,input,textarea,[tabindex]):focus-visible {
  outline: 3px solid #f1dca7 !important;
  outline-offset: 3px !important;
}

@media (max-width: 640px) {
  html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface { align-items: flex-end; padding: 0; }
  html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-modal-card {
    border-radius: 28px 28px 0 0;
    height: min(82dvh,760px);
    max-width: none;
    padding-bottom: env(safe-area-inset-bottom);
  }
  html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-community-notice {
    height: auto !important;
    padding-bottom: max(30px,env(safe-area-inset-bottom));
  }
  html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface .ig-action-sheet { max-width: none; }
  html.ke-rebrand-mode .ig-media-lightbox-panel { border-radius: 0; height: 100dvh; width: 100vw; }
}

@media (prefers-reduced-motion: reduce) {
  html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface,
  html.ke-rebrand-mode .ig-modal-bg.is-ke-community-surface * { scroll-behavior: auto !important; }
}

/* Community participates in the normal app shell. Keeping the feed and its
   nested conversation inside #screen-area leaves the shared navigation in
   its normal flex row below the composer. When the mobile keyboard opens,
   the visual-viewport handler shrinks #app and lets the keyboard replace the
   navigation without covering the active composer. */
html.ke-rebrand-mode #screen-area > #group-feed-overlay[data-ke-community-style="bloom"] {
  inset: 0 !important;
  min-height: 0;
  padding: 0 !important;
  position: absolute !important;
  z-index: 220;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] > .ig-detail[data-ke-community-style="bloom"] {
  inset: 0 !important;
  left: 0 !important;
  min-height: 0;
  position: absolute !important;
  width: 100%;
  z-index: 225;
}

html.ke-rebrand-mode #screen-area > #group-feed-overlay[data-ke-community-style="bloom"] .ig-feed-composer,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] > .ig-detail[data-ke-community-style="bloom"] .ig-composer {
  padding-bottom: 10px !important;
}

/* Inline comment deck -----------------------------------------------------
   Comments stay inside the connected Community thread. The negative leading
   space gives the first circle a gentle overlap with its post while the deck
   itself remains in normal flow, so every later post moves down naturally. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck {
  --kc-inline-active-size: min(82vw, 310px);
  align-self: stretch;
  margin: clamp(-216px, -49vw, -198px) 0 clamp(32px, 9vw, 58px);
  opacity: 0;
  overflow: visible;
  position: relative;
  touch-action: pan-y pinch-zoom;
  transform: translateY(-18px) scale(.94);
  transition: opacity .24s ease, transform .34s cubic-bezier(.2,.82,.2,1);
  width: 100%;
  z-index: 4;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck.is-closing {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-16px) scale(.95);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck[data-ke-active-comment-size="compact"] { --kc-inline-active-size: min(72vw, 260px); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck[data-ke-active-comment-size="medium"] { --kc-inline-active-size: min(78vw, 288px); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck[data-ke-active-comment-size="large"] { --kc-inline-active-size: min(84vw, 320px); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck[data-ke-active-comment-size="xlarge"] { --kc-inline-active-size: min(90vw, 350px); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck[data-ke-comment-expanded="true"] { --kc-inline-active-size: min(94vw, 410px); }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-track {
  align-items: start;
  display: grid;
  grid-auto-columns: 100%;
  grid-auto-flow: column;
  height: calc(var(--kc-inline-active-size) + 48px);
  min-height: 308px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  touch-action: pan-y pinch-zoom;
  transition: height .32s cubic-bezier(.2,.82,.2,1);
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-track::-webkit-scrollbar { display: none; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-track:focus-visible {
  border-radius: 28px;
  outline: 3px solid #f1dca7;
  outline-offset: 3px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  min-width: 0;
  padding: 15px 24px 18px;
  position: relative;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card {
  --kc-inline-card-size: min(78vw, 288px);
  --kc-inline-card-base: var(--kc-jewel-amethyst);
  --kc-inline-card-fill: var(--kc-jewel-amethyst-surface);
  align-items: center;
  aspect-ratio: 1;
  background: linear-gradient(145deg,#f1dca7 0%,#b98c3d 42%,#ead089 67%,#936b2c 100%);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 22px rgba(241,190,92,.24),0 18px 38px rgba(0,0,0,.34);
  color: #fffaf4;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  isolation: isolate;
  justify-content: center;
  max-width: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 28px;
  position: relative;
  text-align: center;
  width: var(--kc-inline-card-size);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card::before {
  background-color: var(--kc-inline-card-base);
  background-image: var(--kc-inline-card-fill);
  border: 1px solid rgba(255,247,220,.34);
  border-radius: inherit;
  box-shadow: inset 0 0 0 5px rgba(33,15,28,.3),inset 0 0 30px rgba(0,0,0,.28);
  content: '';
  inset: 4px;
  position: absolute;
  z-index: -1;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide[data-ke-stack-depth="2"]::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide[data-ke-stack-depth="3"]::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide[data-ke-stack-depth="3"]::after {
  aspect-ratio: 1;
  border: 2px solid rgba(215,181,109,.58);
  border-radius: 50%;
  content: '';
  pointer-events: none;
  position: absolute;
  width: var(--kc-inline-active-size);
  z-index: -2;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide[data-ke-stack-depth="2"]::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide[data-ke-stack-depth="3"]::before {
  background: rgba(70,15,117,.55);
  transform: translateX(12px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide[data-ke-stack-depth="3"]::after {
  background: rgba(16,110,120,.38);
  transform: translateX(22px);
  z-index: -3;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-comment-size="compact"] { --kc-inline-card-size: min(72vw,260px); padding: 27px; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-comment-size="medium"] { --kc-inline-card-size: min(78vw,288px); padding: 29px; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-comment-size="large"] { --kc-inline-card-size: min(84vw,320px); padding: 32px; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-comment-size="xlarge"] { --kc-inline-card-size: min(90vw,350px); padding: 34px; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card.is-expanded {
  --kc-inline-card-size: min(94vw,410px);
  padding: clamp(34px,8vw,44px);
  transition: width .38s cubic-bezier(.2,.82,.2,1), padding .38s cubic-bezier(.2,.82,.2,1);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="garnet"] { --kc-inline-card-base: var(--kc-jewel-garnet); --kc-inline-card-fill: var(--kc-jewel-garnet-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="ember"] { --kc-inline-card-base: var(--kc-jewel-ember); --kc-inline-card-fill: var(--kc-jewel-ember-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="azure"] { --kc-inline-card-base: var(--kc-jewel-azure); --kc-inline-card-fill: var(--kc-jewel-azure-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="peridot"] { --kc-inline-card-base: var(--kc-jewel-peridot); --kc-inline-card-fill: var(--kc-jewel-peridot-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="teal"] { --kc-inline-card-base: var(--kc-jewel-teal); --kc-inline-card-fill: var(--kc-jewel-teal-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="sapphire"] { --kc-inline-card-base: var(--kc-jewel-sapphire); --kc-inline-card-fill: var(--kc-jewel-sapphire-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="amethyst"] { --kc-inline-card-base: var(--kc-jewel-amethyst); --kc-inline-card-fill: var(--kc-jewel-amethyst-surface); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card[data-ke-jewel-tone="blackberry"] { --kc-inline-card-base: var(--kc-jewel-blackberry); --kc-inline-card-fill: var(--kc-jewel-blackberry-surface); }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-author {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-bottom: 12px;
  max-width: 88%;
  flex-shrink: 0;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-author .ig-avatar {
  flex: 0 0 auto;
  height: 36px;
  width: 36px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-name {
  font-family: 'DM Sans',sans-serif;
  font-size: 14px;
  font-weight: 800;
  max-width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-copy {
  display: -webkit-box;
  font-family: 'Playfair Display',serif;
  font-size: clamp(16px,4.2vw,19px);
  flex: 0 1 auto;
  line-height: 1.42;
  max-height: 47%;
  max-width: 88%;
  min-height: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-copy::-webkit-scrollbar { display: none; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card.is-expanded .ig-inline-comment-copy {
  font-size: clamp(14px,3.7vw,17px);
  line-height: 1.34;
  max-height: 61%;
  max-width: 90%;
  overflow-y: auto;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-more {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,250,244,.62);
  color: #fffaf4;
  font: 800 10px/1.2 'DM Sans',sans-serif;
  flex-shrink: 0;
  letter-spacing: .04em;
  margin-top: 7px;
  min-height: 28px;
  padding: 6px 4px 4px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-more[hidden] { display: none; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  margin-top: 14px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-time {
  color: rgba(255,250,244,.68);
  font-family: 'DM Sans',sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-spark {
  align-items: center;
  background: rgba(6,24,29,.38);
  border: 1px solid rgba(241,220,167,.55);
  border-radius: 999px;
  color: #fffaf4;
  display: inline-flex;
  font: 800 11px/1 'DM Sans',sans-serif;
  gap: 6px;
  justify-content: center;
  min-height: 44px;
  padding: 8px 13px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-spark img {
  filter: drop-shadow(0 0 6px rgba(255,176,55,.7));
  height: 22px;
  object-fit: contain;
  width: 15px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-spark.is-given {
  background: rgba(116,14,28,.72);
  border-color: #f1dca7;
  box-shadow: 0 0 14px rgba(255,160,47,.32);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-spark:disabled { opacity: .68; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-spark-count { color: #f1dca7; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-add {
  --kc-inline-card-size: min(74vw,275px);
  --kc-inline-card-base: #146d11;
  --kc-inline-card-fill: radial-gradient(circle at 33% 22%,rgba(255,255,255,.06),transparent 30%),linear-gradient(145deg,#247b15,#0f560c 65%,#093a08);
  padding: 27px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-add-prompt {
  align-items: center;
  background: transparent;
  border: 0;
  color: #fffaf4;
  display: flex;
  flex-direction: column;
  font-family: 'Playfair Display',serif;
  font-size: 20px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-height: 120px;
  min-width: 150px;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-add-plus {
  font: 300 54px/1 'DM Sans',sans-serif;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-form {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  width: 92%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-form[hidden],
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-add-prompt[hidden] { display: none; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-form-title {
  font: 700 19px/1.1 'Playfair Display',serif;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-input {
  background: rgba(4,28,12,.58);
  border: 1px solid rgba(241,220,167,.72);
  border-radius: 18px;
  color: #fffaf4;
  font: 15px/1.4 'DM Sans',sans-serif;
  max-height: 120px;
  min-height: 94px;
  padding: 13px;
  resize: none;
  width: 100%;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-input::placeholder { color: rgba(255,250,244,.62); }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-form-actions { display: flex; gap: 8px; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] :is(.ig-inline-comment-cancel,.ig-inline-comment-submit) {
  border: 1px solid rgba(241,220,167,.62);
  border-radius: 999px;
  font: 800 11px/1 'DM Sans',sans-serif;
  min-height: 40px;
  padding: 8px 14px;
}
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-cancel { background: rgba(4,28,12,.4); color: #fffaf4; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-submit { background: #f1dca7; color: #17301f; }
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-submit:disabled { opacity: .48; }

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-status {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-error {
  align-self: center;
  color: rgba(255,250,244,.78);
  font: 700 14px/1.45 'DM Sans',sans-serif;
  padding: 30px;
  text-align: center;
}

@media (max-width: 380px) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-slide { padding-inline: 14px; }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-copy { font-size: 15px; }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card { padding: 24px; }
}

@media (forced-colors: active) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-card {
    border: 2px solid CanvasText;
    forced-color-adjust: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-deck,
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-inline-comment-track {
    scroll-behavior: auto;
    transition: none;
  }
}

/* Always-visible Today's Intention ---------------------------------------
   The first jewel keeps its full message present without a reveal state. */
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
  height: clamp(250px, 68vw, 292px);
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention {
  font: inherit;
  justify-content: center;
  padding: clamp(58px, 16vw, 64px) 58px;
  text-align: left;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  max-height: none;
  opacity: 1;
  overflow: visible;
  transform: none;
}

@media (max-width: 359px) {
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node {
    width: min(calc(100% - 24px), 320px);
  }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention {
    padding: clamp(44px, 17vw, 60px) clamp(42px, 17vw, 54px);
  }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-label {
    font-size: 9px;
    letter-spacing: .14em;
  }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-text {
    font-size: clamp(14px, 4.5vw, 16px);
    line-height: 1.2;
  }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-author {
    font-size: 10px;
  }
  html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-details {
    gap: 5px;
    margin-top: 6px;
  }
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::before,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo::after,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo::before,
html.ke-rebrand-mode .ig-detail[data-ke-community-style="bloom"] .ig-post-karamo::after {
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%) !important;
}

html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .kf-intention-node,
html.ke-rebrand-mode #group-feed-overlay[data-ke-community-style="bloom"] .ig-post-karamo {
  aspect-ratio: .8660254 !important;
  height: auto !important;
  min-height: 0 !important;
  width: min(calc(100% - 40px),300px) !important;
}