body:has(.wt-confessions-page),
body:has([data-wt-confessions-component-host]),
body.wt-confession-detail-open {
  --wc-accent: var(--fuchsia-500, #e0007a);
  --wc-accent-deep: #9f3f6c;
  --wc-accent-soft: #f8edf2;
  --wc-warm-bg: #f7f4f2;
  --wc-paper: #fff;
  --wc-paper-soft: #fcfaf9;
  --wc-ink: #2b2529;
  --wc-muted: #7b7277;
  --wc-line: #ebe5e7;
  --wc-placeholder: #aaa2a6;
}

.wt-confessions-page {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  color: var(--wc-ink);
  font-family: inherit;

}

.wt-confessions-page button,
.wt-confessions-page input,
.wt-confessions-page textarea,
.wt-confessions-composer--compact button,
.wt-confessions-composer--compact input,
.wt-confessions-composer--compact textarea {
  font-family: inherit;
}

.wt-confessions-community-header {
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid var(--wc-line);
  border-radius: 20px;
  background: var(--wc-paper);
  box-shadow: 0 8px 28px rgba(58, 42, 50, .06);
}

.wt-confessions-community-header__banner {
  position: relative;
  width: 100%;
  min-height: 210px;
  overflow: hidden;
  background: #6f3a55;
}

.wt-confessions-community-header__banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(31, 21, 27, .55), rgba(31, 21, 27, .08) 62%, rgba(31, 21, 27, .18));
  pointer-events: none;
}

.wt-confessions-community-header__banner>img {
  width: 100%;
  height: 250px;
  display: block;
  object-fit: cover;
}

.wt-confessions-community-header__banner-copy {
  position: absolute;
  z-index: 1;
  left: 28px;
  top: 24px;
  max-width: 520px;
  color: #fff;
}

.wt-confessions-community-header__banner-copy span,
.wt-confessions-community-header__banner-copy strong {
  display: block;
}

.wt-confessions-community-header__banner-copy span {
  margin-bottom: 7px;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .75;
}

.wt-confessions-community-header__banner-copy strong {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(1.3rem, 2.4vw, 2rem);
  line-height: 1.1;
  letter-spacing: -.025em;
}

.wt-confessions-community-header__meta {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto;
  gap: 28px;
  align-items: center;
  min-height: 132px;
  padding: 0 26px 18px;
}

.wt-confessions-community-identity {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-width: 0;
}

.wt-confessions-community-identity__image {
  position: relative;
  width: 142px;
  aspect-ratio: 1;
  margin-top: -44px;
  padding: 5px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(52, 35, 44, .16);
}

.wt-confessions-community-identity__image>img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 13px;
  background: #f5eee9;
  object-fit: contain;
}

.wt-confessions-community-identity__edit {
  position: absolute;
  z-index: 2;
  right: -8px;
  bottom: -8px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--wc-ink);
  box-shadow: 0 5px 14px rgba(43, 37, 41, .24);
  color: #fff;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}

.wt-confessions-community-identity__edit:hover {
  background: var(--wc-accent);
  transform: scale(1.04);
}

.wt-confessions-community-identity__edit svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.wt-confessions-community-identity>div:last-child {
  min-width: 0;
}

.wt-confessions-community-identity>div:last-child>span {
  display: block;
  margin-bottom: 3px;
  color: var(--wc-accent-deep);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.wt-confessions-community-identity h1 {
  margin: 0;
  color: var(--wc-ink);
  font-family: 'Outfit', sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: -.035em;
}

.wt-confessions-community-identity p {
  max-width: 470px;
  margin: 8px 0 0;
  color: var(--wc-muted);
  font-size: .74rem;
  line-height: 1.5;
}

.wt-confessions-community-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.wt-confessions-community-edit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid var(--wc-line);
  border-radius: 10px;
  background: var(--wc-paper);
  color: var(--wc-accent-deep);
  font-size: .74rem;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.wt-confessions-community-edit-button:hover {
  border-color: #e6cbd8;
  background: var(--wc-accent-soft);
  transform: translateY(-1px);
}

.wt-confessions-community-edit-button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.wt-confessions-publish-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 10px 18px;
  border: 0;
  border-radius: 10px;
  background: var(--wc-accent);
  color: #fff;
  font-size: .76rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 7px 17px rgba(224, 0, 122, .2);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.wt-confessions-publish-button svg {
  width: 16px;
  height: 16px;
}

.wt-confessions-publish-button:hover {
  background: var(--fuchsia-600, #c4006e);
  box-shadow: 0 9px 22px rgba(224, 0, 122, .27);
  transform: translateY(-1px);
}

.wt-confessions-page-customize {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 6px 11px 6px 7px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 12px;
  background: rgba(33, 25, 29, .72);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(8px);
  box-shadow: 0 7px 22px rgba(26, 18, 22, .16);
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.wt-confessions-page-customize:hover {
  border-color: rgba(255, 255, 255, .58);
  background: rgba(33, 25, 29, .84);
  transform: translateY(-1px);
}

.wt-confessions-page-customize__icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  background: rgba(255, 255, 255, .13);
}

.wt-confessions-page-customize__icon svg {
  width: 16px;
  height: 16px;
}

.wt-confessions-page-customize__copy {
  display: grid;
  gap: 1px;
  text-align: left;
}

.wt-confessions-page-customize__copy small,
.wt-confessions-page-customize__copy strong {
  display: block;
}

.wt-confessions-page-customize__copy small {
  color: rgba(255, 255, 255, .68);
  font-size: .5rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wt-confessions-page-customize__copy strong {
  color: #fff;
  font-size: .65rem;
  font-weight: 780;
  line-height: 1.2;
}

.wt-confessions-columns {
  display: grid;
  grid-template-columns: minmax(210px, 240px) minmax(420px, 1fr) minmax(260px, 290px);
  grid-template-areas: 'left center right';
  gap: 20px;
  align-items: start;
}

.wt-confessions-column {
  min-width: 0;
}

.wt-confessions-column--left {
  grid-area: left;
}

.wt-confessions-column--center {
  grid-area: center;
}

.wt-confessions-column--right {
  grid-area: right;
}

.wt-confessions-column--left,
.wt-confessions-column--right {
  position: sticky;
  top: calc(var(--header-h, 60px) + 25px);
  align-self: start;
  max-height: calc(100vh - var(--header-h, 60px) - 84px);
  max-height: calc(100dvh - var(--header-h, 60px) - 84px);
  overflow: hidden;
}

.wt-confessions-side-scroll {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(100vh - var(--header-h, 60px) - 84px);
  max-height: calc(100dvh - var(--header-h, 60px) - 84px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  outline: none;
}

.wt-confessions-side-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.wt-confessions-side-scroll:focus-visible {
  border-radius: 15px;
  outline: 2px solid rgba(139, 78, 106, .2);
  outline-offset: -2px;
}

.wt-confessions-side-scrollbar {
  position: absolute;
  z-index: 8;
  top: 4px;
  right: 2px;
  bottom: 4px;
  width: 4px;
  overflow: hidden;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}

.wt-confessions-side-scrollbar span {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 34px;
  border-radius: inherit;
  background: rgba(91, 75, 83, .46);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .38);
  transform: translateY(0);
  will-change: transform;
}

.wt-confessions-column.is-scrollable:hover>.wt-confessions-side-scrollbar,
.wt-confessions-column.is-scrollable:focus-within>.wt-confessions-side-scrollbar,
.wt-confessions-column.is-scrolling>.wt-confessions-side-scrollbar {
  opacity: 1;
}

.wt-confessions-widget,
.wt-confessions-composer {
  border: 1px solid var(--wc-line);
  border-radius: 15px;
  background: var(--wc-paper);
  box-shadow: 0 4px 16px rgba(57, 43, 50, .04);
}

.wt-confessions-widget {
  padding: 17px;
}

.wt-confessions-widget__heading,
.wt-confessions-widget__heading>div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.wt-confessions-widget__heading {
  margin-bottom: 13px;
}

.wt-confessions-widget__heading--split {
  justify-content: space-between;
}

.wt-confessions-widget__heading h2 {
  margin: 0;
  color: var(--wc-ink);
  font-family: 'Outfit', sans-serif;
  font-size: .9rem;
  font-weight: 720;
  letter-spacing: -.015em;
}

.wt-confessions-widget__heading small {
  color: #a1999d;
  font-size: .59rem;
  font-weight: 700;
  text-transform: uppercase;
}

.wt-confessions-widget__icon {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
  background: var(--wc-accent-soft);
  color: var(--wc-accent-deep);
}

.wt-confessions-widget__icon--green {
  background: #edf7f1;
  color: #278c5a;
}

.wt-confessions-widget__icon svg {
  width: 16px;
  height: 16px;
}

.wt-confessions-about__description {
  color: #665e62;
  font-size: .72rem;
  line-height: 1.65;
  margin-bottom: 15px;
}


.wt-confessions-members__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 2px;
}

.wt-confessions-members__list a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px;
  border-radius: 9px;
  color: inherit;
  text-decoration: none;
  transition: background .18s ease;
}

.wt-confessions-members__list a:hover {
  background: var(--wc-paper-soft);
}

.wt-confessions-members__list img {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border: 2px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px var(--wc-line);
}

.wt-confessions-members__list span,
.wt-confessions-members__list strong,
.wt-confessions-members__list small {
  display: block;
  min-width: 0;
}

.wt-confessions-members__list span {
  overflow: hidden;
}

.wt-confessions-members__list strong {
  overflow: hidden;
  color: #443d41;
  font-size: .69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confessions-members__list small {
  margin-top: 2px;
  color: #9b9397;
  font-size: .57rem;
}

.wt-confessions-care ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.wt-confessions-care li {
  position: relative;
  padding-left: 17px;
  color: #6d6569;
  font-size: .67rem;
  line-height: 1.45;
}

.wt-confessions-care li::before {
  content: '';
  position: absolute;
  top: .48em;
  left: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b9d9c7;
}

.wt-confessions-widget-empty {
  margin: 0;
  color: #92898e;
  font-size: .68rem;
  line-height: 1.55;
}

.wt-confessions-composer {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-color: #dfcfd6;
  border-radius: 20px;
  background: #f4ecef;
  box-shadow: 0 14px 38px rgba(73, 48, 61, .1);
}

.wt-confessions-composer::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #8d526f, #c889a6 46%, #ebd6df);
}

.wt-confessions-composer>.wt-confessions-section-heading {
  margin: 0;
  padding: 19px 20px 16px;
  border-bottom: 1px solid #dfcfd6;
  background: linear-gradient(120deg, #efe2e7, #f7f0f3 72%);
}

.wt-confessions-composer__body {
  position: relative;
  isolation: isolate;
}

.wt-confessions-composer__body>#confession-form {
  box-sizing: border-box;
  padding: 18px 20px 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(142, 79, 108, .08), transparent 28%),
    #f6eff2;
}

