/* RAGHBA • approved post artwork translated to responsive, data-backed UI. */
body:has(.rb-post-ref-card){--rb-ref-line:#c04e91;--rb-ref-bright:#fb5da8}
body:has(.rb-post-ref-card) .article-layout{padding-top:10px!important}
body:has(.rb-post-ref-card) .rb-post-shell{gap:18px!important}
body:has(.rb-post-ref-card) .rb-post-main-column{gap:13px!important}
body:has(.rb-post-ref-card) .rb-post-ref-card{position:relative!important;padding:20px 18px 17px!important;border:1px solid #c64a89!important;border-radius:17px!important;background:linear-gradient(126deg,#4e1439 0%,#37122e 55%,#250b28 100%)!important;box-shadow:0 15px 42px #11030b50, inset 0 1px 0 #ff80ba19!important;overflow:hidden!important}
body:has(.rb-post-ref-card) .rb-post-ref-tags{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-height:30px!important;padding-right:0!important;margin-bottom:10px!important;padding-left:160px!important}
body:has(.rb-post-ref-card) .rb-post-ref-tags .tag,body:has(.rb-post-ref-card) .rb-post-ref-tags .adult-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;min-height:27px!important;padding:4px 12px!important;border:1px solid #c65791!important;border-radius:18px!important;background:linear-gradient(135deg,#78234f,#4a163d)!important;white-space:nowrap!important}
body:has(.rb-post-ref-card) .rb-post-ref-tags .rb-post-eyebrow{display:none!important}
body:has(.rb-post-ref-card) .rb-post-ref-card h1{font-size:clamp(23px,1.8vw,29px)!important;line-height:1.4!important;font-weight:900!important;letter-spacing:-.2px!important;text-align:right!important;margin:3px 0 12px!important;clear:both!important}
body:has(.rb-post-ref-card) .rb-post-ref-author{display:flex!important;position:absolute!important;top:18px!important;right:18px!important;width:175px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;border:0!important;z-index:3!important;direction:rtl!important}
body:has(.rb-post-ref-card) .rb-post-ref-author .avatar{order:0!important;width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#c04386,#7c265c)!important;font-size:15px!important}
body:has(.rb-post-ref-card) .rb-post-ref-author>div{order:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important}
body:has(.rb-post-ref-card) .rb-post-ref-author strong{font-size:13px!important;color:white!important;line-height:1.15!important}
body:has(.rb-post-ref-card) .rb-post-ref-author time{font-size:10px!important;color:#eebdd7!important;line-height:1.15!important;white-space:nowrap!important}
body:has(.rb-post-ref-card) .rb-post-ref-author .reading-time{display:none!important}
body:has(.rb-post-ref-card) .rb-post-feature{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr)!important;gap:21px!important;align-items:stretch!important;margin:0 0 14px!important;min-height:270px!important}
body:has(.rb-post-ref-card) .rb-post-feature .article-cover{grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;max-height:310px!important;min-height:235px!important;aspect-ratio:1.45/1!important;border:1px solid #bb538c!important;border-radius:15px!important;box-shadow:0 3px 15px #0c021631!important;overflow:hidden!important}
body:has(.rb-post-ref-card) .rb-post-feature .article-cover img{object-fit:cover!important;object-position:center!important;max-height:none!important;width:100%!important;height:100%!important}
body:has(.rb-post-ref-card) .rb-post-feature .article-content{grid-column:1!important;grid-row:1!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:space-around!important;gap:5px!important;font-size:clamp(13px,1.04vw,16px)!important;line-height:1.58!important;font-weight:500!important;text-align:right!important}
body:has(.rb-post-ref-card) .rb-post-feature .article-content p{line-height:1.55!important;margin:0!important;font-size:inherit!important}
body:has(.rb-post-ref-card) #postReactionMount{margin:0 0 11px!important}
body:has(.rb-post-ref-card) #postReactionMount .st-post-panel{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:51px!important;padding:6px 13px!important;border:1px solid #a43e76!important;border-radius:12px!important;background:linear-gradient(90deg,#77204f,#4a173c)!important}
body:has(.rb-post-ref-card) #postReactionMount .st-panel-subtitle{margin:0!important;font-size:13px!important;color:white!important;font-weight:850!important;white-space:nowrap!important}
body:has(.rb-post-ref-card) #postReactionMount .st-reaction-bar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;justify-content:center!important;margin:0!important}
body:has(.rb-post-ref-card) #postReactionMount .st-reaction-bar .st-reaction-label{display:none!important}
body:has(.rb-post-ref-card) #postReactionMount .st-reaction{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:47px!important;min-height:32px!important;height:32px!important;border-radius:20px!important;background:linear-gradient(#53203e,#3a142f)!important;border:1px solid #9f4674!important;padding:3px 9px!important;box-shadow:0 3px 7px #1605184d!important}
body:has(.rb-post-ref-card) #postReactionMount .st-reaction.active{border-color:#fd88bf!important;background:#9d2869!important;box-shadow:0 0 0 1px #f888c0!important}
body:has(.rb-post-ref-card) #postReactionMount .rb-reaction-svg{width:23px!important;height:23px!important;flex-basis:23px!important}
body:has(.rb-post-ref-card) #postReactionMount .st-count{font-size:12px!important;color:white!important}
body:has(.rb-post-ref-card) .rb-post-ref-footer{padding:0!important;margin:0!important;border:0!important}
body:has(.rb-post-ref-card) .rb-post-ref-share{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:space-between!important;margin:0!important}
body:has(.rb-post-ref-card) .rb-post-ref-share>*:not([hidden]){display:inline-flex!important;flex:1 1 140px!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:none!important;min-height:40px!important;padding:8px 9px!important;font-size:12px!important;font-weight:750!important;border:1px solid #a54c7e!important;border-radius:11px!important;background:linear-gradient(#602345,#451732)!important;gap:7px!important;text-align:center!important}
body:has(.rb-post-ref-card) .rb-post-ref-share>.fb-share-btn{background:#1766cb!important;border-color:#4e93ed!important}
body:has(.rb-post-ref-card) .rb-post-ref-share>.x-share-btn{background:#1b1422!important;border-color:#8a627a!important}
body:has(.rb-post-ref-card) .rb-post-ref-share [hidden]{display:none!important}
body:has(.rb-post-ref-card) .rb-post-ref-owner-controls{text-align:left;margin-top:7px}
body:has(.rb-post-ref-card) .rb-post-ref-more{font-size:11px;color:#efb2d1;text-decoration:none}
body:has(.rb-post-ref-card) .rb-post-ref-more:hover{text-decoration:underline}
body:has(.rb-post-ref-card) #socialThread{display:block!important;margin:0!important;padding:15px 18px 16px!important;border:1px solid #b34c87!important;border-radius:17px!important;background:linear-gradient(135deg,#52163c,#30122d)!important;max-width:none!important;width:100%!important}
body:has(.rb-post-ref-card) #socialThread .st-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:29px!important;padding:0 0 10px!important;border:0!important;gap:8px!important}
body:has(.rb-post-ref-card) #socialThread .st-title{font-size:20px!important;font-weight:900!important}
body:has(.rb-post-ref-card) #socialThread .st-total{order:1!important;background:#973064!important;border:1px solid #dc69a8!important;font-size:11px!important;color:white!important}
body:has(.rb-post-ref-card) #socialThread .st-list{gap:9px!important}
body:has(.rb-post-ref-card) #socialThread .st-thread-item{padding:10px 13px!important;border:1px solid #9f4474!important;border-radius:13px!important;background:linear-gradient(135deg,#622249,#46173a)!important;min-height:95px!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-head{gap:7px!important;min-height:35px!important}
body:has(.rb-post-ref-card) #socialThread .st-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;border:1px solid #c7699b!important}
body:has(.rb-post-ref-card) #socialThread .st-author{font-size:13px!important;font-weight:850!important;color:white!important}
body:has(.rb-post-ref-card) #socialThread .st-time{font-size:10px!important}
body:has(.rb-post-ref-card) #socialThread .st-text{margin:3px 0 6px!important;line-height:1.6!important;font-size:13px!important;color:#ffeaf4!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;margin:0!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions button{font-size:12px!important;color:#ffb8db!important}
body:has(.rb-post-ref-card) #socialThread .st-thread-item>.st-comment>.st-reaction-bar{display:flex!important;justify-content:flex-start!important;gap:4px!important;margin:3px 0 0!important}
body:has(.rb-post-ref-card) #socialThread .st-thread-item .st-reaction{min-width:28px!important;min-height:26px!important;padding:2px 5px!important;border-radius:18px!important;background:#51213e!important}
body:has(.rb-post-ref-card) #socialThread .st-thread-item .rb-reaction-svg{width:17px!important;height:17px!important;flex-basis:17px!important}
body:has(.rb-post-ref-card) #socialThread .st-compose{padding:0!important;margin:10px 0 0!important;border:0!important}
body:has(.rb-post-ref-card) #socialThread .st-main-form{display:block!important;position:relative!important}
body:has(.rb-post-ref-card) #socialThread .st-form-title{display:none!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row{position:relative!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;min-height:54px!important;border:1px solid #dc5397!important;border-radius:12px!important;background:#200d22!important;overflow:hidden!important;gap:0!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row .st-textarea{order:1!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;max-height:100px!important;resize:vertical!important;padding:14px 16px!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font-size:13px!important;outline:none!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row .st-send{order:0!important;flex:0 0 54px!important;min-width:54px!important;height:54px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;font-size:26px!important;background:linear-gradient(135deg,#fa5aa2,#bd2376)!important;transform:scaleX(-1)}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar{order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;border-inline-start:1px solid #763456!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-emoji-toggle{display:grid!important;place-items:center!important;width:41px!important;height:45px!important;border:0!important;color:#ffc5e1!important;background:transparent!important;font-size:25px!important;cursor:pointer}
body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker{position:absolute!important;bottom:calc(100% + 5px)!important;left:3px!important;right:3px!important;z-index:5!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:8px!important;background:#321632!important;border:1px solid #b25586!important;border-radius:10px!important;box-shadow:0 12px 25px #15081888!important}
body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker[hidden]{display:none!important}
body:has(.rb-post-ref-card) #socialThread .st-status:empty{display:none!important}
body:has(.rb-post-ref-card) #socialThread .st-signin-link{display:inline-flex!important;background:linear-gradient(130deg,#f455a1,#9d2867)!important}
@media(max-width:1280px){body:has(.rb-post-ref-card) .rb-post-ref-card{padding:17px!important}body:has(.rb-post-ref-card) .rb-post-feature{gap:12px!important}body:has(.rb-post-ref-card) .rb-post-feature .article-content{font-size:13px!important}body:has(.rb-post-ref-card) .rb-post-ref-tags{padding-left:144px!important}}
@media(max-width:800px){body:has(.rb-post-ref-card) .rb-post-ref-card{padding:14px!important}body:has(.rb-post-ref-card) .rb-post-ref-tags{padding-left:0!important;padding-top:45px!important;justify-content:flex-start!important}body:has(.rb-post-ref-card) .rb-post-ref-author{top:12px!important;right:14px!important}body:has(.rb-post-ref-card) .rb-post-ref-card h1{font-size:22px!important}body:has(.rb-post-ref-card) .rb-post-feature{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important}body:has(.rb-post-ref-card) .rb-post-feature .article-cover{order:1!important;min-height:0!important;max-height:380px!important;aspect-ratio:1.55/1!important}body:has(.rb-post-ref-card) .rb-post-feature .article-content{order:2!important;font-size:14px!important;line-height:1.72!important}body:has(.rb-post-ref-card) #postReactionMount .st-post-panel{flex-direction:column!important;align-items:stretch!important}body:has(.rb-post-ref-card) #postReactionMount .st-reaction-bar{justify-content:flex-start!important}body:has(.rb-post-ref-card) .rb-post-ref-share>*:not([hidden]){flex-basis:calc(50% - 6px)!important;font-size:11px!important}body:has(.rb-post-ref-card) #socialThread{padding:12px!important}}

/* Stronger, local override of historical desktop author layout. */
@media(min-width:801px){
 body:has(.rb-post-shell:not(.rb-article-longform)) .article-paper.rb-post-ref-card .article-byline.rb-post-ref-author{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;bottom:auto!important;width:190px!important;max-width:190px!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;border:0!important}
 body:has(.rb-post-shell:not(.rb-article-longform)) .article-paper.rb-post-ref-card .rb-post-ref-tags{margin-bottom:10px!important;min-height:30px!important}
 body:has(.rb-post-shell:not(.rb-article-longform)) .article-paper.rb-post-ref-card h1{margin-top:4px!important}
}
@media(max-width:800px){
 body:has(.rb-post-shell:not(.rb-article-longform)) .article-paper.rb-post-ref-card .article-byline.rb-post-ref-author{position:static!important;top:auto!important;right:auto!important;width:auto!important;max-width:none!important;min-height:41px!important;height:auto!important;margin:0 0 10px!important;padding:0!important}
 body:has(.rb-post-ref-card) .rb-post-ref-tags{padding-top:0!important;padding-left:0!important;margin-bottom:10px!important}
}
/* Guest state uses honest login controls, while the signed-in view has a one-row composer. */
body:has(.rb-post-ref-card) #socialThread .st-signin-text{margin:8px 0!important}
body:has(.rb-post-ref-card) #socialThread .st-signin-link{padding:11px 17px!important;border-radius:11px!important}

/* Accurate five-button reference share row; native Web Share, real database bookmark. */
body:has(.rb-post-ref-card) .rb-post-ref-share{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
body:has(.rb-post-ref-card) .rb-post-ref-share>*:not([hidden]){flex:unset!important;width:100%!important;min-width:0!important;min-height:40px!important}
body:has(.rb-post-ref-card) .rb-post-ref-share #rbPostSave.is-saved{border-color:#ff83b8!important;color:#ffd3e7!important;background:linear-gradient(125deg,#9f2867,#632047)!important}
body:has(.rb-post-ref-card) .rb-post-ref-share #rbPostSave:disabled{opacity:.55;cursor:wait}
body:has(.rb-post-ref-card) .rb-post-ref-owner-controls{margin-top:8px!important}
body:has(.rb-post-ref-card) .rb-post-ref-more{font-size:11px!important;opacity:.75}
@media(max-width:900px){body:has(.rb-post-ref-card) .rb-post-ref-share{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(.rb-post-ref-card) .rb-post-ref-share>*:last-child{grid-column:auto!important}}

/* The approved reference: right-side send, inline text, left-side attachment and photo tools. */
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row{overflow:visible!important;direction:rtl!important;display:flex!important;align-items:stretch!important;min-height:49px!important;height:49px!important;background:#220b25!important;border-color:#df519c!important;border-radius:12px!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row .st-send{order:0!important;flex:0 0 49px!important;min-width:49px!important;height:49px!important;border-radius:0 11px 11px 0!important;transform:none!important;font-size:26px!important;line-height:1!important;background:linear-gradient(125deg,#fb54a0,#b41474)!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row .st-textarea{order:1!important;flex:1 1 auto!important;height:47px!important;min-height:47px!important;max-height:115px!important;padding:12px 13px!important;resize:vertical!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar{order:2!important;flex:0 0 auto!important;display:flex!important;flex-direction:row!important;gap:3px!important;min-width:104px!important;padding:1px 2px!important;justify-content:flex-end!important;border-inline-start:1px solid #75335e!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar>button{flex:0 0 45px!important;min-width:42px!important;min-height:44px!important;max-height:44px!important;border:1px solid #743058!important;border-radius:10px!important;background:linear-gradient(#562345,#3f1534)!important;color:#f9d7eb!important;display:grid!important;place-items:center!important;cursor:pointer!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle{display:none!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-file-input,body:has(.rb-post-ref-card) #socialThread .rb-ref-photo-input{display:none!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-attach-status{font-size:12px!important;color:#ffd4e9!important;margin:7px 4px!important;padding:5px 8px!important;border-radius:9px!important;border:1px solid #a44578!important;background:#35142d!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-attach-status[hidden]{display:none!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-remove-attachment{margin-right:9px!important;cursor:pointer!important;color:#ffd3e6!important;border:0!important;background:transparent!important;text-decoration:underline!important}
body:has(.rb-post-ref-card) #socialThread .rb-comment-attachment{display:inline-flex!important;max-width:100%!important;margin:4px 0 8px!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important;border:1px solid #ac4e83!important;border-radius:9px!important}
body:has(.rb-post-ref-card) #socialThread .rb-comment-att-image{display:block!important;max-width:260px!important;max-height:180px!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:8px!important}
@media(max-width:580px){body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar>button{flex-basis:34px!important;min-width:32px!important;width:34px!important}body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar{min-width:73px!important}body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-row .st-send{flex-basis:43px!important;min-width:43px!important;height:49px!important}}

/* Comment rows in the approved reference: compact actions and optional full reactions. */
body:has(.rb-post-ref-card) #socialThread .st-thread-item{padding:10px 12px!important;min-height:0!important}
body:has(.rb-post-ref-card) #socialThread .st-comment{min-height:0!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-head{min-height:29px!important}
body:has(.rb-post-ref-card) #socialThread .st-avatar{width:31px!important;height:31px!important;flex-basis:31px!important}
body:has(.rb-post-ref-card) #socialThread .st-text{margin:3px 0 4px!important;line-height:1.55!important;font-size:12px!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions{min-height:21px!important;justify-content:flex-start!important;gap:12px!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions button{padding:1px 2px!important;font-size:11px!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions .rb-ref-comment-like{color:#ffd0e8!important}
body:has(.rb-post-ref-card) #socialThread .st-thread-item>.st-comment>.st-reaction-bar,body:has(.rb-post-ref-card) #socialThread .st-comment.st-reply>.st-reaction-bar{display:none!important}
body:has(.rb-post-ref-card) #socialThread .st-thread-item>.st-comment.rb-reactions-expanded>.st-reaction-bar,body:has(.rb-post-ref-card) #socialThread .st-comment.rb-reactions-expanded>.st-reaction-bar{display:flex!important;justify-content:flex-end!important;gap:5px!important;margin-top:5px!important}
body:has(.rb-post-ref-card) #socialThread .st-heading{padding:0 0 7px!important}
body:has(.rb-post-ref-card) #socialThread .st-list{gap:8px!important}
body:has(.rb-post-ref-card) #socialThread .st-compose{margin-top:9px!important}

/* Actual view count next to post reactions, identical across all user-facing post routes. */
body:has(.rb-post-ref-card) #postReactionMount .rb-post-views{order:3!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important;direction:rtl!important;white-space:nowrap!important;font-size:12px!important;font-weight:750!important;color:#fce3f2!important;min-width:98px!important;justify-content:flex-start!important}
body:has(.rb-post-ref-card) #postReactionMount .rb-post-views svg{color:#ffc4e4!important}
body:has(.rb-post-ref-card) #postReactionMount .st-reaction-bar{flex:1 1 auto!important}
/* Comment reaction choice is visible even when palette is closed. */
body:has(.rb-post-ref-card) #socialThread .st-comment-actions .rb-ref-comment-like{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:27px!important;padding:3px 8px!important;border-radius:19px!important;color:#f4c5de!important;font-size:12px!important;font-weight:700!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions .rb-ref-comment-like.rb-ref-selected-reaction{background:#84335f!important;border:1px solid #ef6daf!important;color:#fff!important;box-shadow:0 0 8px #df4b9170!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-choice-emoji{font-size:17px!important;line-height:1!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions .rb-ref-more-reactions{border:1px solid #9e4478!important;border-radius:18px!important;padding:4px 10px!important;background:#3d1734!important;font-size:11px!important;color:#ffd8e9!important;white-space:nowrap!important}
body:has(.rb-post-ref-card) #socialThread .st-comment-actions .rb-ref-comment-summary{display:inline-flex!important;align-items:center!important;gap:3px!important;border-radius:20px!important;background:#511e3e!important;border:1px solid #87436a!important;padding:2px 7px!important;margin-inline-start:auto!important;min-height:26px!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-count-emoji{font-size:14px!important;line-height:1!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-count-number{font-size:12px!important;font-weight:700!important;color:#fff!important;margin-inline-start:2px!important}
body:has(.rb-post-ref-card) #socialThread .st-comment.rb-reactions-expanded>.st-reaction-bar{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-end!important;margin-top:8px!important;padding:7px!important;background:#33142f!important;border-radius:12px!important;border:1px solid #aa4784!important}
body:has(.rb-post-ref-card) #socialThread .st-comment.rb-reactions-expanded>.st-reaction-bar .st-reaction{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:40px!important;height:34px!important;border-radius:19px!important;background:#5c2244!important}
body:has(.rb-post-ref-card) #socialThread .st-comment.rb-reactions-expanded>.st-reaction-bar .st-reaction.active{background:#b83279!important;box-shadow:0 0 0 1px #ff93c8!important}
body:has(.rb-post-ref-card) #socialThread .st-comment.rb-reactions-expanded>.st-reaction-bar .st-reaction:focus-visible,body:has(.rb-post-ref-card) #socialThread .rb-ref-more-reactions:focus-visible{outline:2px solid #ffd6ed!important;outline-offset:2px!important}
@media(max-width:880px){body:has(.rb-post-ref-card) #postReactionMount .rb-post-views{justify-content:center!important;width:100%!important;margin-top:4px!important}body:has(.rb-post-ref-card) #socialThread .st-comment-actions{flex-wrap:wrap!important}}

/* Restore original emoji picker beside attachment and image, without hiding it on desktop/mobile. */
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle{display:grid!important;place-items:center!important;flex:0 0 42px!important;min-width:42px!important;width:42px!important;max-width:42px!important;height:44px!important;min-height:44px!important;padding:0!important;color:#ffd9eb!important;font-size:24px!important;font-family:Arial,sans-serif!important;background:linear-gradient(#562345,#3f1534)!important;border:1px solid #743058!important;border-radius:10px!important;cursor:pointer!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle.rb-emoji-open,body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle:hover{color:#fff!important;border-color:#ff8cc5!important;background:linear-gradient(#ae3c79,#6c2452)!important}
body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar{flex:0 0 auto!important;min-width:154px!important;gap:3px!important}
body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker{position:absolute!important;left:0!important;right:auto!important;bottom:calc(100% + 9px)!important;width:min(360px,100%)!important;max-height:195px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;z-index:60!important;display:flex!important;justify-content:flex-start!important;gap:6px!important;background:#35142f!important;border:1px solid #e96cac!important;border-radius:13px!important;box-shadow:0 12px 32px #110511bb!important}
body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker[hidden]{display:none!important}
body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker .st-emoji{flex:0 0 38px!important;min-height:36px!important;font-size:22px!important;border-radius:8px!important;background:#52213e!important;border:1px solid #804363!important}
body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker .st-emoji:hover,body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker .st-emoji:focus-visible{background:#89345f!important;border-color:#ffa0d0!important;outline:none!important}
@media(max-width:580px){body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar{min-width:106px!important;gap:1px!important;padding:1px!important}body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar>button,body:has(.rb-post-ref-card) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle{flex:0 0 32px!important;min-width:32px!important;width:32px!important;max-width:32px!important;height:42px!important;min-height:42px!important;padding:0!important}body:has(.rb-post-ref-card) #socialThread #rbEmojiPicker{width:min(290px,100%)!important}}