/* Community creator-persona comments, loaded after the global theme. */
.modal-bg {
  position:fixed !important;
  inset:0 !important;
  z-index:5000 !important;
  width:100vw;
  min-height:100vh;
  background:rgba(255,255,255,0.72) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px;
}

.summon-stage-bg {
  background:rgba(28,27,25,.48) !important;
  backdrop-filter:blur(4px) saturate(.78) contrast(.84);
  -webkit-backdrop-filter:blur(4px) saturate(.78) contrast(.84);
  overflow:hidden;
}

.summon-stage-bg.is-sending {
  animation:summonOverlayOut 1.3s cubic-bezier(.16,1,.3,1) forwards;
}

.summon-stage-bg::before {
  content:"";
  position:fixed;
  inset:-18vh -14vw;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.20), rgba(255,255,255,.08) 28%, transparent 58%),
    radial-gradient(circle at 28% 42%, rgba(242,216,83,.08), transparent 24%),
    linear-gradient(rgba(255,255,255,.04), rgba(0,0,0,.08));
}

.summon-stage-bg::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 28px);
  opacity:.55;
}

.modal-card.folio-observed,
.summon-modal-card.folio-observed {
  opacity:1 !important;
  transform:none !important;
}

.ai-section-head {
  border-top:1px solid var(--folio-rule);
  padding-top:20px;
  margin-top:8px;
}

.ai-section-title {
  position:relative;
  padding-left:22px;
}

.ai-section-title::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:14px;
  height:2px;
  transform:translateY(-50%);
  background:var(--folio-yellow);
}

.persona-summon-btn {
  border-radius:999px !important;
  background:var(--folio-ink) !important;
  color:#FFFFFF !important;
  border-color:var(--folio-ink) !important;
  box-shadow:none !important;
  height:30px !important;
  min-height:30px !important;
  padding:6px 12px !important;
  gap:5px !important;
  font-size:12px !important;
  line-height:1 !important;
}

.persona-summon-btn:hover {
  background:var(--folio-seal) !important;
  border-color:var(--folio-seal) !important;
}

.ai-note-stack {
  position:relative;
  gap:12px !important;
  padding:16px;
  border:1px solid var(--folio-rule);
  background:
    linear-gradient(90deg, rgba(242,216,83,.10) 0 7px, transparent 7px),
    #FFFFFF;
}

.ai-note-stack::before {
  content:"CREATOR PERSONAS";
  position:absolute;
  right:18px;
  top:-9px;
  padding:0 8px;
  background:#FFFFFF;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:9px;
  letter-spacing:.22em;
  color:#A89F8C;
}

.persona-note {
  position:relative;
  border:1px solid var(--folio-rule) !important;
  border-radius:8px !important;
  padding:20px 22px 18px 22px !important;
  box-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(242,216,83,.14) 0 4px, transparent 4px),
    #FFFFFF !important;
  transition:border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.persona-note:hover {
  border-color:var(--folio-ink) !important;
  transform:translateY(-1px);
}

.persona-note:nth-child(2n) {
  background:
    linear-gradient(180deg, rgba(191,220,231,.22) 0 4px, transparent 4px),
    #FFFFFF !important;
}

.persona-note-head [class^="c-"] {
  width:38px !important;
  height:38px !important;
  border-radius:12px;
  box-shadow:0 0 0 4px rgba(242,216,83,.22);
}

.persona-note-head a {
  color:var(--folio-ink) !important;
  text-decoration:none !important;
}

.persona-note-head a:hover {
  color:var(--folio-seal) !important;
}

.persona-mood-stamp {
  border:1px solid var(--folio-rule) !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:var(--folio-ink-2) !important;
  letter-spacing:.04em;
  padding:4px 12px !important;
}

.persona-note-rule {
  background:var(--folio-rule) !important;
  margin:15px 0 13px !important;
}

.persona-note-body {
  font-family:'Noto Serif SC','Fraunces',serif;
  font-size:15px !important;
}

.persona-note-foot {
  border-top:1px solid rgba(231,225,214,.75);
  padding-top:12px;
}

.summon-modal-card {
  width:780px !important;
  max-width:calc(100vw - 52px) !important;
  padding:18px 28px 18px !important;
  box-shadow:none !important;
  position:absolute !important;
  left:50vw !important;
  top:max(24px, calc(50vh - 320px)) !important; /* 相对 fixed 遮罩=视口；勿加 scrollY（bug5 根因） */
  max-height:calc(100vh - 48px);
  overflow-y:auto;
  z-index:5001 !important;
  transform:translateX(-50%) !important;
  border:0 !important;
  background:transparent !important;
  background-size:auto;
  animation:none !important;
}