.wt-confessions-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.wt-confessions-section-heading>div>span {
  display: block;
  margin-bottom: 3px;
  color: var(--wc-accent-deep);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wt-confessions-section-heading h2 {
  margin: 0;
  color: var(--wc-ink);
  font-family: 'Outfit', sans-serif;
  font-size: 1.04rem;
  font-weight: 720;
  letter-spacing: -.02em;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form,
.wt-confession-edit-form {
  width: 100%;
  max-width: none;
  margin: 0;
}

.wt-confessions-writing-sheet {
  position: relative;
  overflow: hidden;
  border: 1px solid #e3d8dd;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(64, 43, 53, .09);
}

.wt-confessions-writing-sheet::after {
  content: '';
  position: absolute;
  z-index: 3;
  top: -1px;
  right: -1px;
  width: 26px;
  height: 26px;
  background: linear-gradient(225deg, #d8bec9 0 3%, #f1e4e9 4% 49%, transparent 50%);
  pointer-events: none;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-title,
.wt-confession-edit-form .wt-confessions-form__title,
.wt-confessions-tags-field {
  width: 100%;
  border: 1px solid var(--wc-line);
  background: #fff;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-title,
.wt-confession-edit-form .wt-confessions-form__title {
  min-height: 48px;
  margin: 0;
  padding: 12px 15px;
  border-bottom-color: #f0eaed;
  border-radius: 12px 12px 0 0;
  color: var(--wc-ink);
  font-size: .88rem;
  font-weight: 620;
}

.wt-confessions-writing-sheet #confession-form-title,
.wt-confession-edit-form .wt-confessions-writing-sheet .wt-confessions-form__title {
  padding-right: 38px;
  border: 0;
  border-bottom: 1px solid #eee7ea;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.wt-confessions-tags-field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-height: 40px;
  margin-top: 12px;
  padding: 0 12px;
  border-color: #dfcfd6;
  border-radius: 10px;
  background: rgba(255, 255, 255, .56);
  color: #9b8f95;
}

.wt-confessions-tags-field>svg {
  width: 15px;
  height: 15px;
}

.wt-confessions-tags-field input {
  min-width: 0;
  padding: 9px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--wc-ink);
  font-size: .7rem;
  outline: none!important;
}

.wt-confessions-tags-field>span {
  color: #aaa0a5;
  font-size: .56rem;
  font-weight: 650;
  white-space: nowrap;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-title:focus,
.wt-confession-edit-form .wt-confessions-form__title:focus,
.wt-confessions-tags-field:focus-within {
  border-color: #d8a9bf;
  box-shadow: 0 0 0 3px rgba(181, 79, 127, .08);
  outline: none;
}

.wt-confessions-writing-sheet:focus-within {
  border-color: #d7b7c5;
  box-shadow: 0 10px 27px rgba(86, 52, 68, .12), 0 0 0 3px rgba(139, 78, 106, .07);
}

.wt-confessions-writing-sheet #confession-form-title:focus,
.wt-confession-edit-form .wt-confessions-writing-sheet .wt-confessions-form__title:focus {
  border-bottom-color: #e3cbd5;
  box-shadow: none;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor,
.wt-confession-edit-form .wt-confessions-editor-frame {
  position: relative;
  width: 100%;
  padding-bottom: 44px;
  overflow: hidden;
  border: 1px solid var(--wc-line);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
  box-shadow: inset 3px 0 0 #f4e7ed;
}

.wt-confessions-writing-sheet #form-editor,
.wt-confession-edit-form .wt-confessions-writing-sheet .wt-confessions-editor-frame {
  border: 0;
  border-radius: 0;
  box-shadow: inset 3px 0 0 #ead6df;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) .wt-confessions-editor,
.wt-confession-edit-form .wt-confessions-editor {
  min-height: 138px;
  padding: 15px 16px 16px 18px;
  border: 0;
  outline: 0;
  color: #51494d;
  font-family: inherit;
  font-size: .82rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) .wt-confessions-editor u,
.wt-confession-edit-form .wt-confessions-editor u,
:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content u,
.wt-confession-detail-post__content u {
  text-decoration-line: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .14em;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) input::placeholder,
:is(.wt-confessions-page, .wt-confessions-composer--compact) textarea::placeholder,
.wt-confession-edit-form input::placeholder,
.wt-confession-edit-form textarea::placeholder {
  color: var(--wc-placeholder);
  font-weight: 400;
  opacity: 1;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-title::placeholder,
.wt-confession-edit-form .wt-confessions-form__title::placeholder,
.wt-confessions-tags-field input::placeholder,
.wt-confessions-search input::placeholder {
  font-size: .7rem;
  letter-spacing: 0;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) .wt-confessions-editor:empty::before,
.wt-confession-edit-form .wt-confessions-editor:empty::before {
  content: attr(data-placeholder);
  color: var(--wc-placeholder);
  font-size: .74rem;
  font-style: normal;
  font-weight: 400;
  opacity: 1;
  pointer-events: none;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor>.wt-confessions-editor-dock,
.wt-confession-edit-form .wt-confessions-editor-frame>.wt-confessions-editor-dock {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 44px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
  border: 0;
  border-top: 1px solid #f0ebed;
  background: #fcfafb;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor .wt-confessions-editor-toolbar,
.wt-confession-edit-form .wt-confessions-editor-frame .wt-confessions-editor-toolbar {
  position: static;
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border: 0;
  background: transparent;
}

.wt-confessions-editor-toolbar button {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #70666b;
  font-family: Georgia, serif;
  font-size: .72rem;
  cursor: pointer;
}

.wt-confessions-editor-toolbar button[data-editor-command='underline'] span {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.wt-confessions-editor-toolbar button:hover,
.wt-confessions-editor-toolbar button.is-active {
  border-color: #ead7e0;
  background: #f6eaf0;
  color: #884965;
}

.wt-confessions-editor-toolbar button.is-active {
  box-shadow: inset 0 0 0 1px rgba(136, 73, 101, .05);
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor-extra,
.wt-confession-edit-form .wt-confessions-editor-extra {
  position: static;
  z-index: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor-extra label,
.wt-confession-edit-form .wt-confessions-editor-extra label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  border-radius: 7px;
  color: #756c71;
  font-size: .62rem;
  font-weight: 700;
  cursor: pointer;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor-extra label:hover,
.wt-confession-edit-form .wt-confessions-editor-extra label:hover {
  background: var(--wc-accent-soft);
  color: var(--wc-accent-deep);
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor-extra img,
.wt-confession-edit-form .wt-confessions-editor-extra img {
  width: 16px;
  height: 16px;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-characters,
.wt-confession-edit-form .wt-confessions-form__characters {
  min-width: 50px;
  color: #a49a9f;
  font-size: .56rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-characters.is-ready,
.wt-confession-edit-form .wt-confessions-form__characters.is-ready {
  color: #668975;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-characters.is-over-limit,
.wt-confession-edit-form .wt-confessions-form__characters.is-over-limit {
  color: #b73f55;
  font-weight: 750;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-footer,
.wt-confession-edit-form .wt-confessions-form__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px 14px;
  align-items: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dfd1d7;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-images-preview {
  grid-column: 1 / -1;
}

.wt-confession-edit-form .wt-confessions-form__images {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.wt-confession-edit-form .wt-confessions-form__images:empty {
  display: none;
}

.wt-confession-edit-form .wt-confessions-form__images-input {
  display: none;
}

.wt-confession-edit-form .wt-confessions-form__images .image-box {
  width: 84px;
  height: 84px;
  border: 1px solid #dfd2d7;
  border-radius: 11px;
  background: #eee7ea;
  box-shadow: 0 5px 14px rgba(72, 48, 59, .09);
}

.wt-confession-edit-form .wt-confessions-form__images .image-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image {
  z-index: 2;
  top: 4px;
  right: 4px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  padding: 0;
  border: 1px solid #fecaca;
  border-radius: 7px;
  appearance: none;
  background: rgba(220, 38, 38, .84);
  color: #fff;
  box-shadow:
    0 4px 12px rgba(127, 29, 29, .26),
    inset 0 0 0 1px rgba(255, 255, 255, .06);
  opacity: .96;
  backdrop-filter: blur(6px) saturate(125%);
  -webkit-backdrop-filter: blur(6px) saturate(125%);
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease, transform .16s ease;
}

.wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image::before {
  position: static;
  display: block;
  width: 15px;
  height: 15px;
  background: currentColor;
  transform: none;
  -webkit-mask: url("../svg/trash.svg") center / contain no-repeat;
  mask: url("../svg/trash.svg") center / contain no-repeat;
}

.wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image::after {
  display: none;
}

.wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image:hover {
  border-color: #fee2e2;
  background: rgba(185, 28, 28, .92);
  box-shadow:
    0 6px 15px rgba(127, 29, 29, .32),
    inset 0 0 0 1px rgba(255, 255, 255, .08);
  opacity: 1;
  transform: translateY(-1px) scale(1.03);
}

.wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image:active {
  transform: scale(.94);
}

.wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, .4);
}

@media (prefers-reduced-motion: reduce) {
  .wt-confession-edit-form .wt-confessions-form__images .image-box .remove-image {
    transition: none;
  }
}

.wt-confession-edit-form .wt-confessions-form__images .image-box small {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(37, 27, 32, .74);
  color: #fff;
  font-size: .5rem;
  font-weight: 750;
  line-height: 1;
}

.wt-confessions-composer__hint {
  margin: 0;
  color: #897980;
  font-size: .61rem;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-button,
.wt-confession-edit-form .wt-confessions-form__submit {
  min-height: 37px;
  padding: 8px 15px;
  border: 0;
  border-radius: 9px;
  background: #75445b;
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 6px 15px rgba(117, 68, 91, .2);
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-button:not(:disabled):hover,
.wt-confession-edit-form .wt-confessions-form__submit:not(:disabled):hover {
  background: #623549;
  box-shadow: 0 8px 18px rgba(98, 53, 73, .24);
  transform: translateY(-1px);
}

:is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-button:disabled,
.wt-confession-edit-form .wt-confessions-form__submit:disabled {
  background: #d7ccd1;
  cursor: not-allowed;
}

.wt-confessions-composer--compact {
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(73, 48, 61, .09);
}

.wt-confessions-composer--compact>.wt-confessions-section-heading {
  padding: 15px 16px 13px;
}

.wt-confessions-composer__body--compact>#confession-form {
  padding: 14px 16px 16px;
}

.wt-confessions-form--compact #confession-form-title {
  min-height: 44px;
  padding-block: 10px;
}

.wt-confessions-form--compact .wt-confessions-editor {
  min-height: 108px;
  padding: 12px 14px 14px 16px;
}

.wt-confessions-form--compact .wt-confessions-tags-field {
  min-height: 38px;
  margin-top: 10px;
}

.wt-confessions-form--compact #confession-form-footer {
  margin-top: 10px;
  padding-top: 10px;
}

.wt-confessions-form--compact #confession-form-button {
  min-height: 35px;
  padding: 7px 14px;
}

.wt-confessions-composer-gate {
  position: absolute;
  z-index: 4;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: 46px minmax(0, 310px);
  column-gap: 13px;
  row-gap: 9px;
  align-content: center;
  justify-content: center;
  padding: 24px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .34), rgba(238, 236, 238, .28));
  -webkit-backdrop-filter: blur(1.5px) saturate(.96);
  backdrop-filter: blur(1.5px) saturate(.96);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, -webkit-backdrop-filter .18s ease, backdrop-filter .18s ease;
}

.wt-confessions-composer-gate:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .43), rgba(238, 236, 238, .36));
  -webkit-backdrop-filter: blur(4px) saturate(.9);
  backdrop-filter: blur(4px) saturate(.9);
}

.wt-confessions-composer-gate:focus-visible {
  outline: 3px solid rgba(117, 68, 91, .42);
  outline-offset: -5px;
}

.wt-confessions-composer-gate__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  grid-row: span 2;
  border: 1px solid rgba(117, 68, 91, .15);
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  color: var(--wc-accent-deep);
  box-shadow: 0 6px 18px rgba(58, 43, 50, .14);
}

.wt-confessions-composer-gate__icon svg {
  width: 20px;
  height: 20px;
}

.wt-confessions-composer-gate__copy,
.wt-confessions-composer-gate__copy strong,
.wt-confessions-composer-gate__copy small {
  display: block;
}

.wt-confessions-composer-gate__copy {
  width: fit-content;
  padding: 8px 10px 9px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 10px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 5px 16px rgba(58, 43, 50, .12);
}

.wt-confessions-composer-gate__copy strong {
  color: #30262b;
  font-family: 'Outfit', sans-serif;
  font-size: .94rem;
  font-weight: 800;
}

.wt-confessions-composer-gate__copy small {
  margin-top: 4px;
  color: #66565e;
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.4;
}

.wt-confessions-composer-gate__action {
  grid-column: 2;
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #75445b;
  border-radius: 999px;
  background: #75445b;
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(117, 68, 91, .27);
  transition: background .18s ease, border-color .18s ease;
}

.wt-confessions-composer-gate:hover .wt-confessions-composer-gate__action {
  border-color: #623549;
  background: #623549;
}

.wt-confessions-composer-gate__action svg {
  width: 13px;
  height: 13px;
}

.wt-confessions-feed {
  margin-top: 30px;
}

.wt-confessions-section-heading--feed {
  margin-bottom: 11px;
  padding: 0 3px;
}

.wt-confessions-feed__order {
  color: #a39b9f;
  font-size: .61rem;
  font-weight: 650;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) #confessions {
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
}

.wt-confessions-loading {
  display: grid;
  grid-template-columns: repeat(3, 6px);
  justify-content: center;
  gap: 5px;
  padding: 35px 20px;
  color: var(--wc-muted);
  text-align: center;
}

.wt-confessions-loading>span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--wc-accent-deep);
  animation: wt-confessions-loading 1s ease-in-out infinite alternate;
}

.wt-confessions-loading>span:nth-child(2) {
  animation-delay: .16s;
}

.wt-confessions-loading>span:nth-child(3) {
  animation-delay: .32s;
}

.wt-confessions-loading p {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  font-size: .64rem;
}

@keyframes wt-confessions-loading {
  to {
    opacity: .25;
    transform: translateY(-3px);
  }
}

.wt-confessions-empty {
  position: relative;
  overflow: hidden;
  padding: 38px 22px;
  border: 1px dashed #ddd2d6;
  border-radius: 15px;
  background: #fff;
  text-align: center;
}

.wt-confessions-empty__mark {
  position: absolute;
  top: -16px;
  left: 17px;
  color: #f3e6ec;
  font-family: Georgia, serif;
  font-size: 7rem;
  line-height: 1;
}

.wt-confessions-empty strong,
.wt-confessions-empty p,
.wt-confessions-empty button {
  position: relative;
}

.wt-confessions-empty strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: .92rem;
}

.wt-confessions-empty p {
  max-width: 420px;
  margin: 6px auto 16px;
  color: var(--wc-muted);
  font-size: .68rem;
  line-height: 1.5;
}

.wt-confessions-empty button {
  padding: 8px 13px;
  border: 1px solid #d9b8c7;
  border-radius: 8px;
  background: #fff9fb;
  color: var(--wc-accent-deep);
  font-size: .66rem;
  font-weight: 800;
  cursor: pointer;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession {
  overflow: hidden;
  padding-top: 14px;
  border: 1px solid var(--wc-line);
  border-radius: 15px;
  background: #fff;
  font-family: inherit;
  box-shadow: 0 5px 18px rgba(61, 47, 54, .04);
  transition: border-color .18s ease, box-shadow .18s ease;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession:hover {
  border-color: #ded4d8;
  box-shadow: 0 10px 25px rgba(61, 47, 54, .07);
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession:has(.more-options) {
  overflow: visible;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession * {
  font-family: inherit;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession header,
:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession h1,
:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content {
  padding-right: 17px;
  padding-left: 17px;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession header {
  margin-bottom: 11px;
  letter-spacing: 0;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-meta>a {
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--wc-line);
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-username {
  color: #50474c;
  font-size: .78rem;
  font-weight: 750;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession h1 {
  margin: 4px 0 9px;
  color: #342e31;
  font-family: 'Outfit', sans-serif;
  font-size: 1.04rem;
  line-height: 1.3;
  letter-spacing: -.015em;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content {
  color: #655c61;
  font-size: .79rem;
  line-height: 1.68;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell {
  position: relative;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content.is-collapsed {
  max-height: 8.4em;
  overflow: hidden;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell.is-collapsible:has(.confession-content.is-collapsed)::after {
  content: '';
  position: absolute;
  right: 17px;
  bottom: 38px;
  left: 17px;
  height: 38px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 88%);
  pointer-events: none;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-more {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 3px;
  margin: 4px 17px 8px auto;
  padding: 4px 0 4px 8px;
  border: 0;
  background: transparent;
  color: var(--wc-accent-deep);
  font-family: inherit;
  font-size: .65rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-more[hidden] {
  display: none;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-more svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .18s ease;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-more[aria-expanded='true'] svg {
  transform: rotate(180deg);
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-more:hover {
  color: var(--wc-accent);
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-more:focus-visible {
  border-radius: 5px;
  outline: 2px solid rgba(159, 63, 108, .42);
  outline-offset: 2px;
}

.wt-confession-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 17px 12px;
}

.wt-confession-tags span {
  padding: 4px 7px;
  border-radius: 7px;
  background: #f7f1f4;
  color: #8b5b72;
  font-size: .58rem;
  font-weight: 700;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession footer {
  width: calc(100% - 34px);
  gap: 7px;
  padding: 11px 0 13px;
  border-top-color: #f0ebed;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession footer button {
  min-height: 29px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #f6f2f4;
  color: #6d6268;
  font-size: .62rem;
  font-weight: 700;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession footer button:hover {
  border-color: #e3d6dc;
  background: #f1e9ed;
  color: #4f454a;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession footer button[data-reacted='1'] {
  border-color: #dfb6c8;
  background: #f7e8ef;
  color: var(--wc-accent-deep);
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession footer button::before {
  filter: brightness(0) opacity(.48);
}

.wt-confessions-search {
  position: relative;
}

.wt-confessions-search>label {
  display: block;
  margin-bottom: 9px;
  color: var(--wc-ink);
  font-family: 'Outfit', sans-serif;
  font-size: .84rem;
  font-weight: 720;
}

.wt-confessions-search__field {
  position: relative;
}

.wt-confessions-search__field>svg {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 15px;
  color: #a59ca1;
  transform: translateY(-50%);
}

.wt-confessions-search__field input {
  width: 100%;
  min-height: 39px;
  padding: 9px 31px;
  border: 1px solid var(--wc-line);
  border-radius: 9px;
  outline: 0;
  background: var(--wc-paper-soft);
  color: var(--wc-ink);
  font-size: .68rem;
}

.wt-confessions-search__field input:focus {
  border-color: #d8a9bf;
  box-shadow: 0 0 0 3px rgba(181, 79, 127, .08);
}

.wt-confessions-search__loader {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 13px;
  border: 2px solid #e7dce1;
  border-top-color: var(--wc-accent-deep);
  border-radius: 50%;
  animation: wt-confessions-spin .7s linear infinite;
  transform: translateY(-50%);
}

@keyframes wt-confessions-spin {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

.wt-confessions-search__results {
  position: absolute;
  z-index: 20;
  top: calc(100% - 8px);
  right: 17px;
  left: 17px;
  overflow: hidden;
  border: 1px solid var(--wc-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 15px 34px rgba(50, 35, 43, .14);
}

.wt-confessions-search__results a {
  display: block;
  padding: 10px 11px;
  border-bottom: 1px solid #f1edef;
  color: inherit;
  text-decoration: none;
}

.wt-confessions-search__results a:last-child {
  border-bottom: 0;
}

.wt-confessions-search__results a:hover {
  background: #fdf8fa;
}

.wt-confessions-search__results strong,
.wt-confessions-search__results span,
.wt-confessions-search__results small {
  display: block;
}

.wt-confessions-search__results strong {
  color: #443b40;
  font-size: .68rem;
}

.wt-confessions-search__results span {
  overflow: hidden;
  margin-top: 3px;
  color: #847a7f;
  font-size: .6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confessions-search__results small {
  margin-top: 4px;
  color: #9f3f6c;
  font-size: .55rem;
}

.wt-confessions-search__empty {
  margin: 0;
  padding: 13px;
  color: #8f858a;
  font-size: .63rem;
  line-height: 1.4;
}

.wt-confessions-discussion-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  margin-bottom: 10px;
  padding: 3px;
  border-radius: 9px;
  background: #f6f2f4;
}

.wt-confessions-discussion-tabs button {
  padding: 6px 3px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #877d82;
  font-size: .57rem;
  font-weight: 750;
  cursor: pointer;
}

.wt-confessions-discussion-tabs button.is-active {
  background: #fff;
  color: var(--wc-accent-deep);
  box-shadow: 0 2px 6px rgba(62, 45, 54, .08);
}

.wt-confessions-discussion-list {
  margin: 0;
  padding: 0;
}

.wt-confessions-discussion-list li {
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 9px 0;
  border-bottom: 1px solid #f1edef;
}

.wt-confessions-discussion-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.wt-confessions-discussion-list__rank {
  color: #baaeb4;
  font-family: 'Outfit', sans-serif;
  font-size: .66rem;
  font-weight: 750;
}

.wt-confessions-discussion-list a,
.wt-confessions-discussion-list strong,
.wt-confessions-discussion-list a>span {
  display: block;
  min-width: 0;
}

.wt-confessions-discussion-list a {
  color: inherit;
  text-decoration: none;
}

.wt-confessions-discussion-list strong {
  overflow: hidden;
  color: #51484c;
  font-size: .65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confessions-discussion-list a>span {
  margin-top: 3px;
  color: #9c9397;
  font-size: .54rem;
}

.wt-confessions-photos__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}

.wt-confessions-photos__grid button {
  aspect-ratio: 1;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #f2edef;
  cursor: pointer;
}

.wt-confessions-photos__grid img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .25s ease, opacity .25s ease;
}

.wt-confessions-photos__grid button:hover img {
  opacity: .88;
  transform: scale(1.04);
}

.wt-confessions-photos__all {
  width: 100%;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid var(--wc-line);
  border-radius: 8px;
  background: #fbf8f9;
  color: #71666c;
  font-size: .62rem;
  font-weight: 750;
  cursor: pointer;
}

.wt-confessions-photos__all:not(:disabled):hover {
  border-color: #d9b8c8;
  color: var(--wc-accent-deep);
}

.wt-confessions-photos__all:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.wt-confessions-photos__empty {
  display: grid;
  place-items: center;
  min-height: 105px;
  padding: 15px;
  border-radius: 9px;
  background: #faf7f8;
  color: #a0979b;
  font-size: .62rem;
  text-align: center;
}

.wt-confessions-photos__empty span {
  display: block;
  margin-bottom: -24px;
  color: #d6cbd0;
  font-size: 1.4rem;
}

.wt-confessions-gallery,
.wt-confessions-page-editor {
  position: fixed;
  z-index: 99998;
  inset: 0;
  display: grid;
}

.wt-confessions-gallery {
  place-items: center;
  padding: 22px;
}

.wt-confessions-page-editor {
  align-items: stretch;
  justify-items: end;
  padding: 0;
}

.wt-confessions-gallery[hidden],
.wt-confessions-page-editor[hidden] {
  display: none;
}

.wt-confessions-gallery__backdrop,
.wt-confessions-page-editor__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(30, 25, 28, .72);
  cursor: default;
  backdrop-filter: blur(3px);
}

.wt-confessions-gallery__dialog {
  position: relative;
  width: min(880px, 100%);
  max-height: min(820px, calc(100vh - 44px));
  overflow: auto;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(24, 17, 21, .28);
}

.wt-confessions-gallery__dialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: min(820px, calc(100vh - 44px));
  height: min(820px, calc(100dvh - 44px));
  overflow: hidden;
}

.wt-confessions-gallery__header,
.wt-confessions-page-editor__header {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--wc-line);
  background: rgba(255, 255, 255, .95);
  backdrop-filter: blur(10px);
}

.wt-confessions-gallery__header span,
.wt-confessions-page-editor__header span {
  display: block;
  color: var(--wc-accent-deep);
  font-size: .58rem;
  font-weight: 800;
  text-transform: uppercase;
}

.wt-confessions-gallery__header strong,
.wt-confessions-page-editor__header h2 {
  display: block;
  margin: 2px 0 0;
  color: var(--wc-ink);
  font-family: 'Outfit', sans-serif;
  font-size: 1rem;
}

.wt-confessions-gallery__header>button,
.wt-confessions-page-editor__header>button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 9px;
  background: #f5f1f3;
  color: #6f646a;
  font-size: 1.25rem;
  cursor: pointer;
}

.wt-confessions-gallery__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
  min-height: 0;
  gap: 10px;
  padding: 18px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #c6b7bd #f5f1f3;
}

.wt-confessions-gallery__grid::-webkit-scrollbar {
  width: 9px;
}

.wt-confessions-gallery__grid::-webkit-scrollbar-track {
  background: #f5f1f3;
}

.wt-confessions-gallery__grid::-webkit-scrollbar-thumb {
  border: 2px solid #f5f1f3;
  border-radius: 999px;
  background: #c6b7bd;
}

.wt-confessions-gallery__grid a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 9px;
  background: #f4eff1;
  contain: paint;
}

.wt-confessions-gallery__grid img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.wt-confessions-page-editor__panel {
  position: relative;
  width: min(490px, 100%);
  height: 100vh;
  height: 100dvh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, .72);
  border-radius: 24px 0 0 24px;
  background: #f8f5f4;
  box-shadow: -24px 0 70px rgba(24, 17, 21, .28);
  animation: wt-confessions-editor-enter .24s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes wt-confessions-editor-enter {
  from {
    opacity: .7;
    transform: translateX(32px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.wt-confessions-page-editor__header {
  position: relative;
  padding: 20px 22px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 1px 0 rgba(75, 55, 65, .04);
}

.wt-confessions-page-editor__title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.wt-confessions-page-editor__mark {
  width: 40px;
  height: 40px;
  display: grid !important;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  background: linear-gradient(145deg, #f5e8ee, #ead3de);
  color: #8f4d6c !important;
  box-shadow: inset 0 0 0 1px rgba(143, 77, 108, .08);
}

.wt-confessions-page-editor__mark svg {
  width: 21px;
  height: 21px;
}

.wt-confessions-page-editor__eyebrow {
  display: block;
  color: var(--wc-accent-deep);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wt-confessions-page-editor__header p {
  margin: 4px 0 0;
  color: #8f858a;
  font-size: .63rem;
  line-height: 1.4;
}

.wt-confessions-page-editor__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  padding: 20px 22px 26px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #c7b8bf transparent;
  background:
    radial-gradient(circle at 92% 8%, rgba(192, 129, 158, .08), transparent 24%),
    #f8f5f4;
}

.wt-confessions-page-editor__body::-webkit-scrollbar {
  width: 8px;
}

.wt-confessions-page-editor__body::-webkit-scrollbar-thumb {
  border: 2px solid #f8f5f4;
  border-radius: 999px;
  background: #c7b8bf;
}

.wt-confessions-page-editor__upload,
.wt-confessions-page-editor__description {
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 15px;
  border: 1px solid #e9e2e4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(61, 47, 54, .04);
}

.wt-confessions-page-editor__field-heading {
  display: grid;
  gap: 2px;
}

.wt-confessions-page-editor__field-heading strong {
  color: #443b40;
  font-size: .72rem;
  font-weight: 800;
}

.wt-confessions-page-editor__field-heading small {
  color: #978d92;
  font-size: .59rem;
  font-weight: 500;
  line-height: 1.45;
}

.wt-confessions-page-editor__upload img {
  width: 100%;
  aspect-ratio: 3 / 1;
  display: block;
  border: 1px solid var(--wc-line);
  border-radius: 11px;
  background: #f6f1ee;
  object-fit: cover;
}

.wt-confessions-page-editor__file-choice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}

.wt-confessions-page-editor__file-choice input {
  width: 100%;
  color: #877d82;
  font-size: .65rem;
}

.wt-confessions-page-editor__file-choice input::file-selector-button {
  margin-right: 9px;
  padding: 8px 11px;
  border: 1px solid #e3d8dd;
  border-radius: 8px;
  background: #faf6f8;
  color: #795367;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.wt-confessions-page-editor__file-choice input::file-selector-button:hover {
  border-color: #d6b7c5;
  background: #f7edf2;
}

.wt-confessions-page-editor__file-choice small {
  color: #968d92;
  font-size: .58rem;
}

.wt-confessions-page-editor__upload--square {
  display: grid;
  grid-template-columns: 102px minmax(0, 1fr);
  align-items: center;
  column-gap: 14px;
}

.wt-confessions-page-editor__upload--square .wt-confessions-page-editor__field-heading {
  grid-column: 1 / -1;
}

.wt-confessions-page-editor__upload--square img {
  width: 102px;
  aspect-ratio: 1;
  grid-column: 1;
  object-fit: contain;
}

.wt-confessions-page-editor__upload--square .wt-confessions-page-editor__file-choice {
  grid-column: 2;
}

.wt-confessions-page-editor__description textarea {
  width: 100%;
  min-height: 118px;
  resize: vertical;
  padding: 12px 13px;
  border: 1px solid var(--wc-line);
  border-radius: 11px;
  outline: 0;
  background: #fcfbfb;
  color: var(--wc-ink);
  font-size: .72rem;
  line-height: 1.55;
}

.wt-confessions-page-editor__description textarea:focus {
  border-color: #d8a9bf;
  box-shadow: 0 0 0 3px rgba(181, 79, 127, .08);
}

.wt-confessions-page-editor__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 14px 22px 18px;
  border-top: 1px solid var(--wc-line);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(10px);
}

.wt-confessions-page-editor__status {
  margin-right: auto;
  color: #7a6f75;
  font-size: .64rem;
}

.wt-confessions-page-editor__cancel,
.wt-confessions-page-editor__save {
  padding: 9px 13px;
  border-radius: 9px;
  font-size: .67rem;
  font-weight: 800;
  cursor: pointer;
}

.wt-confessions-page-editor__cancel {
  border: 1px solid var(--wc-line);
  background: #fff;
  color: #6d6268;
}

.wt-confessions-page-editor__cancel:hover {
  border-color: #d9cbd1;
  background: #faf7f8;
}

.wt-confessions-page-editor__save {
  border: 1px solid var(--wc-accent-deep);
  background: var(--wc-accent-deep);
  color: #fff;
}

.wt-confessions-page-editor__save:hover {
  border-color: #83405f;
  background: #83405f;
  box-shadow: 0 6px 16px rgba(131, 64, 95, .18);
}

.wt-confessions-page-editor__save:disabled {
  cursor: wait;
  opacity: .55;
}

.verify-banner.wt-confessions-attention {
  animation: wt-confessions-banner-attention .55s ease-in-out 2;
  box-shadow: 0 5px 24px rgba(181, 79, 127, .22);
}

@keyframes wt-confessions-banner-attention {
  50% {
    transform: translateY(2px);
  }
}

.wt-confessions-page a:focus-visible,
.wt-confessions-page button:focus-visible,
.wt-confessions-page input:focus-visible,
.wt-confessions-page textarea:focus-visible {
  outline: 3px solid rgba(181, 79, 127, .18);
  outline-offset: 2px;
}

@media (max-width: 1180px) {
  .wt-confessions-columns {
    grid-template-columns: minmax(195px, 220px) minmax(390px, 1fr) minmax(240px, 265px);
    gap: 16px;
  }

  .wt-confessions-community-header__meta {
    gap: 15px;
    padding-inline: 20px;
  }

}

@media (max-width: 1020px) {
  .wt-confessions-columns {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
    grid-template-areas:
      'left left'
      'center right';
  }

  .wt-confessions-column--left {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .wt-confessions-column--left .wt-confessions-side-scroll {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .wt-confessions-column--left>.wt-confessions-side-scrollbar {
    display: none;
  }

  .wt-confessions-community-header__meta {
    grid-template-columns: minmax(280px, 1fr) auto;
  }

  .wt-confessions-community-header__actions {
    grid-column: 2;
    justify-self: end;
  }
}

@media (max-width: 768px) {
  .wt-confessions-community-header__banner>img {
    height: 210px;
  }

  .wt-confessions-community-header__meta {
    grid-template-columns: 1fr;
    gap: 17px;
    padding: 0 17px 18px;
  }

  .wt-confessions-community-header__actions {
    grid-column: 1;
    justify-self: stretch;
    width: 100%;
  }

  .wt-confessions-community-header__actions>button {
    flex: 1 1 0;
  }

  .wt-confessions-publish-button {
    width: auto;
  }

  .wt-confessions-columns {
    grid-template-columns: 1fr;
    grid-template-areas:
      'left'
      'center'
      'right';
  }

  .wt-confessions-column--left {
    max-height: none;
  }

  .wt-confessions-column--left .wt-confessions-side-scroll {
    grid-template-columns: 1fr;
  }

  .wt-confessions-column--right {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .wt-confessions-column--right .wt-confessions-side-scroll {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .wt-confessions-column--right>.wt-confessions-side-scrollbar {
    display: none;
  }

  .wt-confessions-search {
    grid-column: 1 / -1;
  }

  .wt-confessions-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .wt-confessions-community-header {
    border-radius: 15px;
  }

  .wt-confessions-community-header__banner>img {
    height: 175px;
  }

  .wt-confessions-community-header__banner-copy {
    right: 17px;
    bottom: 17px;
    left: 17px;
  }

  .wt-confessions-community-header__banner-copy strong {
    font-size: 1.2rem;
  }

  .wt-confessions-page-customize {
    top: 11px;
    right: 11px;
    min-height: 38px;
    padding: 4px 9px 4px 5px;
  }

  .wt-confessions-page-customize__icon {
    width: 28px;
    height: 28px;
  }

  .wt-confessions-page-customize__copy small {
    display: none;
  }

  .wt-confessions-community-identity {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 13px;
  }

  .wt-confessions-community-identity__image {
    width: 100px;
    margin-top: -32px;
  }

  .wt-confessions-community-identity__edit {
    right: -6px;
    bottom: -6px;
    width: 32px;
    height: 32px;
    border-width: 2px;
  }

  .wt-confessions-community-identity__edit svg {
    width: 14px;
    height: 14px;
  }

  .wt-confessions-community-identity h1 {
    font-size: 1.4rem;
  }

  .wt-confessions-community-identity p {
    display: none;
  }

  .wt-confessions-column--right {
    grid-template-columns: 1fr;
  }

  .wt-confessions-widget {
    padding: 14px;
  }

  .wt-confessions-composer>.wt-confessions-section-heading {
    padding: 17px 14px 14px;
  }

  .wt-confessions-composer__body>#confession-form {
    padding: 14px;
  }

  .wt-confessions-composer--compact>.wt-confessions-section-heading {
    padding: 14px 13px 12px;
  }

  .wt-confessions-composer__body--compact>#confession-form {
    padding: 12px 13px 14px;
  }

  .wt-confessions-form--compact .wt-confessions-editor {
    min-height: 100px;
  }

  .wt-confessions-composer__body>.wt-confessions-composer-gate {
    padding: 18px;
  }

  .wt-confessions-feed__order {
    display: none;
  }

  :is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-footer,
  .wt-confession-edit-form .wt-confessions-form__footer {
    grid-template-columns: 1fr;
  }

  :is(.wt-confessions-page, .wt-confessions-composer--compact) #confession-form-button,
  .wt-confession-edit-form .wt-confessions-form__submit {
    width: 100%;
  }

  :is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession header,
  :is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession h1,
  :is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content {
    padding-right: 13px;
    padding-left: 13px;
  }

  .wt-confession-tags {
    padding-right: 13px;
    padding-left: 13px;
  }

  .wt-confessions-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wt-confessions-page-editor__panel {
    width: 100%;
    border-left: 0;
    border-radius: 0;
  }

  .wt-confessions-page-editor__header,
  .wt-confessions-page-editor__body,
  .wt-confessions-page-editor__footer {
    padding-inline: 16px;
  }

  .wt-confessions-page-editor__upload--square {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .wt-confessions-page-editor__upload--square img {
    width: 88px;
  }

  .wt-confessions-page-editor__footer {
    flex-wrap: wrap;
  }

  .wt-confessions-page-editor__status {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wt-confessions-page-editor__panel {
    animation: none;
  }
}

/* Detalle de confesión: conversación inmersiva inspirada en un visor editorial. */
body.wt-confession-detail-open {
  overflow: hidden;
}

.wt-confession-detail-modal[hidden],
.wt-confession-detail-modal [hidden] {
  display: none !important;
}

.wt-confession-detail-modal,
.wt-confession-detail-modal * {
  box-sizing: border-box;
}

.wt-confession-detail-modal {
  position: fixed;
  z-index: 999990;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  color: #30282c;
  transition: opacity .18s ease;
}

.wt-confession-detail-modal.is-open {
  opacity: 1;
}

.wt-confession-detail-modal__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(28, 24, 27, .78);
  backdrop-filter: blur(5px);
  cursor: default;
}

.wt-confession-detail-modal__shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(390px, .85fr);
  width: min(1180px, 100%);
  height: min(820px, calc(100vh - 48px));
  height: min(820px, calc(100dvh - 48px));
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(22, 15, 19, .34);
  outline: none;
  transform: translateY(8px) scale(.992);
  transition: transform .22s ease;
}

.wt-confession-detail-modal.is-open .wt-confession-detail-modal__shell {
  transform: translateY(0) scale(1);
}

.wt-confession-detail-modal__shell.is-text-only,
.wt-confession-detail-modal__shell.is-loading {
  grid-template-columns: minmax(0, 1fr);
  width: min(720px, 100%);
}

.wt-confession-detail-modal__close {
  position: absolute;
  z-index: 8;
  top: 15px;
  right: 15px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #e9e1e5;
  border-radius: 12px;
  background: rgba(255, 255, 255, .94);
  color: #655a60;
  cursor: pointer;
  box-shadow: 0 7px 20px rgba(26, 18, 22, .1);
  transition: color .15s ease, background-color .15s ease, transform .15s ease;
}

.wt-confession-detail-modal__close:hover {
  color: var(--wc-accent-deep, #9d4569);
  background: #fff;
  transform: translateY(-1px);
}

.wt-confession-detail-modal__edit {
  position: absolute;
  z-index: 8;
  top: 15px;
  right: 61px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid #e9e1e5;
  border-radius: 12px;
  background: rgba(255, 255, 255, .94);
  color: #655a60;
  cursor: pointer;
  box-shadow: 0 7px 20px rgba(26, 18, 22, .1);
  transition: color .15s ease, background-color .15s ease, transform .15s ease;
}

.wt-confession-detail-modal__edit[hidden] {
  display: none;
}

.wt-confession-detail-modal__edit:hover,
.wt-confession-detail-modal__edit[aria-expanded="true"] {
  color: var(--wc-accent-deep, #9d4569);
  background: #fff;
  transform: translateY(-1px);
}

.wt-confession-detail-modal__shell>.wt-confession-detail-modal__options.wt-action-menu {
  z-index: 9;
  top: 60px;
  right: 61px;
  width: min(205px, calc(100% - 32px));
}

.wt-confession-detail-modal__close svg,
.wt-confession-detail-modal__edit svg,
.wt-confession-detail-modal__media-download svg,
.wt-confession-detail-modal__media-arrow svg,
.wt-confession-detail-modal__composer svg,
.wt-confession-detail-post__actions svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-detail-modal__edit svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  stroke: none;
}

.wt-confession-detail-modal__media-download {
  position: absolute;
  z-index: 4;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  background: rgba(5, 6, 8, .62);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 9px 24px rgba(0, 0, 0, .16);
  transition: background-color .15s ease, transform .15s ease;
}

.wt-confession-detail-modal__media-download:hover {
  background: rgba(5, 6, 8, .9);
  color: #fff;
  transform: translateY(-1px);
}

.wt-confession-detail-modal__close:focus-visible,
.wt-confession-detail-modal button:focus-visible,
.wt-confession-detail-modal a:focus-visible,
.wt-confession-detail-modal textarea:focus-visible {
  outline: 2px solid #c36b8f;
  outline-offset: 3px;
}

.wt-confession-detail-modal__media {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(91, 74, 85, .22), transparent 46%),
    #181a1e;
  touch-action: pan-y;
}

.wt-confession-detail-modal__media-stage {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 34px 48px;
}

.wt-confession-detail-modal__media-stage img {
  display: block;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 18px 42px rgba(0, 0, 0, .25));
  pointer-events: none;
}

.wt-confession-detail-modal__media-arrow {
  position: absolute;
  top: 50%;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  background: rgba(5, 6, 8, .68);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color .15s ease, transform .15s ease;
}

.wt-confession-detail-modal__media-arrow:hover {
  background: rgba(5, 6, 8, .9);
  transform: translateY(-50%) scale(1.04);
}

.wt-confession-detail-modal__media-arrow--prev {
  left: 16px;
}

.wt-confession-detail-modal__media-arrow--next {
  right: 16px;
}

.wt-confession-detail-modal__media-count {
  position: absolute;
  left: 50%;
  bottom: 18px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(5, 6, 8, .62);
  color: rgba(255, 255, 255, .88);
  font-family: 'Outfit', sans-serif;
  font-size: .7rem;
  font-variant-numeric: tabular-nums;
  transform: translateX(-50%);
}

.wt-confession-detail-modal__panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #fff;
}

.wt-confession-detail-modal__scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #c9bcc2 #f7f3f5;
}

.wt-confession-detail-modal__scroll::-webkit-scrollbar {
  width: 8px;
}

.wt-confession-detail-modal__scroll::-webkit-scrollbar-track {
  background: #f7f3f5;
}

.wt-confession-detail-modal__scroll::-webkit-scrollbar-thumb {
  border: 2px solid #f7f3f5;
  border-radius: 999px;
  background: #c9bcc2;
}

.wt-confession-detail-modal__loading {
  display: grid;
  grid-template-columns: repeat(3, 7px);
  place-content: center;
  align-items: center;
  gap: 6px;
  min-height: 100%;
  color: #92858c;
  text-align: center;
}

.wt-confession-detail-modal__loading span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b85e83;
  animation: wt-confession-detail-pulse .9s ease-in-out infinite alternate;
}

.wt-confession-detail-modal__loading span:nth-child(2) {
  animation-delay: .15s;
}

.wt-confession-detail-modal__loading span:nth-child(3) {
  animation-delay: .3s;
}

.wt-confession-detail-modal__loading p,
.wt-confession-detail-modal__loading strong {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  font-size: .78rem;
}

.wt-confession-detail-modal__loading.is-missing {
  grid-template-columns: minmax(0, 1fr);
  padding: 34px;
}

.wt-confession-detail-modal__missing {
  display: flex;
  width: min(410px, 100%);
  align-self: center;
  justify-self: center;
  flex-direction: column;
  align-items: center;
  padding: 34px 28px;
  border: 1px solid #e7d9df;
  border-radius: 20px;
  background: linear-gradient(145deg, #fff, #fbf6f8);
  color: #6f6268;
  text-align: center;
  box-shadow: 0 18px 48px rgba(64, 40, 51, .08);
}

.wt-confession-detail-modal__missing > b {
  margin-bottom: 12px;
  color: #a64c70;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}

.wt-confession-detail-modal__missing > svg {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 15px;
  background: #f5e9ee;
  color: #96516d;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-detail-modal__loading .wt-confession-detail-modal__missing > strong {
  margin: 0 0 7px;
  color: #44373d;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  line-height: 1.3;
}

.wt-confession-detail-modal__loading .wt-confession-detail-modal__missing > p {
  margin: 0 0 20px;
  color: #83767c;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  line-height: 1.6;
}

.wt-confession-detail-modal__missing > button {
  min-height: 40px;
  padding: 9px 17px;
  border: 1px solid #9b4a6b;
  border-radius: 11px;
  background: #a64c70;
  color: #fff;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 750;
  box-shadow: 0 8px 20px rgba(166, 76, 112, .17);
}

.wt-confession-detail-modal__missing > button:hover {
  background: #91405f;
}

@keyframes wt-confession-detail-pulse {
  to {
    opacity: .28;
    transform: translateY(-3px);
  }
}

.wt-confession-detail-post {
  padding: 23px 24px 0;
}

.wt-confession-detail-post__header {
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding-right: 42px;
}

.wt-confession-detail-modal__shell.can-edit .wt-confession-detail-post__header {
  padding-right: 140px;
}

.wt-confession-detail-post__avatar {
  display: block;
  width: 43px;
  height: 43px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #eadfe4;
}

.wt-confession-detail-post__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.wt-confession-detail-post__header>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.wt-confession-detail-post__user {
  overflow: hidden;
  color: #30282c;
  font-family: 'Outfit', sans-serif;
  font-size: .88rem;
  font-weight: 760;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-detail-post__user:hover {
  color: var(--wc-accent-deep, #994264);
}

.wt-confession-detail-post__header>div span {
  color: #9a8f94;
  font-size: .67rem;
}

.wt-confession-detail-post__number {
  color: var(--wc-accent-deep, #994264);
  font-family: 'Outfit', sans-serif;
  font-size: .68rem;
  font-weight: 750;
}

.wt-confession-detail-post h2 {
  margin: 21px 0 9px;
  color: #282125;
  font-family: 'Outfit', sans-serif;
  font-size: clamp(1.18rem, 2vw, 1.42rem);
  font-weight: 720;
  line-height: 1.22;
  letter-spacing: -.02em;
}

.wt-confession-detail-post__content {
  color: #51484d;
  font-size: .85rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.wt-confession-detail-post__content p,
.wt-confession-detail-post__content div {
  margin: 0 0 10px;
}

.wt-confession-detail-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 13px;
}

.wt-confession-detail-post__tags span {
  padding: 5px 8px;
  border-radius: 7px;
  background: #f8eff3;
  color: #95516d;
  font-size: .66rem;
  font-weight: 680;
}

.wt-confession-detail-post__summary {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
  padding: 12px 1px;
  border-bottom: 1px solid #eee7ea;
  color: #91868b;
  font-size: .68rem;
}

.wt-confession-detail-post__actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  padding: 7px 0;
  border-bottom: 1px solid #eee7ea;
}

.wt-confession-detail-post__actions button {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 9px 5px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #6c6267;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}

.wt-confession-detail-post__actions button:hover {
  background: #f7f2f4;
  color: #9b4769;
}

.wt-confession-detail-post__actions button.is-active {
  background: #f8edf2;
  color: #a3486d;
}

.wt-confession-detail-post__actions strong {
  overflow: hidden;
  font-size: .67rem;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-detail-post__actions span {
  font-size: .64rem;
  font-variant-numeric: tabular-nums;
}

.wt-confession-detail-comments {
  padding: 20px 24px 30px;
}

.wt-confession-detail-comments__heading {
  margin-bottom: 18px;
}

.wt-confession-detail-comments__heading h3 {
  margin: 2px 0 0;
  color: #332a2f;
  font-family: 'Outfit', sans-serif;
  font-size: 1rem;
}

.wt-confession-detail-comments__list {
  display: flex;
  flex-direction: column;
  gap: 19px;
}

.wt-confession-detail-comments__more {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  margin-top: 17px;
  padding: 8px 7px 8px 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #87445f;
  text-align: left;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}

.wt-confession-detail-comments__more[hidden] {
  display: none;
}

.wt-confession-detail-comments__more::before {
  position: absolute;
  bottom: 100%;
  left: 16px;
  width: 1px;
  height: 17px;
  background: #e5dce0;
  content: '';
}

.wt-confession-detail-comments__more:hover {
  background: #fbf6f8;
  color: #71344d;
}

.wt-confession-detail-comments__more:focus-visible {
  outline: 2px solid rgba(143, 69, 99, .42);
  outline-offset: 3px;
}

.wt-confession-detail-comments__more:disabled {
  color: #a98d99;
  cursor: wait;
}

.wt-confession-detail-comments__more-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #ead9e0;
  border-radius: 50%;
  background: #f8eef2;
}

.wt-confession-detail-comments__more-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.wt-confession-detail-comments__more-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.wt-confession-detail-comments__more-copy strong {
  color: inherit;
  font-family: 'Outfit', sans-serif;
  font-size: .72rem;
  font-weight: 720;
}

.wt-confession-detail-comments__more-copy small {
  overflow: hidden;
  color: #9e8e95;
  font-size: .61rem;
  font-weight: 520;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-detail-comments__more-chevron {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  transition: transform .18s ease;
}

.wt-confession-detail-comments__more:hover .wt-confession-detail-comments__more-chevron {
  transform: translateY(2px);
}

@media (prefers-reduced-motion: reduce) {

  .wt-confession-detail-comments__more,
  .wt-confession-detail-comments__more-chevron {
    transition: none;
  }
}

.wt-confession-detail-modal__empty {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 25px 18px;
  border: 1px dashed #ded3d8;
  border-radius: 12px;
  background: #fcfafb;
  color: #9a8d93;
  text-align: center;
}

.wt-confession-detail-modal__empty strong {
  color: #655a60;
  font-size: .78rem;
}

.wt-confession-detail-modal__empty span {
  font-size: .69rem;
}

.wt-confession-detail-comment {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.wt-confession-detail-comment__avatar {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  background: #eee7ea;
}

.wt-confession-detail-comment__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-confession-detail-comment__body {
  min-width: 0;
}

.wt-confession-detail-comment__body>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
}

.wt-confession-detail-comment__identity {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 8px;
}

.wt-confession-detail-comment__body>header a {
  overflow: hidden;
  color: #3b3237;
  font-family: 'Outfit', sans-serif;
  font-size: .75rem;
  font-weight: 720;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-detail-comment__body>header time {
  flex: 0 0 auto;
  color: #aaa0a5;
  font-size: .58rem;
}

.wt-confession-detail-comment__menu-wrap {
  position: relative;
  flex: 0 0 auto;
}

.wt-confession-detail-comment__more {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #a0979c;
  cursor: pointer;
}

.wt-confession-detail-comment__more:hover,
.wt-confession-detail-comment__more[aria-expanded="true"] {
  background: #f4f4f5;
  color: #52525b;
}

.wt-confession-detail-comment__more:focus-visible {
  outline: 2px solid rgba(224, 0, 122, .32);
  outline-offset: 1px;
}

.wt-confession-detail-comment__more svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.wt-confession-detail-comment__menu {
  top: calc(100% + 5px);
  right: 0;
}

.wt-confession-detail-comment__body>p {
  margin: 0;
  color: #62585d;
  font-size: .75rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.wt-confession-detail-comment__editor {
  display: grid;
  gap: 7px;
  margin: 2px 0 8px;
}

.wt-confession-detail-comment__editor textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 74px;
  max-height: 180px;
  padding: 9px 10px;
  resize: vertical;
  border: 1px solid #d8cdd2;
  border-radius: 10px;
  outline: 0 !important;
  background: #fff;
  color: #4e4449;
  font: inherit;
  font-size: .72rem;
  line-height: 1.5;
}

.wt-confession-detail-comment__editor textarea:focus {
  border-color: #bd6a8c;
  box-shadow: 0 0 0 3px rgba(184, 94, 131, .1);
}

.wt-confession-detail-comment__editor-meta {
  display: flex;
  min-height: 28px;
  align-items: center;
  gap: 7px;
  color: #8d8187;
  font-size: .58rem;
}

.wt-confession-detail-comment__editor-meta [data-detail-comment-edit-status] {
  min-width: 0;
  flex: 1 1 auto;
  color: #a33d58;
}

.wt-confession-detail-comment__editor-count {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

.wt-confession-detail-comment__editor-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}

.wt-confession-detail-comment__editor-actions button {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #ded6da;
  border-radius: 8px;
  background: #fff;
  color: #655a60;
  font: inherit;
  font-size: .62rem;
  font-weight: 700;
  cursor: pointer;
}

.wt-confession-detail-comment__editor-actions button.is-primary {
  border-color: var(--fuchsia-500, #b43f78);
  background: var(--fuchsia-500, #b43f78);
  color: #fff;
}

.wt-confession-detail-comment__editor-actions button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.wt-confession-comment-mention {
  color: var(--fuchsia-500, #b43f78);
  font-weight: 750;
}

.wt-confession-detail-comment__image {
  display: block;
  max-width: 170px;
  margin-top: 9px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 9px;
  background: #f1ebee;
  cursor: zoom-in;
}

.wt-confession-detail-comment__image img {
  display: block;
  width: 100%;
  height: auto;
}

.wt-confession-detail-comment__actions {
  display: flex;
  flex-wrap: wrap;
  min-height: 28px;
  align-items: center;
  gap: 3px;
  margin-top: 7px;
}

.wt-confession-detail-comment__actions>button {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #8d7f86;
  font-family: 'Outfit', sans-serif;
  font-size: .62rem;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
}

.wt-confession-detail-comment__actions>button:hover {
  background: #faf3f6;
  color: #754459;
}

.wt-confession-detail-comment__actions>button:focus-visible {
  outline: 2px solid rgba(143, 69, 99, .38);
  outline-offset: 1px;
}

.wt-confession-detail-comment__actions>button:disabled {
  opacity: .55;
  cursor: wait;
}

.wt-confession-detail-comment__actions>button.is-active {
  background: #f8edf2;
  color: #934c69;
}

.wt-confession-detail-comment__actions>button svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.wt-confession-detail-comment__actions>button[data-detail-comment-reaction] svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
  stroke: none;
}

.wt-confession-detail-comment__actions>button[data-detail-comment-reply] svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.8;
}

.wt-confession-detail-comment__actions>button b {
  display: inline-grid;
  min-width: 17px;
  height: 17px;
  place-items: center;
  padding: 0 4px;
  border-radius: 999px;
  background: #f1e9ed;
  color: #796b72;
  font-size: .55rem;
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  line-height: 1;
}

.wt-confession-detail-comment__actions>button.is-active b {
  background: var(--fuchsia-500, #b43f78);
  color: #fff;
}

.wt-confession-detail-reply-form {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  margin-top: 9px;
  padding-top: 10px;
  border-top: 1px solid #eee6e9;
}

.wt-confession-detail-reply-form__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eee7ea;
  object-fit: cover;
}

.wt-confession-detail-reply-form__body {
  min-width: 0;
}

.wt-confession-detail-reply-form__field {
  position: relative;
  display: grid;
  min-height: 38px;
  grid-template-columns: minmax(0, 1fr) 29px 31px;
  align-items: end;
  gap: 3px;
  padding: 3px 4px 3px 11px;
  border: 1px solid #ded2d7;
  border-radius: 14px;
  background: #fcfafb;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.wt-confession-detail-reply-form__field:focus-within {
  border-color: #bb8198;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(151, 78, 107, .08);
}

.wt-confession-detail-reply-form textarea {
  width: 100%;
  min-height: 30px;
  max-height: 92px;
  padding: 7px 0 5px;
  resize: vertical;
  border: 0;
  outline: 0 !important;
  background: transparent;
  color: #54494f;
  font-family: inherit;
  font-size: .69rem;
  line-height: 1.45;
}

.wt-confession-detail-reply-form textarea::placeholder {
  color: #b5a9ae;
  opacity: 1;
}

.wt-confession-detail-reply-form__field>label {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  padding: 0;
  border-radius: 9px;
  color: #84777d;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

.wt-confession-detail-reply-form__field>label:hover {
  background: #f5edf1;
  color: var(--fuchsia-500, #b43f78);
}

.wt-confession-detail-reply-form__field>label:focus-visible {
  outline: 2px solid rgba(143, 69, 99, .4);
  outline-offset: 2px;
}

.wt-confession-detail-reply-form__field>label input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.wt-confession-detail-reply-form__field>button {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #95506c;
  color: #fff;
  cursor: pointer;
}

.wt-confession-detail-reply-form__field>button:disabled {
  background: #ded5d9;
  color: #fff;
  cursor: not-allowed;
}

.wt-confession-detail-reply-form__field>button:focus-visible {
  outline: 2px solid rgba(143, 69, 99, .4);
  outline-offset: 2px;
}

.wt-confession-detail-reply-form__field>button svg,
.wt-confession-detail-reply-form__field>label svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.wt-confession-detail-reply-form__file {
  display: block;
  min-height: 0;
  margin: 3px 4px 0 7px;
  color: #8f4563;
  font-size: .57rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.wt-confession-detail-reply-form__meta {
  display: flex;
  min-height: 20px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 3px 4px 0 7px;
  color: #a09198;
  font-size: .57rem;
}

.wt-confession-detail-reply-form__meta>button {
  padding: 2px 3px;
  border: 0;
  background: transparent;
  color: #8c6978;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.wt-confession-detail-comment__replies {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 15px;
  padding-left: 13px;
  border-left: 1px solid #e5dce0;
}

.wt-confession-detail-comment.is-reply {
  grid-template-columns: 28px minmax(0, 1fr);
}

.wt-confession-detail-comment.is-reply>.wt-confession-detail-comment__avatar {
  width: 28px;
  height: 28px;
}

.wt-confession-detail-modal__composer {
  position: relative;
  z-index: 3;
  min-height: 78px;
  padding: 13px 20px;
  border-top: 1px solid #e9e1e5;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 -12px 30px rgba(45, 31, 38, .06);
  backdrop-filter: blur(12px);
}

.wt-confession-detail-modal__composer-gate {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 14px;
  border: 1px solid #ded2d7;
  border-radius: 13px;
  background: #fbf8f9;
  color: #8f4563;
  font-size: .75rem;
  font-weight: 700;
  cursor: pointer;
}

.wt-confession-detail-modal__composer-gate svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.wt-confession-detail-composer {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
}

.wt-confession-detail-composer__avatar {
  width: 36px;
  height: 36px;
  margin-top: 4px;
  border-radius: 50%;
  object-fit: cover;
}

.wt-confession-detail-composer__field {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px 34px;
  align-items: end;
  min-height: 44px;
  padding: 3px 4px 3px 13px;
  border: 1px solid #d8cdd2;
  border-radius: 17px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.wt-confession-detail-composer__field:focus-within {
  border-color: #bd6a8c;
  box-shadow: 0 0 0 3px rgba(184, 94, 131, .1);
}

.wt-confession-detail-composer textarea {
  width: 100%;
  min-height: 36px;
  max-height: 105px;
  padding: 8px 0;
  resize: vertical;
  border: 0;
  background: transparent;
  color: #4e4449;
  font: inherit;
  font-size: .75rem;
  line-height: 1.45;
  outline: none !important;
}

.wt-confession-detail-composer textarea::placeholder {
  color: #a99da3;
  opacity: 1;
}

.wt-confession-detail-composer__field>label,
.wt-confession-detail-composer__field>button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #776b71;
  cursor: pointer;
}

.wt-confession-detail-composer__field>label:hover {
  background: #f5eff2;
  color: #a44c70;
}

.wt-confession-detail-composer__field>label input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.wt-confession-detail-composer__field>button {
  background: #a84f73;
  color: #fff;
}

.wt-confession-detail-composer__field>button:disabled {
  background: #ded5d9;
  color: #fff;
  cursor: default;
}

.wt-confession-detail-composer__file,
.wt-confession-detail-composer__status {
  grid-column: 2;
  min-height: 0;
  color: #9b8f95;
  font-size: .61rem;
  line-height: 1.25;
}

.wt-confession-detail-composer__file:not(:empty) {
  margin-top: 4px;
  color: #8f4563;
  overflow-wrap: anywhere;
}

.wt-confession-comment-image-preview {
  position: relative;
  width: min(190px, 100%);
  margin-top: 7px;
  padding: 4px;
  overflow: hidden;
  border: 1px solid #e1d5da;
  border-radius: 13px;
  background: #f8f2f5;
  box-shadow: 0 7px 18px rgba(62, 40, 50, .08);
}

.wt-confession-comment-image-preview[hidden] {
  display: none;
}

.wt-confession-comment-image-preview--main {
  grid-column: 2;
  margin-top: 0;
}

.wt-confession-comment-image-preview--reply {
  width: min(160px, 100%);
}

.wt-confession-comment-image-preview img {
  display: block;
  width: 100%;
  max-height: 126px;
  border-radius: 9px;
  object-fit: cover;
}

.wt-confession-comment-image-preview--reply img {
  max-height: 102px;
}

.wt-confession-comment-image-preview>button {
  position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 50%;
  background: rgba(48, 36, 42, .78);
  color: #fff;
  box-shadow: 0 4px 12px rgba(29, 19, 24, .18);
  backdrop-filter: blur(5px);
  cursor: pointer;
}

.wt-confession-comment-image-preview>button:hover {
  background: var(--fuchsia-500, #b43f78);
}

.wt-confession-comment-image-preview>button:focus-visible {
  outline: 2px solid var(--fuchsia-500, #b43f78);
  outline-offset: 2px;
}

.wt-confession-comment-image-preview>button svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2;
}

.wt-confession-mention-picker {
  position: absolute;
  z-index: 24;
  left: 0;
  right: 0;
  max-height: 244px;
  padding: 5px;
  overflow-y: auto;
  border: 1px solid #e0d3d9;
  border-radius: 14px;
  background: rgba(255, 253, 254, .985);
  box-shadow: 0 15px 38px rgba(55, 34, 44, .16);
  scrollbar-width: thin;
  scrollbar-color: rgba(180, 63, 120, .34) transparent;
}

.wt-confession-detail-reply-form__field>.wt-confession-mention-picker {
  top: calc(100% + 7px);
}

.wt-confession-detail-composer__field>.wt-confession-mention-picker {
  bottom: calc(100% + 8px);
}

.wt-confession-mention-picker[hidden] {
  display: none;
}

.wt-confession-mention-picker>button {
  display: flex;
  width: 100%;
  min-height: 43px;
  align-items: center;
  gap: 9px;
  padding: 6px 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #4e4349;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.wt-confession-mention-picker>button:hover,
.wt-confession-mention-picker>button.is-active {
  background: #fbf1f6;
  background: color-mix(in srgb, var(--fuchsia-500, #b43f78) 9%, #fff);
}

.wt-confession-mention-picker img {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  border-radius: 50%;
  background: #eee6ea;
  object-fit: cover;
}

.wt-confession-mention-picker span {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.wt-confession-mention-picker strong,
.wt-confession-mention-picker small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-mention-picker strong {
  color: #4b4046;
  font-size: .68rem;
  font-weight: 720;
}

.wt-confession-mention-picker small {
  color: var(--fuchsia-500, #b43f78);
  font-size: .59rem;
  font-weight: 650;
}

.wt-confession-detail-modal__toast {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 90px;
  margin: 0;
  padding: 9px 13px;
  border-radius: 999px;
  background: #342b30;
  color: #fff;
  font-size: .7rem;
  box-shadow: 0 8px 28px rgba(25, 17, 21, .22);
  transform: translateX(-50%);
}

@media (max-width: 900px) {
  .wt-confession-detail-modal {
    padding: 16px;
  }

  .wt-confession-detail-modal__shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(210px, 40vh) minmax(0, 1fr);
    width: min(720px, 100%);
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
  }

  .wt-confession-detail-modal__shell.is-text-only,
  .wt-confession-detail-modal__shell.is-loading {
    grid-template-rows: minmax(0, 1fr);
  }

  .wt-confession-detail-modal__media-stage {
    padding: 24px 48px;
  }

  .wt-confession-detail-modal__panel {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .wt-confession-detail-modal {
    padding: 0;
  }

  .wt-confession-detail-modal__shell,
  .wt-confession-detail-modal__shell.is-text-only,
  .wt-confession-detail-modal__shell.is-loading {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .wt-confession-detail-modal__shell.has-media {
    grid-template-rows: minmax(190px, 35vh) minmax(0, 1fr);
  }

  .wt-confession-detail-modal__close {
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, .92);
  }

  .wt-confession-detail-modal__edit {
    top: 10px;
    right: 54px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, .92);
  }

  .wt-confession-detail-modal__shell>.wt-confession-detail-modal__options.wt-action-menu {
    top: 53px;
    right: 54px;
    width: min(205px, calc(100vw - 28px));
  }

  .wt-confession-detail-modal__media-stage {
    padding: 22px 38px;
  }

  .wt-confession-detail-modal__media-arrow {
    width: 38px;
    height: 38px;
  }

  .wt-confession-detail-modal__media-arrow--prev {
    left: 8px;
  }

  .wt-confession-detail-modal__media-arrow--next {
    right: 8px;
  }

  .wt-confession-detail-post {
    padding: 18px 17px 0;
  }

  .wt-confession-detail-post__header {
    padding-right: 38px;
  }

  .wt-confession-detail-modal__shell.can-edit .wt-confession-detail-post__header {
    padding-right: 80px;
  }

  .wt-confession-detail-post__actions strong {
    display: none;
  }

  .wt-confession-detail-comments {
    padding: 18px 17px 24px;
  }

  .wt-confession-detail-modal__composer {
    min-height: 72px;
    padding: 10px 12px;
  }

  .wt-confession-detail-composer {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 7px;
  }

  .wt-confession-detail-composer__avatar {
    width: 32px;
    height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .wt-confession-detail-modal,
  .wt-confession-detail-modal__shell,
  .wt-confession-detail-modal__loading span {
    animation: none;
    transition: none;
  }
}

@media (max-width: 360px) {
  :is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor-extra label span,
  .wt-confession-edit-form .wt-confessions-editor-extra label span {
    display: none;
  }

  :is(.wt-confessions-page, .wt-confessions-composer--compact) #form-editor-extra label,
  .wt-confession-edit-form .wt-confessions-editor-extra label {
    width: 30px;
    height: 30px;
    justify-content: center;
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {

  .wt-confessions-page *,
  .wt-confessions-page *::before,
  .wt-confessions-page *::after,
  .verify-banner.wt-confessions-attention {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Confessions public profile modal */
.wt-confession-profile-modal[hidden] {
  display: none !important;
}

.wt-confession-profile-modal,
.wt-confession-profile-modal * {
  box-sizing: border-box;
}

.wt-confession-profile-modal {
  --wcp-bg: #181216;
  --wcp-surface: #241820;
  --wcp-line: rgba(240, 90, 134, .2);
  --wcp-rose: #f05a86;
  --wcp-rose-deep: #bd1f55;
  --wcp-text: #fff7fa;
  --wcp-muted: #c6b7bf;
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  font-family: inherit;
  pointer-events: none;
  transition: opacity .2s ease;
}

.wt-confession-profile-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.wt-confession-profile-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(12, 8, 11, .82);
  backdrop-filter: blur(12px);
}

.wt-confession-profile-modal__shell {
  position: relative;
  width: min(100%, 600px);
  max-height: min(860px, calc(100vh - 34px));
  max-height: min(860px, calc(100dvh - 34px));
  overflow: hidden;
  border: 1px solid rgba(240, 90, 134, .26);
  border-radius: 30px;
  color: var(--wcp-text);
  background:
    radial-gradient(circle at 12% 0%, rgba(189, 31, 85, .2), transparent 37%),
    radial-gradient(circle at 96% 42%, rgba(115, 25, 63, .12), transparent 42%),
    linear-gradient(145deg, #21171d, var(--wcp-bg) 54%, #151014);
  box-shadow: 0 34px 110px rgba(0, 0, 0, .64), inset 0 1px rgba(255, 255, 255, .025);
  transform: translateY(18px) scale(.975);
  transition: transform .28s cubic-bezier(.2, .78, .25, 1);
}

.wt-confession-profile-modal.is-open .wt-confession-profile-modal__shell {
  transform: translateY(0) scale(1);
}

.wt-confession-profile-modal__content {
  max-height: min(860px, calc(100vh - 34px));
  max-height: min(860px, calc(100dvh - 34px));
  overflow-y: auto;
  scrollbar-color: rgba(240, 90, 134, .5) transparent;
  scrollbar-width: thin;
}

.wt-confession-profile-modal__content::-webkit-scrollbar {
  width: 6px;
}

.wt-confession-profile-modal__content::-webkit-scrollbar-track {
  background: transparent;
}

.wt-confession-profile-modal__content::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: rgba(240, 90, 134, .5);
}

.wt-confession-profile-modal__close {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 50%;
  color: var(--wcp-text);
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.wt-confession-profile-modal__close:hover {
  border-color: rgba(240, 90, 134, .52);
  background: rgba(240, 90, 134, .12);
  transform: rotate(4deg);
}

.wt-confession-profile-modal__close svg {
  width: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.wt-confession-profile-modal__profile {
  padding: 36px 36px 26px;
}

.wt-confession-profile-modal__header {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-width: 0;
  padding: 6px 54px 25px 6px;
}

.wt-confession-profile-modal__avatar {
  position: relative;
  display: block;
  width: 116px;
  height: 116px;
}

.wt-confession-profile-modal__avatar>img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.wt-confession-profile-modal__avatar.wt-story-avatar--has-stories>img {
  box-shadow: 0 18px 38px rgba(0, 0, 0, .38);
}

.wt-confession-profile-modal__identity {
  min-width: 0;
}

.wt-confession-profile-modal__eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  color: var(--wcp-rose);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.wt-confession-profile-modal__eyebrow svg {
  width: 18px;
  fill: currentColor;
}

.wt-confession-profile-modal__header h2 {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--wcp-text);
  font: 700 39px/.98 Georgia, 'Times New Roman', serif;
  letter-spacing: -.035em;
  text-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

.wt-confession-profile-modal__header small {
  display: block;
  overflow: hidden;
  margin-top: 11px;
  color: var(--wcp-muted);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-profile-modal__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 68px;
  margin-inline: -36px;
  padding-inline: 36px;
  border-block: 1px solid rgba(240, 90, 134, .16);
  background: linear-gradient(90deg, rgba(240, 90, 134, .045), rgba(255, 255, 255, .025), rgba(240, 90, 134, .045));
}

.wt-confession-profile-modal__stats>div {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 18px;
}

.wt-confession-profile-modal__stats>div+div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 1px;
  height: 38px;
  background: rgba(240, 90, 134, .2);
}

.wt-confession-profile-modal__stats svg {
  width: 34px;
  height: 34px;
  padding: 7px;
  flex: 0 0 auto;
  fill: none;
  stroke: var(--wcp-rose);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  border-radius: 10px;
  background: rgba(240, 90, 134, .1);
}

.wt-confession-profile-modal__stats strong {
  overflow: hidden;
  color: #f6edf1;
  font-size: 14px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-profile-modal__escort {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 168px;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 24px;
  padding: 24px 90px 24px 22px;
  overflow: hidden;
  border: 2px solid rgba(240, 90, 134, .7);
  border-radius: 21px;
  color: var(--wcp-text);
  background: #5a1231;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 18px 44px rgba(0, 0, 0, .2);
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.wt-confession-profile-modal__escort::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(81, 9, 39, .97), rgba(119, 13, 55, .86) 48%, rgba(148, 23, 70, .54));
}

.wt-confession-profile-modal__escort:hover {
  border-color: var(--wcp-rose);
  box-shadow: 0 22px 52px rgba(117, 12, 53, .32), inset 0 1px rgba(255, 255, 255, .08);
  transform: translateY(-2px);
}

.wt-confession-profile-modal__escort-background {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .72;
  filter: saturate(.8) contrast(.95);
  object-fit: cover;
  object-position: center 32%;
  transition: transform .45s ease;
}

.wt-confession-profile-modal__escort:hover .wt-confession-profile-modal__escort-background {
  transform: scale(1.035);
}

.wt-confession-profile-modal__escort-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  color: var(--wcp-rose);
  background: rgba(240, 90, 134, .15);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.wt-confession-profile-modal__escort-icon svg {
  width: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-profile-modal__escort-copy {
  min-width: 0;
}

.wt-confession-profile-modal__escort-copy small,
.wt-confession-profile-modal__escort-copy strong,
.wt-confession-profile-modal__escort-copy em {
  display: block;
}

.wt-confession-profile-modal__escort-copy small {
  color: var(--wcp-rose);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.wt-confession-profile-modal__escort-copy strong {
  margin-top: 6px;
  color: var(--wcp-text);
  font: 700 25px/1.05 Georgia, 'Times New Roman', serif;
  letter-spacing: -.02em;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort-copy strong {
  color: var(--wc-paper-soft);
}

.wt-confession-profile-modal__escort-copy em {
  max-width: 320px;
  margin-top: 10px;
  color: #ead8e0;
  font-size: 13px;
  font-style: normal;
  line-height: 1.48;
}

.wt-confession-profile-modal__escort>b {
  position: absolute;
  right: 21px;
  top: 50%;
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #d93b70, #a9174d);
  box-shadow: 0 12px 28px rgba(49, 2, 22, .34), inset 0 1px rgba(255, 255, 255, .16);
  transform: translateY(-50%);
}

.wt-confession-profile-modal__escort>b svg {
  width: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-profile-modal__recent {
  margin-top: 26px;
}

.wt-confession-profile-modal__section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 13px;
}

.wt-confession-profile-modal__section-title strong {
  position: relative;
  padding-left: 17px;
  color: var(--wcp-text);
  font-size: 19px;
  line-height: 1.2;
}

.wt-confession-profile-modal__section-title strong::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 4px;
  height: 23px;
  border-radius: 4px;
  background: var(--wcp-rose);
}

.wt-confession-profile-modal__section-title a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  color: var(--wcp-rose);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.wt-confession-profile-modal__section-title a svg {
  width: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-profile-modal__recent-list {
  display: grid;
  gap: 9px;
}

.wt-confession-profile-modal__recent-list a {
  display: grid;
  min-height: 70px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 15px 17px;
  border: 1px solid var(--wcp-line);
  border-radius: 15px;
  color: #f7eef2;
  background: rgba(255, 255, 255, .025);
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.wt-confession-profile-modal__recent-list a:hover {
  border-color: rgba(240, 90, 134, .56);
  background: rgba(240, 90, 134, .06);
  transform: translateX(2px);
}

.wt-confession-profile-modal__quote {
  width: 26px;
  fill: var(--wcp-rose);
}

.wt-confession-profile-modal__recent-list span {
  overflow: hidden;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-profile-modal__recent-list small {
  color: #a99aa2;
  font-size: 11px;
  white-space: nowrap;
}

.wt-confession-profile-modal__empty {
  margin-top: 24px;
  padding: 18px;
  border: 1px dashed rgba(240, 90, 134, .34);
  border-radius: 16px;
  color: var(--wcp-muted);
  background: rgba(255, 255, 255, .025);
  text-align: center;
}

.wt-confession-profile-modal__content>.wt-confession-profile-modal__empty {
  margin: 26px;
}

.wt-confession-profile-modal__footer {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.wt-confession-profile-modal__footer :is(a, button) {
  display: flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border: 2px solid rgba(240, 90, 134, .86);
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(105deg, rgba(176, 26, 78, .52), rgba(87, 16, 47, .72));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
  font: 700 19px/1 inherit;
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.wt-confession-profile-modal__footer :is(a, button):hover {
  border-color: var(--wcp-rose);
  box-shadow: 0 12px 28px rgba(92, 8, 41, .24), inset 0 1px rgba(255, 255, 255, .1);
  transform: translateY(-1px);
}

.wt-confession-profile-modal__footer :is(a, button) svg {
  width: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-profile-modal__footer>small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #887c82;
  font-size: 11px;
}

.wt-confession-profile-modal__footer>small svg {
  width: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-profile-modal__loading {
  display: grid;
  min-height: 320px;
  place-content: center;
  grid-auto-flow: column;
  gap: 7px;
  color: var(--wcp-muted);
  text-align: center;
}

.wt-confession-profile-modal__loading span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wcp-rose);
  animation: wt-profile-pulse .9s ease-in-out infinite alternate;
}

.wt-confession-profile-modal__loading span:nth-child(2) {
  animation-delay: .15s;
}

.wt-confession-profile-modal__loading span:nth-child(3) {
  animation-delay: .3s;
}

.wt-confession-profile-modal__loading p {
  grid-column: 1 / -1;
  margin: 12px 0 0;
  font-size: 12px;
}

.wt-confession-profile-modal :where(button, a):focus-visible {
  outline: 3px solid rgba(255, 255, 255, .9);
  outline-offset: 3px;
}

/* Optional light theme: remove `lightmode` from the modal to restore the dark theme. */
.wt-confession-profile-modal.lightmode {
  --wcp-bg: #fffafb;
  --wcp-surface: #f8edf2;
  --wcp-line: rgba(126, 70, 94, .18);
  --wcp-rose: #d9366d;
  --wcp-rose-deep: #9f1749;
  --wcp-text: #2a1720;
  --wcp-muted: #78656f;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__backdrop {
  background: rgba(45, 27, 36, .5);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__shell {
  border-color: rgba(159, 23, 73, .18);
  background:
    radial-gradient(circle at 10% 0%, rgba(217, 54, 109, .12), transparent 38%),
    radial-gradient(circle at 100% 46%, rgba(225, 151, 178, .12), transparent 40%),
    linear-gradient(145deg, #fffdfd, #fff8fa 54%, #f9eff3);
  box-shadow: 0 32px 100px rgba(56, 25, 39, .25), inset 0 1px rgba(255, 255, 255, .9);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__close {
  border-color: rgba(126, 70, 94, .18);
  color: #4b303c;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 8px 24px rgba(75, 35, 51, .08), inset 0 1px rgba(255, 255, 255, .9);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__close:hover {
  border-color: rgba(217, 54, 109, .42);
  background: #fff1f6;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__avatar.wt-story-avatar--has-stories>img {
  box-shadow: 0 16px 34px rgba(81, 35, 54, .18);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__header h2 {
  color: var(--wcp-text);
  text-shadow: none;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__header small {
  color: var(--wcp-muted);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats {
  border-color: rgba(126, 70, 94, .14);
  background: linear-gradient(90deg, rgba(217, 54, 109, .045), rgba(255, 255, 255, .66), rgba(217, 54, 109, .045));
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats>div+div::before {
  background: rgba(126, 70, 94, .16);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats strong {
  color: #4d3741;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats svg {
  background: rgba(217, 54, 109, .09);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort {
  border-color: rgba(217, 54, 109, .76);
  background: #8e1f4a;
  box-shadow: 0 18px 42px rgba(113, 22, 60, .2), inset 0 1px rgba(255, 255, 255, .08);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort::after {
  background: linear-gradient(90deg, rgba(111, 14, 54, .96), rgba(163, 28, 77, .84) 50%, rgba(209, 56, 108, .52));
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort:hover {
  border-color: #ed5f8e;
  box-shadow: 0 22px 50px rgba(113, 22, 60, .28), inset 0 1px rgba(255, 255, 255, .1);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort-icon,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort-copy small {
  color: #ff8caf;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__section-title strong {
  color: var(--wcp-text);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__recent-list a {
  border-color: rgba(126, 70, 94, .16);
  color: #3d2933;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 22px rgba(86, 42, 60, .035);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__recent-list a:hover {
  border-color: rgba(217, 54, 109, .46);
  background: #fff1f6;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__recent-list small {
  color: #8e7a84;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__empty {
  border-color: rgba(159, 23, 73, .25);
  color: var(--wcp-muted);
  background: rgba(255, 255, 255, .66);
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__footer :is(a, button) {
  border-color: rgba(217, 54, 109, .72);
  color: #8e1f4a;
  background: linear-gradient(105deg, #fff0f5, #f8e1ea);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  opacity: 1;
}

.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__footer>small {
  color: #928089;
}

.wt-confession-profile-modal.lightmode :where(button, a):focus-visible {
  outline-color: rgba(159, 23, 73, .82);
}

@keyframes wt-profile-pulse {
  to {
    opacity: .25;
    transform: translateY(-4px);
  }
}

body.wt-confession-profile-open {
  overflow: hidden;
}

@media (max-width: 680px) {
  .wt-confession-profile-modal {
    padding: 12px;
  }

  .wt-confession-profile-modal__profile {
    padding: 24px 20px 20px;
  }

  .wt-confession-profile-modal__close {
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
  }

  .wt-confession-profile-modal__header {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 16px;
    padding: 3px 38px 20px 3px;
  }

  .wt-confession-profile-modal__avatar {
    width: 86px;
    height: 86px;
  }

  .wt-confession-profile-modal__eyebrow {
    margin-bottom: 7px;
    font-size: 11px;
  }

  .wt-confession-profile-modal__header h2 {
    font-size: clamp(27px, 7vw, 34px);
  }

  .wt-confession-profile-modal__header small {
    margin-top: 8px;
    font-size: 13px;
  }

  .wt-confession-profile-modal__stats {
    min-height: 60px;
    margin-inline: -20px;
    padding-inline: 20px;
  }

  .wt-confession-profile-modal__stats>div {
    gap: 9px;
    padding: 0 10px;
  }

  .wt-confession-profile-modal__stats>div+div::before {
    top: 13px;
    height: 34px;
  }

  .wt-confession-profile-modal__stats svg {
    width: 32px;
    height: 32px;
    padding: 6px;
  }

  .wt-confession-profile-modal__stats strong {
    font-size: 13px;
  }

  .wt-confession-profile-modal__escort {
    min-height: 152px;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    margin-top: 19px;
    padding: 19px 68px 19px 16px;
    border-radius: 18px;
  }

  .wt-confession-profile-modal__escort-icon {
    width: 44px;
    height: 44px;
  }

  .wt-confession-profile-modal__escort-icon svg {
    width: 24px;
  }

  .wt-confession-profile-modal__escort-copy strong {
    font-size: 24px;
  }

  .wt-confession-profile-modal__escort-copy em {
    margin-top: 8px;
    font-size: 12px;
  }

  .wt-confession-profile-modal__escort>b {
    right: 13px;
    width: 46px;
    height: 46px;
  }

  .wt-confession-profile-modal__escort>b svg {
    width: 22px;
  }

  .wt-confession-profile-modal__recent {
    margin-top: 20px;
  }

  .wt-confession-profile-modal__section-title strong {
    font-size: 17px;
  }

  .wt-confession-profile-modal__recent-list a {
    min-height: 62px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 12px 13px;
    border-radius: 13px;
  }

  .wt-confession-profile-modal__quote {
    width: 23px;
  }

  .wt-confession-profile-modal__footer {
    margin-top: 20px;
  }

  .wt-confession-profile-modal__footer :is(a, button) {
    min-height: 54px;
    font-size: 18px;
  }
}

@media (max-width: 460px) {
  .wt-confession-profile-modal {
    padding: 0;
    place-items: end center;
  }

  .wt-confession-profile-modal__shell {
    width: 100%;
    max-height: 94dvh;
    border-radius: 25px 25px 0 0;
    border-bottom: 0;
  }

  .wt-confession-profile-modal__content {
    max-height: 94dvh;
  }

  .wt-confession-profile-modal__profile {
    padding: 20px 14px 18px;
  }

  .wt-confession-profile-modal__close {
    top: 11px;
    right: 11px;
  }

  .wt-confession-profile-modal__header {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 13px;
    padding: 2px 36px 17px 2px;
  }

  .wt-confession-profile-modal__avatar {
    width: 72px;
    height: 72px;
  }

  .wt-confession-profile-modal__header h2 {
    font-size: 25px;
  }

  .wt-confession-profile-modal__header small {
    font-size: 12px;
  }

  .wt-confession-profile-modal__stats strong {
    font-size: 12px;
  }

  .wt-confession-profile-modal__stats {
    margin-inline: -14px;
    padding-inline: 14px;
  }

  .wt-confession-profile-modal__stats>div {
    gap: 8px;
    padding-inline: 6px;
  }

  .wt-confession-profile-modal__escort-copy small {
    font-size: 10px;
  }

  .wt-confession-profile-modal__escort-copy strong {
    font-size: 22px;
  }

  .wt-confession-profile-modal__escort-copy em {
    font-size: 12px;
  }

  .wt-confession-profile-modal__section-title {
    gap: 10px;
  }

  .wt-confession-profile-modal__section-title strong {
    font-size: 17px;
  }

  .wt-confession-profile-modal__section-title a {
    font-size: 12px;
  }

  .wt-confession-profile-modal__recent-list span {
    font-size: 13px;
  }

  .wt-confession-profile-modal__recent-list small {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .wt-confession-profile-modal,
  .wt-confession-profile-modal__shell,
  .wt-confession-profile-modal__close,
  .wt-confession-profile-modal__escort,
  .wt-confession-profile-modal__escort-background,
  .wt-confession-profile-modal__recent-list a,
  .wt-confession-profile-modal__loading span {
    animation: none;
    transition: none;
  }
}

/* Simple reading flow for collapsible confessions. */
:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell.is-collapsible {
  display: flex;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  overflow: visible;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell.is-collapsible::after,
:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell.is-collapsible .confession-content.is-collapsed::after {
  display: none;
  content: none;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell.is-collapsible .confession-content {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
}

:is(.wt-confessions-page, [data-wt-confessions-component-host]) .confession-content-shell.is-collapsible .confession-content-more {
  position: static;
  align-self: flex-start;
  min-height: 24px;
  margin: 3px 17px 8px;
  padding: 3px 0;
  background: transparent;
  vertical-align: middle;
}

/* El modal de edición monta el mismo componente visual que #confession-form. */
.ts-confession-modal .wt-confession-edit-modal {
  width: min(680px, 100%);
  max-width: 680px;
  overflow: hidden;
}

.wt-confession-edit-modal__body {
  max-height: min(680px, calc(100dvh - 150px));
  overflow-y: auto;
  padding: 18px 20px 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(142, 79, 108, .08), transparent 28%),
    #f6eff2;
  scrollbar-color: #d9cbd1 transparent;
  scrollbar-width: thin;
}

.wt-confession-edit-modal .wt-confessions-form {
  width: 100%;
}

.wt-confession-edit-form .wt-confessions-editor {
  white-space: normal;
}

.wt-confession-edit-form .wt-confessions-editor > :is(p, div) {
  margin: 0;
}

.wt-confession-edit-form .wt-confessions-editor > :is(p, div) + :is(p, div) {
  margin-top: .55em;
}

.wt-confession-edit-modal__status {
  min-height: 17px;
  color: #57806a;
}

.wt-confession-edit-modal__status.is-error {
  color: #b04458;
  font-weight: 700;
}

.wt-confession-edit-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ts-confession-modal .wt-confession-edit-modal__actions button {
  width: auto;
  min-width: 108px;
  min-height: 37px;
  padding: 8px 15px;
  border-radius: 9px;
  font-family: inherit;
  font-size: .7rem;
  font-weight: 800;
  text-transform: none;
}

.ts-confession-modal .wt-confession-edit-modal__cancel {
  border: 1px solid #d8cbd0;
  background: #fff;
  color: #655960;
}

.ts-confession-modal .wt-confession-edit-modal__cancel:hover {
  border-color: #c7b5bd;
  background: #f8f3f5;
}

.ts-confession-modal .wt-confession-edit-modal__save:disabled {
  cursor: wait;
  opacity: .65;
}

.ts-confession-modal .modal-report__status {
  display: block;
  min-height: 16px;
  margin: -4px 0 8px;
  color: #6e7f72;
  font-family: "Poppins", sans-serif;
  font-size: 9px;
}

.ts-confession-modal .modal-report__status.is-error {
  color: #b04458;
}

/* Respaldo visual cuando el tema no ha cargado todavía su sistema global de toasts. */
.wt-confession-action-toasts {
  position: fixed;
  z-index: 1000010;
  right: 20px;
  bottom: 20px;
  display: grid;
  width: min(360px, calc(100vw - 32px));
  gap: 9px;
  pointer-events: none;
}

.wt-confession-action-toast {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  border: 1px solid #cfe3d8;
  border-radius: 14px;
  background: rgba(250, 255, 252, .97);
  color: #3f6953;
  box-shadow: 0 17px 45px rgba(38, 48, 42, .18);
  backdrop-filter: blur(9px);
  pointer-events: auto;
  animation: wt-confession-action-toast-in .2s ease both;
}

.wt-confession-action-toast.is-error {
  border-color: #ebc8d0;
  background: rgba(255, 248, 250, .98);
  color: #9f4054;
}

.wt-confession-action-toast__icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 11px;
  background: #e8f4ed;
  font-size: 14px;
  font-weight: 800;
}

.wt-confession-action-toast.is-error .wt-confession-action-toast__icon {
  background: #fae9ed;
}

.wt-confession-action-toast > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.wt-confession-action-toast strong {
  color: inherit;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
}

.wt-confession-action-toast small {
  color: #7d8b82;
  font-family: "Poppins", sans-serif;
  font-size: 9px;
  line-height: 1.45;
}

.wt-confession-action-toast.is-error small {
  color: #96737c;
}

.wt-confession-action-toast.is-leaving {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
}

@keyframes wt-confession-action-toast-in {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
}

@media (max-width: 600px) {
  .wt-confession-edit-modal__body {
    max-height: calc(100dvh - 170px);
    padding: 17px 16px;
  }

  .wt-confession-edit-modal__actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .ts-confession-modal .wt-confession-edit-modal__actions button {
    min-width: 0;
    flex: 1;
  }

  .wt-confession-action-toasts {
    right: 16px;
    bottom: 16px;
  }
}

/* Portada de Confesiones: lectura principal + columna de apoyo. */
.wt-confessions-mobile-nav {
  display: none;
}

.wt-confessions-columns {
  width: 100%;
  max-width: 1340px;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 360px);
  grid-template-areas: 'center right';
  gap: 40px;
  margin-inline: auto;
}

.wt-confessions-column--right {
  grid-area: right;
}

.wt-confessions-information {
  --wt-confessions-information-collapsed-height: 200px;
  height: auto;
  max-height: none;
  overflow: visible;
}

.wt-confessions-information__content {
  position: relative;
}

.wt-confessions-information.is-collapsible.is-collapsed .wt-confessions-information__content {
  max-height: var(--wt-confessions-information-collapsed-height);
  overflow: hidden;
}

.wt-confessions-information.is-collapsible.is-collapsed .wt-confessions-information__content::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 42px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--wc-paper) 90%);
  pointer-events: none;
}

.wt-confessions-care {
  padding-top: 15px;
  border-top: 1px solid var(--wc-line);
}

.wt-confessions-care__heading {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}

.wt-confessions-care__heading h3 {
  margin: 0;
  color: var(--wc-ink);
  font-family: 'Outfit', sans-serif;
  font-size: .78rem;
  font-weight: 720;
  letter-spacing: -.012em;
}

.wt-confessions-information__toggle {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 13px;
  padding: 10px 8px 1px;
  border: 0;
  border-top: 1px solid var(--wc-line);
  background: transparent;
  color: var(--wc-accent-deep);
  font-size: .64rem;
  font-weight: 800;
  cursor: pointer;
}

.wt-confessions-information.is-collapsible > .wt-confessions-information__toggle {
  display: flex;
}

.wt-confessions-information__toggle svg {
  width: 14px;
  height: 14px;
  transition: transform .18s ease;
}

.wt-confessions-information:not(.is-collapsed) .wt-confessions-information__toggle svg {
  transform: rotate(180deg);
}

.wt-confessions-section-heading--feed {
  gap: 18px;
  align-items: center;
}

.wt-confessions-section-heading--feed > div:first-child {
  min-width: max-content;
}

.wt-confessions-feed-switcher {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  padding: 3px;
  border: 1px solid var(--wc-line);
  border-radius: 999px;
  background: #f6f2f4;
}

.wt-confessions-feed-switcher button {
  min-height: 29px;
  padding: 6px 11px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #81767c;
  font-size: .61rem;
  font-weight: 760;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, box-shadow .16s ease;
}

.wt-confessions-feed-switcher button:hover {
  color: var(--wc-accent-deep);
}

.wt-confessions-feed-switcher button.is-active {
  background: #fff;
  color: var(--wc-accent-deep);
  box-shadow: 0 2px 7px rgba(62, 45, 54, .1);
}

.wt-confessions-feed-switcher.is-loading {
  opacity: .62;
  pointer-events: none;
}

@media (max-width: 1020px) {
  .wt-confessions-columns {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 285px);
    grid-template-areas: 'center right';
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .wt-confessions-mobile-nav {
    position: sticky;
    z-index: 24;
    top: calc(var(--header-h, 60px) + 8px);
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 16px;
    padding: 4px;
    border: 1px solid var(--wc-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 22px rgba(57, 43, 50, .08);
    backdrop-filter: blur(10px);
  }

  .wt-confessions-mobile-nav__views {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex: 1;
    gap: 2px;
  }

  .wt-confessions-mobile-nav button {
    min-width: 0;
    min-height: 38px;
    padding: 7px 8px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #746a6f;
    font-size: .66rem;
    font-weight: 760;
    cursor: pointer;
  }

  .wt-confessions-mobile-nav button.is-active {
    background: var(--wc-accent-soft);
    color: var(--wc-accent-deep);
  }

  .wt-confessions-mobile-nav .wt-confessions-mobile-nav__search {
    width: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    padding: 0;
    border-left: 1px solid var(--wc-line);
    border-radius: 0 9px 9px 0;
  }

  .wt-confessions-mobile-nav__search svg {
    width: 17px;
    height: 17px;
  }

  .wt-confessions-columns {
    display: block;
    max-width: none;
  }

  .wt-confessions-column--right {
    position: static;
    display: none;
    max-height: none;
    overflow: visible;
  }

  .wt-confessions-column--right .wt-confessions-side-scroll {
    display: block;
    max-height: none;
    overflow: visible;
  }

  .wt-confessions-column--right > .wt-confessions-side-scrollbar {
    display: none;
  }

  .wt-confessions-page[data-mobile-view='information'] .wt-confessions-column--center,
  .wt-confessions-page[data-mobile-view='photos'] .wt-confessions-column--center,
  .wt-confessions-page[data-mobile-view='search'] .wt-confessions-column--center {
    display: none;
  }

  .wt-confessions-page[data-mobile-view='information'] .wt-confessions-column--right,
  .wt-confessions-page[data-mobile-view='photos'] .wt-confessions-column--right,
  .wt-confessions-page[data-mobile-view='search'] .wt-confessions-column--right {
    display: block;
  }

  .wt-confessions-column--right [data-confessions-mobile-section] {
    display: none;
  }

  .wt-confessions-page[data-mobile-view='information'] [data-confessions-mobile-section='information'],
  .wt-confessions-page[data-mobile-view='photos'] [data-confessions-mobile-section='photos'],
  .wt-confessions-page[data-mobile-view='search'] [data-confessions-mobile-section='search'] {
    display: block;
  }

  .wt-confessions-search__results {
    position: static;
    margin-top: 9px;
  }
}

@media (max-width: 540px) {
  .wt-confessions-section-heading--feed {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .wt-confessions-section-heading--feed > div:first-child {
    min-width: 0;
  }

  .wt-confessions-feed-switcher {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-left: 0;
  }

  .wt-confessions-feed-switcher button {
    padding-inline: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wt-confessions-information__toggle svg,
  .wt-confessions-feed-switcher button {
    transition: none;
  }
}

/* Restrained profile panel, aligned with the chat profile information panel. */
.wt-confession-profile-modal,
.wt-confession-profile-modal.lightmode {
  --wcp-bg: #ffffff;
  --wcp-surface: #f7f7f8;
  --wcp-line: #e7e7ea;
  --wcp-rose: #c7006f;
  --wcp-rose-deep: #a9005f;
  --wcp-text: #27272a;
  --wcp-muted: #71717a;
  padding: 16px;
}

.wt-confession-profile-modal__backdrop,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__backdrop {
  background: rgba(24, 24, 27, .52);
  backdrop-filter: blur(2px);
}

.wt-confession-profile-modal__shell,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__shell {
  display: flex;
  width: min(100%, 430px);
  max-height: min(760px, calc(100vh - 32px));
  max-height: min(760px, calc(100dvh - 32px));
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--wcp-line);
  border-radius: 18px;
  color: var(--wcp-text);
  background: var(--wcp-bg);
  box-shadow: 0 18px 48px rgba(24, 24, 27, .18);
  transform: translateY(10px);
  transition: transform .2s ease;
}

.wt-confession-profile-modal.is-open .wt-confession-profile-modal__shell {
  transform: translateY(0);
}

.wt-confession-profile-modal__topbar {
  display: flex;
  min-height: 62px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px 10px 20px;
  border-bottom: 1px solid var(--wcp-line);
  background: var(--wcp-bg);
}

.wt-confession-profile-modal__topbar > strong {
  color: var(--wcp-text);
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.2;
}

.wt-confession-profile-modal__close,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__close {
  position: static;
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 10px;
  color: #52525b;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  backdrop-filter: none;
  transition: color .16s ease, background .16s ease;
}

.wt-confession-profile-modal__close:hover,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__close:hover {
  border-color: transparent;
  color: var(--wcp-text);
  background: var(--wcp-surface);
  transform: none;
}

.wt-confession-profile-modal__close svg {
  width: 19px;
  stroke-width: 1.8;
}

.wt-confession-profile-modal__content {
  min-height: 0;
  max-height: none;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #d4d4d8 transparent;
}

.wt-confession-profile-modal__content::-webkit-scrollbar-thumb {
  background: #d4d4d8;
}

.wt-confession-profile-modal__profile {
  padding: 24px 20px 20px;
}

.wt-confession-profile-modal__header {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 12px 22px;
  text-align: center;
}

.wt-confession-profile-modal__avatar {
  width: 88px;
  height: 88px;
  flex: 0 0 auto;
}

.wt-confession-profile-modal__avatar.wt-story-avatar--has-stories > img,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__avatar.wt-story-avatar--has-stories > img {
  box-shadow: none;
}

.wt-confession-profile-modal__identity {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
}

.wt-confession-profile-modal__header h2,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__header h2 {
  margin: 0;
  color: var(--wcp-text);
  font: 650 22px/1.2 'Outfit', sans-serif;
  letter-spacing: -.015em;
  text-shadow: none;
}

.wt-confession-profile-modal__header small,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__header small {
  display: block;
  max-width: 100%;
  margin-top: 4px;
  overflow: hidden;
  color: var(--wcp-muted);
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-confession-profile-modal__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-top: 9px;
  margin-bottom: 0;
  padding: 4px 8px;
  border-radius: 999px;
  color: #7a174c;
  background: #f9e9f1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.wt-confession-profile-modal__stats,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats {
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--wcp-line);
  background: transparent;
}

.wt-confession-profile-modal__stats > div {
  position: relative;
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 9px 4px;
  border-bottom: 1px solid var(--wcp-line);
}

.wt-confession-profile-modal__stats > div + div::before {
  content: none;
}

.wt-confession-profile-modal__stats svg,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 9px;
  color: #65656d;
  background: var(--wcp-surface);
  stroke: currentColor;
}

.wt-confession-profile-modal__stats > div > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.wt-confession-profile-modal__stats small {
  color: var(--wcp-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.wt-confession-profile-modal__stats strong,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__stats strong {
  color: var(--wcp-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.wt-confession-profile-modal__escort,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort {
  position: relative;
  display: grid;
  min-height: 62px;
  grid-template-columns: 38px minmax(0, 1fr) 20px;
  gap: 11px;
  align-items: center;
  margin-top: 18px;
  padding: 11px 12px;
  overflow: visible;
  border: 1px solid var(--wcp-line);
  border-radius: 13px;
  color: var(--wcp-text);
  background: var(--wcp-bg);
  box-shadow: none;
  text-decoration: none;
  transition: border-color .16s ease, background .16s ease;
}

.wt-confession-profile-modal__escort::after,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort::after {
  content: none;
}

.wt-confession-profile-modal__escort:hover,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort:hover {
  border-color: #d7a0bc;
  background: #fff9fc;
  box-shadow: none;
  transform: none;
}

.wt-confession-profile-modal__escort-background {
  display: none;
}

.wt-confession-profile-modal__escort-icon,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 10px;
  color: var(--wcp-rose);
  background: #f9e9f1;
  box-shadow: none;
}

.wt-confession-profile-modal__escort-icon svg {
  width: 20px;
}

.wt-confession-profile-modal__escort-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.wt-confession-profile-modal__escort-copy strong,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort-copy strong {
  margin: 0;
  color: var(--wcp-text);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
}

.wt-confession-profile-modal__escort-copy small,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__escort-copy small {
  overflow: hidden;
  color: var(--wcp-muted);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.wt-confession-profile-modal__escort > b {
  position: static;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 0;
  border-radius: 0;
  color: #a1a1aa;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.wt-confession-profile-modal__escort > b svg {
  width: 18px;
  stroke-width: 1.8;
}

.wt-confession-profile-modal__recent {
  margin-top: 24px;
}

.wt-confession-profile-modal__section-title {
  gap: 12px;
  margin-bottom: 8px;
}

.wt-confession-profile-modal__section-title strong,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__section-title strong {
  padding: 0;
  color: var(--wcp-text);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
}

.wt-confession-profile-modal__section-title strong::before {
  content: none;
}

.wt-confession-profile-modal__section-title a {
  gap: 2px;
  color: var(--wcp-rose-deep);
  font-size: 12px;
  font-weight: 600;
}

.wt-confession-profile-modal__section-title a svg {
  width: 15px;
}

.wt-confession-profile-modal__section-title button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  padding: 0;
  border: 0;
  color: var(--wcp-rose-deep);
  background: transparent;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.wt-confession-profile-modal__section-title button svg {
  width: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .16s ease;
}

.wt-confession-profile-modal__section-title button[aria-expanded="true"] svg {
  transform: rotate(-90deg);
}

.wt-confession-profile-modal__section-title button:disabled {
  cursor: wait;
  opacity: .58;
}

.wt-confession-profile-modal__recent-list {
  display: block;
  border-top: 1px solid var(--wcp-line);
}

.wt-confession-profile-modal__recent-list a,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__recent-list a {
  display: grid;
  min-height: 54px;
  grid-template-columns: minmax(0, 1fr) auto 17px;
  gap: 9px;
  align-items: center;
  padding: 10px 3px;
  border: 0;
  border-bottom: 1px solid var(--wcp-line);
  border-radius: 0;
  color: var(--wcp-text);
  background: transparent;
  box-shadow: none;
  transition: color .16s ease, background .16s ease;
}

.wt-confession-profile-modal__recent-list a:hover,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__recent-list a:hover {
  border-color: var(--wcp-line);
  color: var(--wcp-rose-deep);
  background: #fff9fc;
  transform: none;
}

.wt-confession-profile-modal__recent-list span {
  font-size: 13px;
  font-weight: 500;
}

.wt-confession-profile-modal__recent-list small,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__recent-list small {
  color: var(--wcp-muted);
  font-size: 10px;
}

.wt-confession-profile-modal__recent-list a > svg {
  width: 16px;
  fill: none;
  stroke: #a1a1aa;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wt-confession-profile-modal__empty,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__empty {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid var(--wcp-line);
  border-radius: 12px;
  color: var(--wcp-muted);
  background: var(--wcp-surface);
  font-size: 13px;
  line-height: 1.45;
}

.wt-confession-profile-modal__content > .wt-confession-profile-modal__empty {
  margin: 20px;
}

.wt-confession-profile-modal__footer {
  gap: 8px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--wcp-line);
}

.wt-confession-profile-modal__footer :is(a, button),
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__footer :is(a, button) {
  min-height: 44px;
  gap: 8px;
  border: 1px solid var(--wcp-rose);
  border-radius: 11px;
  color: #fff;
  background: var(--wcp-rose);
  box-shadow: none;
  font: 650 14px/1 'Outfit', sans-serif;
  transition: border-color .16s ease, background .16s ease;
}

.wt-confession-profile-modal__footer :is(a, button):hover,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__footer :is(a, button):hover {
  border-color: var(--wcp-rose-deep);
  background: var(--wcp-rose-deep);
  box-shadow: none;
  transform: none;
}

.wt-confession-profile-modal__footer :is(a, button) svg {
  width: 20px;
}

.wt-confession-profile-modal__footer > small,
.wt-confession-profile-modal.lightmode .wt-confession-profile-modal__footer > small {
  color: var(--wcp-muted);
  font-size: 10px;
}

.wt-confession-profile-modal__loading {
  min-height: 260px;
}

.wt-confession-profile-modal :where(button, a):focus-visible,
.wt-confession-profile-modal.lightmode :where(button, a):focus-visible {
  outline: 2px solid var(--wcp-rose);
  outline-offset: 2px;
}

@media (max-width: 460px) {
  .wt-confession-profile-modal {
    padding: 0;
    place-items: end center;
  }

  .wt-confession-profile-modal__shell,
  .wt-confession-profile-modal.lightmode .wt-confession-profile-modal__shell {
    width: 100%;
    max-height: 92vh;
    max-height: 92dvh;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 18px 18px 0 0;
  }

  .wt-confession-profile-modal__topbar {
    min-height: 58px;
    padding-left: 16px;
  }

  .wt-confession-profile-modal__profile {
    padding: 20px 16px 18px;
  }

  .wt-confession-profile-modal__header {
    gap: 10px;
    padding: 0 8px 18px;
  }

  .wt-confession-profile-modal__avatar {
    width: 78px;
    height: 78px;
  }

  .wt-confession-profile-modal__header h2 {
    font-size: 20px;
  }

  .wt-confession-profile-modal__stats {
    margin: 0;
    padding: 0;
  }

  .wt-confession-profile-modal__stats > div {
    gap: 11px;
    padding-inline: 2px;
  }

  .wt-confession-profile-modal__escort {
    min-height: 60px;
    grid-template-columns: 36px minmax(0, 1fr) 18px;
    padding: 10px;
  }

  .wt-confession-profile-modal__escort-icon {
    width: 36px;
    height: 36px;
  }

  .wt-confession-profile-modal__section-title strong {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wt-confession-profile-modal__shell {
    transition: none;
  }
}