/* =============================================================
   xot-reactions — .xrb reaction bar + .xot-viral-take widget
   Extracted from inc/xot-reactions.php on 2026-05-04
   ============================================================= */
.xrb{background:#0d0d0d;border-top:1px solid rgba(255,255,255,.07);border-radius:0 0 16px 16px;padding:1.5rem 1.25rem;margin-top:0;font-family:'Inter',system-ui,sans-serif}
.xrb__label{font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:3.5px;color:rgba(255,255,255,.18);margin-bottom:1.1rem;display:flex;align-items:center;gap:.75rem}
.xrb__label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.05)}

/* ── Tier badge in label ── */
.xrb__tier-badge{font-size:.42rem;font-weight:900;letter-spacing:1.5px;padding:.2rem .55rem;border-radius:100px;text-transform:uppercase;white-space:nowrap}
.xrb__tier--fan{background:rgba(255,255,255,.06);color:rgba(255,255,255,.3)}
.xrb__tier--critic{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
.xrb__tier--oracle{background:linear-gradient(90deg,rgba(201,162,39,.25),rgba(255,219,107,.2));color:#c9a227;border:1px solid rgba(201,162,39,.2)}

.xrb__emojis{display:flex;gap:.4rem;margin-bottom:1.25rem}

/* ═══════════════════════════════════════════════
/* REACTION BUTTON — Base (Fan tier: outline)
═══════════════════════════════════════════════ */
.xrb__btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:.65rem .5rem .5rem;cursor:pointer;transition:background .12s,border-color .12s,transform .12s;font-family:inherit;min-width:52px;flex:1;position:relative;outline:none}
.xrb__btn:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12);transform:translateY(-2px)}
.xrb__btn.active{background:rgba(240,80,108,.07);border-color:rgba(240,80,108,.25)}