.summon-modal-card.is-sending {
  pointer-events:none;
  animation:summonStageSend 1.3s cubic-bezier(.16,1,.3,1) forwards !important;
}

.summon-modal-card::before {
  content:none;
}

.summon-modal-card::after {
  content:"ECHO BELL";
  position:absolute;
  right:34px;
  top:34px;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:10px;
  letter-spacing:.26em;
  color:rgba(255,255,255,.72);
}

.summon-modal-card h3,
.summon-modal-card .text-ink {
  color:#FFFFFF !important;
}

.summon-modal-card .text-ink2 {
  color:rgba(255,255,255,.72) !important;
}

.summon-origin-line {
  margin-top:14px;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.64);
}

.summon-spirit-stage {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:26px;
  align-items:start;
  min-height:260px;
  padding-top:24px;
}

.summon-spirit {
  width:100%;
  min-height:190px;
  border:0;
  background:transparent !important;
  color:var(--folio-ink);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:10px 8px 16px;
  text-align:center;
  font-family:'Noto Serif SC','Fraunces',serif;
  cursor:pointer;
  position:relative;
  z-index:1;
  transition:opacity .22s ease, transform .22s ease;
}

.summon-spirit:nth-child(1) {
  transform:translateY(0);
}

.summon-spirit:nth-child(2) {
  transform:translateY(0);
}

.summon-spirit:nth-child(3) {
  transform:translateY(0);
}

.summon-spirit:hover:not(:disabled) {
  transform:translateY(-12px);
}

.summon-spirit:nth-child(1):hover:not(:disabled),
.summon-spirit:nth-child(2):hover:not(:disabled),
.summon-spirit:nth-child(3):hover:not(:disabled) {
  transform:translateY(-12px);
}

.summon-spirit:hover:not(:disabled) .echo-bell-token {
  border-color:#FFFFFF;
}

.summon-spirit.is-active::after {
  content:none;
}

.summon-spirit.is-disabled {
  cursor:not-allowed;
  opacity:.30;
  background:transparent !important;
  filter:saturate(.35);
  transform:scale(.92);
}

.summon-spirit.is-disabled .echo-bell-token {
  background:rgba(255,255,255,.46);
  border-color:rgba(255,255,255,.34);
  color:rgba(21,21,21,.68);
}

.summon-spirit.is-disabled .echo-bell-dot {
  background:rgba(242,216,83,.52);
}

.summon-spirit.is-disabled .summon-spirit-bio {
  display:none;
}

.summon-spirit.is-disabled .summon-spirit-copy strong,
.summon-spirit.is-disabled .summon-spirit-status {
  color:rgba(255,255,255,.58);
}

.summon-spirit.is-picking .echo-bell-token,
.summon-spirit:hover:not(:disabled) .echo-bell-token {
  animation:echoBellPick .48s cubic-bezier(.16,1,.3,1) both;
}

.echo-bell-token {
  width:70px;
  height:70px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  display:grid;
  place-items:center;
  position:relative;
  color:var(--folio-ink);
}

.echo-bell-shape {
  width:31px;
  height:28px;
  border:2px solid currentColor;
  border-bottom-width:5px;
  border-radius:15px 15px 13px 13px;
  transform:translateY(1px);
}

.echo-bell-dot {
  position:absolute;
  bottom:16px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--folio-yellow);
  border:1px solid var(--folio-ink);
}

.summon-spirit.is-active .echo-bell-token {
  border-color:#FFFFFF;
  animation:yellowBreath 2.2s ease-in-out infinite;
  background:
    radial-gradient(circle at 50% 54%, rgba(242,216,83,.38), rgba(255,255,255,.94) 58%),
    #FFFFFF;
}

.summon-modal-card.is-sending .summon-spirit.is-active .echo-bell-token {
  animation:summonSendPulse 1.05s cubic-bezier(.16,1,.3,1) forwards;
}

.summon-spirit-copy strong {
  display:block;
  font-weight:400;
  font-size:18px;
  line-height:1.35;
  color:#FFFFFF;
}

.summon-spirit-bio {
  display:block;
  max-width:180px;
  margin:10px auto 0;
  color:rgba(255,255,255,.76);
  font-size:12px;
  line-height:1.55;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .2s ease, transform .2s ease;
}

.summon-spirit:hover:not(:disabled) .summon-spirit-bio,
.summon-spirit.is-active .summon-spirit-bio {
  opacity:1;
  transform:translateY(0);
}

.summon-spirit-status {
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:10px;
  letter-spacing:.16em;
  color:rgba(255,255,255,.62);
  white-space:nowrap;
  margin-top:auto;
}

.summon-stage-actions {
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
  transform:translateY(-8px);
}

.summon-stage-actions .text-link,
.summon-stage-actions .text-ink2 {
  color:rgba(255,255,255,.78) !important;
}

.summon-modal-card .btn-coral {
  position:relative;
  z-index:2;
  border-radius:999px !important;
  box-shadow:none !important;
  background:rgba(10,10,10,.92) !important;
  border-color:#FFFFFF !important;
  color:#FFFFFF !important;
}

.summon-modal-card .btn-coral:disabled {
  background:var(--folio-rule) !important;
  border-color:var(--folio-rule) !important;
  color:#A89F8C !important;
}

@keyframes echoBellPick {
  0% { transform:rotate(0deg) scale(1); }
  35% { transform:rotate(-5deg) scale(1.03); }
  70% { transform:rotate(3deg) scale(1.03); }
  100% { transform:rotate(0deg) scale(1); }
}

@keyframes yellowBreath {
  0%, 100% {
    box-shadow:
      0 0 0 7px rgba(242,216,83,.22),
      0 0 22px rgba(242,216,83,.22);
  }
  50% {
    box-shadow:
      0 0 0 13px rgba(242,216,83,.42),
      0 0 38px rgba(242,216,83,.42);
  }
}

@keyframes summonSendPulse {
  0% {
    transform:scale(1);
    opacity:1;
    box-shadow:
      0 0 0 7px rgba(242,216,83,.24),
      0 0 22px rgba(242,216,83,.24);
  }
  42% {
    transform:scale(1.18);
    box-shadow:
      0 0 0 20px rgba(242,216,83,.46),
      0 0 54px rgba(242,216,83,.52);
  }
  100% {
    transform:scale(.72);
    opacity:0;
    box-shadow:
      0 0 0 32px rgba(242,216,83,0),
      0 0 80px rgba(242,216,83,0);
  }
}

@keyframes summonStageSend {
  0% { opacity:1; transform:translateX(-50%) translateY(0) scale(1); filter:none; }
  55% { opacity:1; transform:translateX(-50%) translateY(0) scale(1); filter:none; }
  100% { opacity:0; transform:translateX(-50%) translateY(34px) scale(.94); filter:blur(6px); }
}

@keyframes summonOverlayOut {
  0%, 58% { opacity:1; }
  100% { opacity:0; }
}

.persona-pending-reply {
  border:0;
  background:
    linear-gradient(90deg, rgba(242,216,83,.22) 0 0, transparent 0),
    transparent;
  padding:18px 0;
  position:relative;
  overflow:hidden;
  animation:pendingReplyIn .82s cubic-bezier(.16,1,.3,1) both, pendingReplyGlow 2.8s ease-out .15s both;
}

.unified-comment-stream {
  margin-top:18px;
  border-top:1px solid var(--folio-rule);
}

.unified-comment-row {
  border-bottom:1px solid var(--folio-rule);
  scroll-margin-top:96px;
}

.unified-comment-row.is-focus-comment {
  animation:focusCommentTrace 2.4s cubic-bezier(.16,1,.3,1) both;
}

@keyframes focusCommentTrace {
  0% {
    background:
      linear-gradient(90deg, rgba(242,216,83,.24), transparent 68%),
      #FFFFFF;
    box-shadow:inset 3px 0 0 rgba(242,216,83,.86);
  }
  55% {
    background:
      linear-gradient(90deg, rgba(242,216,83,.14), transparent 76%),
      #FFFFFF;
    box-shadow:inset 2px 0 0 rgba(242,216,83,.55);
  }
  100% {
    background:#FFFFFF;
    box-shadow:inset 0 0 0 rgba(242,216,83,0);
  }
}

.unified-comment-row .indent {
  border-top:1px solid rgba(229,220,201,.68);
  margin-top:16px;
}

.unified-ai-comment {
  padding:18px 0;
}

.unified-ai-comment [class^="c-"] {
  border-radius:50%;
  box-shadow:none !important;
}

.unified-comment-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.unified-ai-name {
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}

.unified-ai-source {
  display:inline-flex;
  align-items:center;
  height:20px;
  border:1px solid rgba(242,216,83,.54);
  border-radius:999px;
  padding:0 8px;
  background:rgba(242,216,83,.12);
  color:var(--folio-ink-2);
  font-size:11px;
  font-family:'Inter','Noto Sans SC',sans-serif;
}