/* SVG icon — Fan: light stroke outline */
.xrb__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.28);transition:color .12s,transform .15s,filter .15s,opacity .12s;flex-shrink:0}
.xrb__icon svg{width:100%;height:100%;display:block}
.xrb__btn:hover .xrb__icon{color:rgba(255,255,255,.6);transform:scale(1.08)}
.xrb__btn.active .xrb__icon{color:#F0506C;transform:scale(1.12)}

.xrb__count{font-size:.58rem;font-weight:800;color:rgba(255,255,255,.28);transition:color .12s;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.xrb__btn.active .xrb__count{color:rgba(240,80,108,.7)}
.xrb__elabel{font-size:.42rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;transition:color .12s}
.xrb__btn:hover .xrb__elabel{color:rgba(255,255,255,.32)}
.xrb__btn.active .xrb__elabel{color:rgba(240,80,108,.45)}
.xrb__elabel em{font-style:normal;color:rgba(201,162,39,.4);font-size:.38rem}
@media(max-width:400px){.xrb__elabel em{display:none}}

/* ═══════════════════════════════════════════════
/* PER-ICON ACCENT COLOURS (Fan outline tier)
/* Xot=red, Flora=rose, Gatekept=blue, Structure=purple, Observed=teal
═══════════════════════════════════════════════ */
.xrb__btn--xot.active .xrb__icon{color:#F0506C;filter:drop-shadow(0 0 5px rgba(240,80,108,.5))}
.xrb__btn--flora.active .xrb__icon{color:#ff8fab;filter:drop-shadow(0 0 5px rgba(255,143,171,.4))}
.xrb__btn--flora.active .xrb__count{color:rgba(255,143,171,.65)}
.xrb__btn--gatekept.active .xrb__icon{color:#60a5fa;filter:drop-shadow(0 0 5px rgba(96,165,250,.4))}
.xrb__btn--gatekept.active .xrb__count{color:rgba(96,165,250,.65)}
.xrb__btn--structure.active .xrb__icon{color:#a78bfa;filter:drop-shadow(0 0 5px rgba(167,139,250,.4))}
.xrb__btn--structure.active .xrb__count{color:rgba(167,139,250,.65)}
.xrb__btn--observed.active .xrb__icon{color:#34d399;filter:drop-shadow(0 0 5px rgba(52,211,153,.4))}
.xrb__btn--observed.active .xrb__count{color:rgba(52,211,153,.65)}

/* ─── Certified — always gold ─── */
.xrb__btn--certified{border-color:rgba(201,162,39,.12);background:rgba(201,162,39,.015)}
.xrb__btn--certified .xrb__icon{color:rgba(201,162,39,.3)}
.xrb__btn--certified:hover .xrb__icon{color:#c9a227}
.xrb__btn--certified.active .xrb__icon{color:#ffdb6b;filter:drop-shadow(0 0 7px rgba(201,162,39,.5))}
.xrb__btn--certified.active .xrb__count{color:rgba(255,219,107,.65)}
.xrb__btn--certified.active .xrb__elabel{color:rgba(255,219,107,.4)}

/* ═══════════════════════════════════════════════
/* TIER: CRITIC — solid filled icons (stroke fill)
/* SVGs gain stroke-width bump + slightly brighter
═══════════════════════════════════════════════ */
.xrb__emojis--tier-critic .xrb__icon{color:rgba(255,255,255,.45)}
.xrb__emojis--tier-critic .xrb__icon svg{stroke-width:2}
.xrb__emojis--tier-critic .xrb__btn:hover .xrb__icon{color:rgba(255,255,255,.85)}
.xrb__emojis--tier-critic .xrb__btn.active .xrb__icon{color:#fff;filter:none}
.xrb__emojis--tier-critic .xrb__btn--xot.active .xrb__icon{color:#F0506C;filter:drop-shadow(0 0 6px rgba(240,80,108,.6))}
.xrb__emojis--tier-critic .xrb__btn--flora.active .xrb__icon{color:#ff8fab}
.xrb__emojis--tier-critic .xrb__btn--gatekept.active .xrb__icon{color:#60a5fa}
.xrb__emojis--tier-critic .xrb__btn--structure.active .xrb__icon{color:#a78bfa}
.xrb__emojis--tier-critic .xrb__btn--observed.active .xrb__icon{color:#34d399}
.xrb__emojis--tier-critic .xrb__btn--certified.active .xrb__icon{color:#ffdb6b;filter:drop-shadow(0 0 8px rgba(201,162,39,.55))}

/* ═══════════════════════════════════════════════
   TIER: ORACLE — inverted / branded
/* Buttons invert: dark icon on coloured bg pill
═══════════════════════════════════════════════ */
.xrb__emojis--tier-oracle .xrb__btn{border-radius:10px}
.xrb__emojis--tier-oracle .xrb__icon{color:rgba(255,255,255,.5)}
.xrb__emojis--tier-oracle .xrb__icon svg{stroke-width:2.2}
.xrb__emojis--tier-oracle .xrb__btn:hover .xrb__icon{color:#fff}

/* Oracle active = icon inverted on coloured fill */
.xrb__emojis--tier-oracle .xrb__btn.active{border-color:transparent}
.xrb__emojis--tier-oracle .xrb__btn--xot.active{background:rgba(240,80,108,.18);border-color:rgba(240,80,108,.4)}
.xrb__emojis--tier-oracle .xrb__btn--xot.active .xrb__icon{color:#fff;filter:drop-shadow(0 0 8px rgba(240,80,108,.7))}
.xrb__emojis--tier-oracle .xrb__btn--flora.active{background:rgba(255,143,171,.15);border-color:rgba(255,143,171,.35)}
.xrb__emojis--tier-oracle .xrb__btn--flora.active .xrb__icon{color:#fff}
.xrb__emojis--tier-oracle .xrb__btn--gatekept.active{background:rgba(96,165,250,.15);border-color:rgba(96,165,250,.35)}
.xrb__emojis--tier-oracle .xrb__btn--gatekept.active .xrb__icon{color:#fff}
.xrb__emojis--tier-oracle .xrb__btn--structure.active{background:rgba(167,139,250,.15);border-color:rgba(167,139,250,.35)}
.xrb__emojis--tier-oracle .xrb__btn--structure.active .xrb__icon{color:#fff}
.xrb__emojis--tier-oracle .xrb__btn--observed.active{background:rgba(52,211,153,.15);border-color:rgba(52,211,153,.35)}
.xrb__emojis--tier-oracle .xrb__btn--observed.active .xrb__icon{color:#fff}
.xrb__emojis--tier-oracle .xrb__btn--certified.active{background:linear-gradient(135deg,rgba(201,162,39,.2),rgba(255,219,107,.15));border-color:rgba(201,162,39,.5)}
.xrb__emojis--tier-oracle .xrb__btn--certified.active .xrb__icon{color:#ffdb6b;filter:drop-shadow(0 0 10px rgba(201,162,39,.65))}

/* ── Gated button ── */
.xrb__btn--gated{opacity:.3;cursor:not-allowed}
.xrb__btn--gated:hover{transform:none !important;background:rgba(255,255,255,.025) !important;border-color:rgba(255,255,255,.06) !important}
.xrb__btn--gated:hover .xrb__icon{transform:none !important;color:rgba(255,255,255,.28) !important}

/* ── Pop animation ── */
.xrb__btn.xrb--pop{animation:xrb-pop .28s cubic-bezier(.34,1.56,.64,1)}
@keyframes xrb-pop{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-4px) scale(1.22)}100%{transform:translateY(-2px) scale(1)}}
.xrb__total{font-size:.68rem;color:rgba(255,255,255,.3);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}
.xrb__total strong{color:rgba(255,255,255,.6);font-weight:700}

/* XOT TAKES */
.xrb__takes{border-top:1px solid rgba(255,255,255,.06);padding-top:1.25rem;margin-top:.5rem}
.xrb__take-form{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1rem;margin-bottom:1rem}
.xrb__take-form textarea{width:100%;background:transparent;border:none;outline:none;color:rgba(255,255,255,.85);font-size:.82rem;font-family:inherit;resize:none;line-height:1.5;min-height:60px}
.xrb__take-form textarea::placeholder{color:rgba(255,255,255,.2)}
.xrb__take-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;gap:.5rem;flex-wrap:wrap}
.xrb__take-emoji-pick{display:flex;gap:.35rem}
.xrb__take-emoji-opt{background:none;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;padding:.3rem .5rem;cursor:pointer;font-size:.9rem;transition:all .15s}
.xrb__take-emoji-opt:hover,.xrb__take-emoji-opt.sel{border-color:rgba(240,80,108,.4);background:rgba(240,80,108,.08)}
.xrb__take-submit{background:linear-gradient(90deg,#F0506C,#C43D58);color:#fff;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.72rem;font-weight:800;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap}
.xrb__take-submit:hover{opacity:.85}
.xrb__char-count{font-size:.6rem;color:rgba(255,255,255,.25);margin-left:auto}
.xrb__char-count.warn{color:#c9a227}
.xrb__char-count.over{color:#F0506C}

.xrb__take-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.85rem 1rem;margin-bottom:.6rem;transition:border-color .15s}
.xrb__take-card:hover{border-color:rgba(255,255,255,.1)}
.xrb__take-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}
.xrb__take-avatar{width:30px;height:30px;border-radius:50%;background:rgba(240,80,108,.15);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;color:#F0506C;font-weight:800}
.xrb__take-name{font-size:.75rem;font-weight:700;color:rgba(255,255,255,.8)}
.xrb__take-badge{font-size:.48rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#c9a227,#ffdb6b);color:#000;padding:.15rem .45rem;border-radius:100px;margin-left:.3rem}
.xrb__take-emoji{margin-left:auto;font-size:1rem}
.xrb__take-text{font-size:.78rem;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:.6rem}
.xrb__take-likes{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid rgba(255,255,255,.07);border-radius:100px;padding:.25rem .65rem;cursor:pointer;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.3);font-family:inherit;transition:all .15s}
.xrb__take-likes:hover,.xrb__take-likes.liked{border-color:rgba(240,80,108,.3);color:#F0506C;background:rgba(240,80,108,.06)}

/* GATE */
.xrb__gate{background:rgba(201,162,39,.04);border:1px solid rgba(201,162,39,.15);border-radius:12px;padding:1.1rem 1.25rem;text-align:center;margin-bottom:1.25rem}
.xrb__gate-icon{font-size:1.5rem;margin-bottom:.5rem}
.xrb__gate-title{font-size:.88rem;font-weight:800;color:rgba(255,255,255,.85);margin-bottom:.35rem}
.xrb__gate-sub{font-size:.72rem;color:rgba(255,255,255,.35);margin-bottom:.85rem;line-height:1.5}
.xrb__gate-btn{display:inline-flex;background:linear-gradient(90deg,#c9a227,#ffdb6b);color:#000;font-size:.7rem;font-weight:900;padding:.5rem 1.25rem;border-radius:100px;text-decoration:none;transition:opacity .15s}
.xrb__gate-btn:hover{opacity:.85;color:#000}

.xrb__see-all{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.68rem;font-weight:700;color:rgba(255,255,255,.25);text-decoration:none;padding:.5rem;transition:color .15s;margin-top:.5rem}
.xrb__see-all:hover{color:rgba(255,255,255,.5)}
.xrb__msg{font-size:.72rem;padding:.45rem .75rem;border-radius:8px;margin-top:.5rem;display:none}
.xrb__msg.ok{background:rgba(29,185,84,.08);border:1px solid rgba(29,185,84,.2);color:#1db954;display:block}
.xrb__msg.err{background:rgba(240,80,108,.08);border:1px solid rgba(240,80,108,.2);color:#F0506C;display:block}
@media(min-width:600px){.xrb__btn{min-width:80px}}
@media(max-width:480px){
  .xrb{padding:1.25rem .85rem}
  .xrb__btn{min-width:44px;padding:.55rem .3rem .4rem;gap:.28rem}
  .xrb__icon{width:17px;height:17px}
  .xrb__count{font-size:.54rem}
  .xrb__elabel{font-size:.38rem;letter-spacing:.5px}
}
@media(max-width:360px){
  .xrb__btn{min-width:38px;padding:.5rem .25rem .35rem}
  .xrb__emojis{gap:.25rem}
}

/* ═══ v10 INTERACTION LAYER ═══ */

/* Spring press */
.xrb__btn.xrb--pressing{transform:scale(.86)!important;transition:transform .08s cubic-bezier(.4,0,.2,1)!important}
.xrb__btn.xrb--springing{transform:scale(1.08) translateY(-3px)!important;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)!important}

/* Soft burst dots */
.xrb-burst{position:fixed;pointer-events:none;z-index:9999}
.xrb-burst__dot{position:absolute;border-radius:50%;opacity:0;animation:xrb-burst-out .6s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes xrb-burst-out{0%{opacity:1;transform:translate(0,0) scale(1.2)}100%{opacity:0;transform:translate(var(--bx),var(--by)) scale(0)}}

/* Ghost icon lift */
.xrb-ghost{position:fixed;width:28px;height:28px;pointer-events:none;z-index:9999;animation:xrb-ghost-lift .9s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes xrb-ghost-lift{0%{opacity:.9;transform:translateY(0) scale(1)}35%{opacity:1;transform:translateY(-22px) scale(1.4)}100%{opacity:0;transform:translateY(-50px) scale(.6)}}

/* Rolling count */
.xrb__count{display:inline-block;overflow:hidden;height:1em;line-height:1em}
.xrb__count-inner{display:inline-block;transition:transform .18s cubic-bezier(.2,.8,.3,1),opacity .12s}
.xrb__count-inner.roll-up{transform:translateY(-100%);opacity:0}
.xrb__count-inner.roll-down{transform:translateY(100%);opacity:0}

/* Certified separator */
.xrb__sep{display:flex;align-items:center;padding:0 2px;align-self:center}
.xrb__sep::after{content:'';width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.08)}

/* Tinted circle behind active icon */
.xrb__btn .xrb__glow{position:absolute;top:4px;left:50%;width:42px;height:42px;border-radius:50%;transform:translateX(-50%) scale(.8);background:transparent;transition:background .3s,transform .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}
.xrb__btn.active .xrb__glow{transform:translateX(-50%) scale(1)}
.xrb__btn--xot.active .xrb__glow{background:rgba(240,80,108,.1)}
.xrb__btn--flora.active .xrb__glow{background:rgba(255,143,171,.08)}
.xrb__btn--gatekept.active .xrb__glow{background:rgba(96,165,250,.08)}
.xrb__btn--structure.active .xrb__glow{background:rgba(167,139,250,.08)}
.xrb__btn--observed.active .xrb__glow{background:rgba(52,211,153,.08)}
.xrb__btn--certified.active .xrb__glow{background:rgba(201,162,39,.06)}

/* Active icon drop shadow */
.xrb__btn.active .xrb__icon{filter:drop-shadow(0 2px 8px currentColor)}

/* Distribution bar */
.xrb__dist{width:70%;height:2px;border-radius:1px;background:rgba(255,255,255,.03);overflow:hidden;margin:3px auto 0}
.xrb__dist-fill{height:100%;border-radius:1px;transition:width .5s cubic-bezier(.2,.8,.3,1),background .3s}

/* Learn reactions link */
.xrb__learn{background:none;border:none;cursor:pointer;font-size:.48rem;font-weight:700;letter-spacing:.5px;color:rgba(255,255,255,.18);font-family:inherit;padding:2px 0;flex-shrink:0;transition:color .15s}
.xrb__learn:hover{color:rgba(255,255,255,.4)}

/* Cred pop */
.xrb__cred-pop{font-size:.55rem;font-weight:700;margin-left:10px;animation:xrb-cred-pop 1.5s ease forwards}
@keyframes xrb-cred-pop{0%{opacity:0;transform:translateY(3px)}12%{opacity:1;transform:translateY(0)}78%{opacity:1}100%{opacity:0;transform:translateY(-2px)}}

/* New user brighter labels */
.xrb--new-user .xrb__elabel{color:rgba(255,255,255,.25)!important;font-size:.4rem!important}
.xrb--new-user .xrb__btn.active .xrb__elabel{color:inherit!important}

/* Long-press: prevent native callout */
.xrb__btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}

/* Walkthrough overlay */
.xrb-walkthrough{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;animation:xrb-fade-in .25s ease}
.xrb-walkthrough__card{width:88%;max-width:340px;background:#111114;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:28px 24px 22px;text-align:center;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.xrb-walkthrough__dots{display:flex;gap:5px;justify-content:center;margin-bottom:24px}
.xrb-walkthrough__dot{height:5px;border-radius:3px;transition:all .35s cubic-bezier(.2,.8,.3,1)}
.xrb-walkthrough__icon-wrap{width:56px;height:56px;border-radius:16px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;animation:xrb-icon-spring .4s cubic-bezier(.175,.885,.32,1.275)}
.xrb-walkthrough__icon{width:26px;height:26px}
.xrb-walkthrough__name{font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:3px}
.xrb-walkthrough__meaning{font-size:.78rem;font-weight:600;font-style:italic;margin-bottom:14px}
.xrb-walkthrough__when{font-size:.7rem;color:rgba(255,255,255,.35);line-height:1.65;max-width:280px;margin:0 auto 24px}
.xrb-walkthrough__lock{font-size:.52rem;font-weight:700;color:#c9a227;background:rgba(201,162,39,.06);border:1px solid rgba(201,162,39,.12);border-radius:8px;padding:6px 14px;margin-bottom:18px;display:inline-block}
.xrb-walkthrough__btns{display:flex;gap:8px}
.xrb-walkthrough__btn{padding:11px 0;border-radius:11px;font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit;border:none}
.xrb-walkthrough__btn--back{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)!important;color:rgba(255,255,255,.4)}
.xrb-walkthrough__btn--next{flex:2;font-weight:800}
.xrb-walkthrough__skip{background:none;border:none;color:rgba(255,255,255,.12);font-size:.52rem;font-weight:600;cursor:pointer;font-family:inherit;margin-top:12px;padding:0}

/* Detail sheet */
.xrb-detail{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;animation:xrb-fade-in .15s ease}
.xrb-detail__panel{width:100%;max-width:400px;background:#141417;border-radius:20px 20px 0 0;border:1px solid rgba(255,255,255,.07);border-bottom:none;padding:20px 22px 28px;animation:xrb-sheet-up .3s cubic-bezier(.16,1,.3,1)}
.xrb-detail__handle{width:32px;height:4px;border-radius:2px;background:rgba(255,255,255,.08);margin:0 auto 18px}

@keyframes xrb-fade-in{from{opacity:0}to{opacity:1}}
@keyframes xrb-icon-spring{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes xrb-sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* === viral take widget === */
.xot-viral-take{margin:1.5rem 0}
.xot-viral-take__label{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.25);margin-bottom:.75rem}
.xot-viral-take__card{background:linear-gradient(135deg,rgba(240,80,108,.06),rgba(201,162,39,.04));border:1px solid rgba(240,80,108,.18);border-radius:14px;padding:1.1rem 1.25rem}
.xot-viral-take__head{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}
.xot-viral-take__avatar{width:36px;height:36px;border-radius:50%;background:rgba(240,80,108,.15);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#F0506C;flex-shrink:0}
.xot-viral-take__name{font-size:.78rem;font-weight:800;color:rgba(255,255,255,.85)}
.xot-viral-take__star{font-size:.5rem;font-weight:900;background:linear-gradient(90deg,#c9a227,#ffdb6b);color:#000;padding:.12rem .35rem;border-radius:100px;margin-left:.25rem}
.xot-viral-take__post{font-size:.62rem;color:rgba(255,255,255,.3);margin-top:.15rem}
.xot-viral-take__post a{color:rgba(255,255,255,.45);text-decoration:none}
.xot-viral-take__post a:hover{color:rgba(255,255,255,.7)}
.xot-viral-take__emoji{font-size:1.4rem;margin-left:auto;flex-shrink:0}
.xot-viral-take__text{font-size:.82rem;color:rgba(255,255,255,.65);line-height:1.65;margin-bottom:.75rem;font-style:italic}
.xot-viral-take__footer{display:flex;align-items:center;gap:.75rem}
.xot-viral-take__likes{font-size:.65rem;font-weight:700;color:#F0506C;background:rgba(240,80,108,.08);border:1px solid rgba(240,80,108,.18);padding:.2rem .65rem;border-radius:100px}