.unified-ai-mood {
  flex-shrink:0;
  border:1px solid var(--folio-rule);
  border-radius:999px;
  padding:4px 11px;
  color:var(--folio-ink-2);
  font-family:'Noto Serif SC','Fraunces',serif;
  font-size:12px;
  line-height:1;
}

.unified-comment-row .persona-pending-reply {
  margin:0;
}

.community-feedback-trigger {
  width:24px;
  height:24px;
  border:0;
  background:transparent;
  color:var(--folio-ink-2);
  padding:0;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.community-feedback-trigger:hover {
  color:var(--folio-ink);
}

.community-feedback-result {
  color:var(--folio-ink-2);
  font-size:12px;
}

.community-feedback-ribbon {
  /* 原先是 position:absolute 悬浮层，会盖住下面的评论/帖子，
     而且下内边距是 0，和下一行文字直接叠在一起。
     改成内联展开：把后面的内容顶下去，不遮挡任何东西。 */
  position:static;
  display:flex;
  align-items:center;
  gap:12px 16px;
  flex-wrap:wrap;
  /* 它嵌在 flex 行里（评论的 ♡/回复/⋯ 那排、帖子的 举报/展开评论 那排）。
     不写 flex-basis:100% 的话它会变成同排的一个 flex 子项，把「回复」挤成竖排、
     把「举报/展开评论」拆散。100% 基宽 + 父级换行 = 自己独占一行，同伴不受影响。 */
  flex:0 0 100%;
  width:100%;
  margin-top:8px;
  padding:12px 0 10px;
  border-top:1px dashed #D8CFBD;
  background:#FFFFFF;
}

.community-feedback-chip {
  position:relative;
  border:0;
  background:transparent;
  padding:0 0 4px;
  color:var(--folio-ink-2);
  font-family:'Noto Serif SC','Fraunces',serif;
  font-size:13px;
  cursor:pointer;
}

.community-feedback-chip::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--folio-yellow);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}

.community-feedback-chip:hover {
  color:var(--folio-seal);
}

.community-feedback-chip:hover::after {
  transform:scaleX(1);
}

.community-follow.is-following {
  color:var(--folio-ink-2) !important;
}

.community-topic-readout {
  max-width:800px;
  margin:18px auto -14px;
  padding:10px 0;
  border-top:1px solid var(--folio-rule);
  border-bottom:1px solid var(--folio-rule);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:var(--folio-ink-2);
  font-size:13px;
}

.community-topic-readout span {
  color:var(--folio-ink);
}

.community-topic-readout a {
  color:var(--folio-ink);
  font-size:12px;
}

.responding-personas {
  position:relative;
  border:1px solid var(--folio-rule);
  background:
    linear-gradient(rgba(231,225,214,.16) 1px, transparent 1px),
    #FFFFFF;
  background-size:100% 28px;
  padding:18px 16px 14px;
}

.responding-personas::before {
  content:"";
  position:absolute;
  left:14px;
  top:-1px;
  width:86px;
  height:2px;
  background:var(--folio-yellow);
}

.responding-title {
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:10px;
  letter-spacing:.18em;
  color:var(--folio-ink-2);
  text-transform:uppercase;
  margin-bottom:12px;
}

.responding-personas ul {
  display:grid;
  gap:8px;
}

.responding-personas li {
  display:grid;
  grid-template-columns:12px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:24px;
  color:var(--folio-ink);
}

.responding-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  border:1px solid var(--folio-ink);
}

.responding-personas li.is-active .responding-dot {
  background:var(--folio-yellow);
  border-color:var(--folio-ink);
  animation:respondingPulse 1.8s ease-in-out infinite;
}

.responding-name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:'Noto Serif SC','Fraunces',serif;
  font-size:13px;
}

.responding-status {
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:10px;
  color:var(--folio-ink-2);
  white-space:nowrap;
}

@keyframes respondingPulse {
  0%, 100% { box-shadow:0 0 0 0 rgba(242,216,83,.28); }
  50% { box-shadow:0 0 0 5px rgba(242,216,83,.22); }
}

.persona-pending-reply::before {
  content:"";
  position:absolute;
  left:-30%;
  top:0;
  width:28%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(242,216,83,.48), transparent);
  animation:pendingSweep 1.1s .12s cubic-bezier(.16,1,.3,1) both;
}

.persona-pending-head {
  display:flex;
  align-items:center;
  gap:12px;
}

.persona-pending-reply [class^="c-"] {
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--folio-rule);
  border-radius:50%;
  font-family:'Fraunces','Noto Serif SC',serif;
  font-size:14px;
  flex-shrink:0;
}

.persona-pending-reply strong {
  display:block;
  font-weight:400;
  font-size:15px;
  color:var(--folio-ink);
}

.persona-pending-status {
  font-size:12px;
  color:var(--folio-ink-2);
}

.persona-pending-line {
  display:flex;
  gap:6px;
  margin:12px 0 0;
}

.persona-pending-line span {
  width:22px;
  height:2px;
  background:var(--folio-yellow);
  opacity:.35;
  animation:pendingDot 1.1s ease-in-out infinite;
}

.persona-pending-line span:nth-child(2) { animation-delay:.14s; }
.persona-pending-line span:nth-child(3) { animation-delay:.28s; }

@keyframes pendingReplyIn {
  0% { opacity:0; transform:translateY(26px) scale(.985); }
  62% { opacity:1; transform:translateY(-3px) scale(1); }
  100% { opacity:1; transform:translateY(0); }
}

@keyframes pendingDot {
  0%, 100% { opacity:.25; transform:scaleX(.65); }
  50% { opacity:1; transform:scaleX(1); }
}

@keyframes pendingSweep {
  0% { transform:translateX(0); opacity:0; }
  18% { opacity:1; }
  100% { transform:translateX(520%); opacity:0; }
}

@keyframes pendingReplyGlow {
  0% {
    box-shadow:
      0 0 0 0 rgba(242,216,83,.34),
      inset 0 0 0 999px rgba(242,216,83,.10);
  }
  45% {
    box-shadow:
      0 0 0 8px rgba(242,216,83,.16),
      inset 0 0 0 999px rgba(242,216,83,.06);
  }
  100% {
    box-shadow:
      0 0 0 0 rgba(242,216,83,0),
      inset 0 0 0 999px rgba(242,216,83,0);
  }
}

@media (max-width: 760px) {
  .summon-modal-card {
    top:8vh !important;
    padding:34px 28px 28px !important;
  }
  .summon-spirit-stage {
    grid-template-columns:1fr;
    gap:10px;
  }
  .summon-spirit {
    min-height:auto;
  }
}

/* Unified comment stream: AI is a persona participant, not a separate section. */
.comment-filter-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin-top:24px;
  padding-bottom:14px;
  border-bottom:1px solid var(--folio-rule);
}

.comment-filter-left {
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.comment-total {
  font-size:14px;
  letter-spacing:.06em;
}

.comment-filter {
  position:relative;
  border:0;
  background:transparent;
  padding:6px 0;
  color:var(--folio-ink-2);
  cursor:pointer;
  font-family:'Noto Serif SC','Fraunces',serif;
  font-size:13px;
}

.comment-filter::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:2px;
  background:var(--folio-yellow);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}

.comment-filter.is-active {
  color:var(--folio-ink);
}

.comment-filter.is-active::after {
  transform:scaleX(1);
}

.ai-section-head {
  display:none !important;
}

.ai-note-stack {
  gap:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.ai-note-stack::before {
  display:none !important;
}

.persona-comment {
  position:relative;
  border:0 !important;
  border-bottom:1px solid var(--folio-rule) !important;
  border-radius:0 !important;
  padding:20px 0 20px 0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.persona-comment::before {
  content:"";
  position:absolute;
  left:-1px;
  top:22px;
  width:4px;
  height:38px;
  border-radius:999px;
  background:var(--folio-yellow);
}

.persona-comment:nth-child(2n)::before {
  background:var(--folio-blue);
}

.persona-comment .persona-note-head {
  padding-left:18px;
}

.persona-comment .persona-note-head [class^="c-"] {
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  box-shadow:0 0 0 4px rgba(242,216,83,.20) !important;
}

.persona-comment:nth-child(2n) .persona-note-head [class^="c-"] {
  box-shadow:0 0 0 4px rgba(191,220,231,.24) !important;
}

.persona-source span {
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 8px;
  border:1px solid var(--folio-rule);
  border-radius:999px;
  background:#FFFDF6;
  color:var(--folio-ink-2);
}

.persona-source span::before {
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--folio-yellow);
}

.persona-comment .persona-mood-stamp {
  border-radius:999px !important;
  border-color:var(--folio-rule) !important;
  color:var(--folio-ink-2) !important;
  background:#FFFFFF !important;
}

.persona-comment .persona-note-rule {
  margin:14px 0 12px 18px !important;
}

.persona-comment .persona-note-body {
  padding-left:18px;
}

.persona-comment .persona-note-foot {
  margin-left:18px;
  border-top:1px solid rgba(231,225,214,.75);
}