*{box-sizing:border-box}
:root{
  --bg:#f8f4f0;
  --card:#fff;
  --line:#e8e4df;
  --ink:#111827;
  --muted:#555963;
  --orange:#ff8c43;
  --salmon:#f6a79b;
  --accent:#ff6b3d;
  --green:#17c964;
  font-family:"Poppins",system-ui,sans-serif
}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{font-family:"Poppins",system-ui,sans-serif}
button{font:inherit}
.topbar{
  height:64px;background:#fbf7f3;border-bottom:1px solid #ece7e2;
  display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:30
}
.brand{font-size:27px;font-weight:700;letter-spacing:-1.7px;text-decoration:none;color:#242424;line-height:1}
.brand span{color:#ff7b3f}
.globe{
  position:absolute;right:25px;top:50%;transform:translateY(-50%);
  border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#374151
}
.globe svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}

.shell{width:min(100%,668px);margin:8px auto 140px;padding:0 0 40px}
.profile-card{
  background:#fff;border:1px solid #ddd9d5;border-radius:22px;overflow:hidden
}
.cover{height:84px;position:relative;overflow:hidden;background:#ddd}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.cover-fallback{
  position:absolute;inset:-10px;
  background:
    radial-gradient(ellipse at 35% 36%,#d7b092 0 18%,transparent 19%),
    radial-gradient(ellipse at 68% 58%,#5186d9 0 19%,transparent 20%),
    linear-gradient(110deg,#837b71,#ddd4ca 55%,#b39e8c)
}
.profile-top{height:34px;position:relative}
.avatar{
  position:absolute;left:18px;top:-39px;width:72px;height:72px;border-radius:50%;
  border:4px solid #fff;overflow:hidden;background:linear-gradient(135deg,#57955f,#d78665);
  display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700;z-index:4
}
.avatar img,.spots-avatar img,.mini-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.avatar span,.spots-avatar span,.mini-avatar span{position:relative;z-index:1}
.stats{
  height:34px;display:flex;align-items:center;justify-content:flex-end;gap:17px;padding-right:20px;
  color:#3f434b;font-size:13px
}
.stats span{display:flex;align-items:center;gap:5px}
.stats svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.profile-copy{padding:5px 18px 18px}
.name-row{display:flex;align-items:center;gap:4px}
.name-row h1{font-size:20px;margin:0;font-weight:600;letter-spacing:-.6px}
.verified{display:inline-flex;align-items:center;margin-left:-2px;width:18px;height:18px;color:#2f80ed}
.verified svg{width:18px;height:18px;fill:#2f80ed;display:block}
.verified.mini{width:13px;height:13px;margin-left:2px;vertical-align:-1px}
.verified.mini svg{width:13px;height:13px;fill:#2f80ed}
.handle{font-size:13px;margin-top:1px}
.bio{
  margin:7px 0 0;font-size:13px;line-height:1.25;font-weight:500;
  max-width:95%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.bio.open{-webkit-line-clamp:initial;display:block}
.read-more{border:0;background:none;padding:5px 0 0;color:#ff7b3f;font-size:13px}
.location{margin-top:55px;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500}
.location svg{width:18px;height:18px;fill:none;stroke:#374151;stroke-width:1.7}

.offer-box{
  margin:0 9px 10px;padding:18px 15px 16px;border-radius:18px;background:#f7f4f1
}
.offer-box h2{font-size:16px;margin:0 0 13px;font-weight:600}
.offer-box h2 span{color:#ff8a32;font-size:20px}
.spots{height:36px;display:flex;align-items:center;gap:9px}
.spots-avatar{
  width:28px;height:28px;border-radius:50%;overflow:hidden;position:relative;
  display:grid;place-items:center;background:linear-gradient(135deg,#4e8d60,#db8f69);color:#fff;font-size:8px;font-weight:700
}
.spots>div:last-child{
  height:36px;flex:1;background:#fff;border-radius:9px;display:flex;align-items:center;padding:0 11px;font-size:13px
}
.featured-offer{margin-top:44px;position:relative}
.discount{
  position:absolute;top:-16px;left:20px;background:#efffec;color:#16c857;
  padding:3px 9px;border-radius:999px;font-size:11px;z-index:2
}
.gradient-btn{
  width:100%;border:0;border-radius:999px;padding:10px 18px;
  background:linear-gradient(90deg,#ff9343 0%,#ffb17c 48%,#f5a59a 100%);
  color:#111;font-weight:600;font-size:14px;transition:transform .15s ease,filter .2s ease
}
.gradient-btn:hover{filter:brightness(.98)}
.gradient-btn:active{transform:scale(.99)}
.original-price{text-align:right;font-size:10px;margin-top:7px}
.plans{padding:8px 9px 16px}
.plans-head{
  width:100%;height:32px;border:0;background:none;display:flex;justify-content:space-between;
  align-items:center;padding:0 10px;font-weight:600;font-size:14px
}
.plans-head svg{width:18px;height:18px;fill:none;stroke:#9da0a6;stroke-width:2;transition:transform .2s}
.plans-head.closed svg{transform:rotate(180deg)}
.plans-list{display:grid;gap:8px}
.plans-list.closed{display:none}
.plan-btn{
  width:100%;border:0;border-radius:999px;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;
  background:linear-gradient(90deg,#ff9343 0%,#ffb17c 48%,#f5a59a 100%);font-weight:600;font-size:14px;color:#111
}
.tabs-card{
  height:54px;margin-top:16px;background:#fff;border:1px solid #ddd9d5;border-radius:16px;
  display:grid;grid-template-columns:1fr 1fr;overflow:hidden
}
.tab{
  border:0;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500
}
.tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.tab.active{color:#ff7b3f}
.tab.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff7b3f}
.post-card{margin-top:16px;background:#fff;border-radius:16px;overflow:hidden}
.post-head{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.post-author{display:flex;align-items:center;gap:10px}
.mini-avatar{
  width:58px;height:58px;border-radius:50%;overflow:hidden;position:relative;
  display:grid;place-items:center;background:linear-gradient(135deg,#57955f,#d78665);color:#fff;font-size:11px;font-weight:700
}
.post-author strong{font-size:13px;font-weight:500}
.post-author small{display:block;font-size:12px}
.dots{border:0;background:none;font-size:25px}
.post-media{height:520px;position:relative;overflow:hidden;background:#efe8df}
.post-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.media-fallback{position:absolute;inset:0;background:linear-gradient(145deg,#efe5d8,#d8c5b0)}
.lock-bubble{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.93);
  display:grid;place-items:center;box-shadow:0 4px 16px rgba(0,0,0,.12)
}
.lock-bubble svg{width:24px;height:24px;fill:none;stroke:#969ca5;stroke-width:1.7}

.cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:50;background:#f0f0f0;
  padding:20px 36px;display:grid;grid-template-columns:1fr 234px;gap:28px;align-items:center
}
.cookie p{margin:0;font-size:13px;line-height:1.45}
.cookie a{color:#ff7250;text-decoration:none}
.cookie button{
  border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(90deg,#f77e6f,#f4a269);
  color:#fff;font-weight:600
}
.cookie.hidden{display:none}

.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
.modal.open{display:flex}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.modal-card{
  width:min(92%,420px);position:relative;z-index:2;background:#fff;border-radius:18px;padding:24px;
  box-shadow:0 20px 70px rgba(0,0,0,.24)
}
.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:27px;color:#888}
.modal-card h3{margin:0 0 5px;font-size:18px}
.modal-card p{margin:0 0 15px;color:#666;font-size:13px}
.modal-action{margin-bottom:9px}
.modal-card small{font-size:11px;color:#777}

@media(max-width:700px){
  .topbar{height:66px}
  .brand{font-size:25px}
  .globe{right:24px}
  .shell{width:100%;margin:7px auto 125px;padding:0 16px}
  .profile-card{border-radius:20px}
  .cover{height:89px}
  .profile-top{height:38px}
  .avatar{left:16px;top:-40px;width:76px;height:76px}
  .stats{gap:14px;padding-right:13px;font-size:13px}
  .profile-copy{padding:4px 16px 16px}
  .name-row h1{font-size:20px}
  .handle{font-size:13px}
  .bio{font-size:13px;line-height:1.3}
  .location{margin-top:58px;font-size:13px}
  .offer-box{margin:0 8px 8px;padding:18px 14px 16px}
  .offer-box h2{font-size:16px}
  .featured-offer{margin-top:46px}
  .tabs-card{margin-top:15px}
  .post-card{margin-top:14px}
  .post-head{height:84px}
  .mini-avatar{width:54px;height:54px}
  .post-media{height:520px}
  .cookie{padding:20px;display:block}
  .cookie p{font-size:15px;line-height:1.6}
  .cookie button{width:100%;margin-top:20px;padding:11px}
}
@media(max-width:420px){
  .shell{padding:0 16px}
  .stats{gap:12px;font-size:12.5px}
  .stats svg{width:14px;height:14px}
  .offer-box{border-radius:17px}
  .gradient-btn,.plan-btn{font-size:14px}
  .tab{font-size:13px}
  .post-media{height:470px}
}
.brand-image{display:flex;align-items:center;justify-content:center;width:140px;height:56px}
.brand-image img{display:block;max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain}

.brand-image,.brand-image img{background:transparent!important}

/* === abas Postagens / Mídias === */
.content-panel{display:none}
.content-panel.active{display:block}
.media-panel{
  margin-top:16px;
  overflow:hidden;
  border:1px solid #ddd9d5;
  border-radius:24px;
  background:#fff
}
.media-filters{
  height:69px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:16px 12px;
  background:#fff
}
.media-filter{
  height:32px;
  border:0;
  border-radius:30px;
  padding:8px 12px;
  background:transparent;
  color:#333;
  font-family:"Poppins",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:16px;
  transition:background .18s ease,color .18s ease
}
.media-filter.active{
  color:#f68d3d;
  background:#feeee2
}
.media-grid{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:0;
  background:#fff
}
.media-tile{
  position:relative;
  flex:1 1 calc(33.333% - 3px);
  max-width:calc(33.333% - 2.67px);
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f3eee6
}
.media-tile::before,
.media-tile::after{
  content:"";
  position:absolute;
  border:2px solid rgba(255,255,255,.88);
  border-radius:50%;
  pointer-events:none
}
.media-tile::before{
  width:122%;
  height:122%;
  left:-54%;
  top:-52%
}
.media-tile::after{
  width:88%;
  height:88%;
  right:-45%;
  bottom:-42%
}
.media-tile svg{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:20px;
  height:23px;
  fill:#67748e
}
.media-watermark{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 20% 82%,rgba(255,255,255,.5) 0 2px,transparent 3px),
    linear-gradient(135deg,#f2ede5,#efe8dd)
}
.media-tile.is-hidden{display:none}

@media(max-width:700px){
  .media-panel{margin-top:15px}
}

/* === Checkout V2 === */
.checkout-modal{padding:14px}
.checkout-card{
  width:min(94vw,430px);
  max-height:92vh;
  overflow-y:auto;
  border-radius:22px;
  padding:20px;
  background:#fff;
}
.checkout-card::-webkit-scrollbar{width:0}
.checkout-brand{
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px
}
.checkout-brand img{max-height:34px;max-width:125px;object-fit:contain}
.checkout-head{text-align:center;padding:0 14px}
.checkout-kicker{
  display:inline-block;
  color:#ff7b3f;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.2px;
  margin-bottom:5px
}
.checkout-head h3{
  margin:0;
  font-size:20px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.45px
}
.checkout-head p{
  margin:7px auto 0;
  max-width:330px;
  color:#777b83;
  font-size:12px;
  line-height:1.45
}
.checkout-plan-box{
  margin:17px 0 14px;
  min-height:66px;
  padding:12px 14px;
  border-radius:15px;
  background:#f8f5f2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.checkout-plan-box>div{display:flex;flex-direction:column;gap:2px}
.checkout-plan-box span{font-size:10px;color:#87898e}
.checkout-plan-box strong{font-size:13px;font-weight:600}
.checkout-plan-box>b{font-size:18px;color:#111;font-weight:700;white-space:nowrap}
.checkout-progress{
  width:210px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:start;
  margin:8px auto 20px
}
.progress-item{
  min-width:45px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#a5a6aa
}
.progress-item>span{
  width:25px;height:25px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid #dedede;
  background:#fff;
  font-size:11px;
  font-weight:600
}
.progress-item small{font-size:9px}
.progress-item.active{color:#f58445}
.progress-item.active>span{
  color:#fff;
  border-color:#f58445;
  background:linear-gradient(135deg,#ff9145,#f3a197)
}
.checkout-progress>i{
  height:1px;
  background:#e9e5e2;
  margin-top:12px
}
.checkout-step{display:none}
.checkout-step.active{display:block}
.checkout-field{display:block;margin-bottom:13px}
.checkout-field>span{
  display:block;
  font-size:11px;
  font-weight:600;
  margin:0 0 6px 3px;
  color:#333
}
.input-shell{
  height:47px;
  border:1px solid #dedbd7;
  border-radius:13px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
  background:#fff;
  transition:border-color .18s,box-shadow .18s
}
.input-shell:focus-within{
  border-color:#f69a67;
  box-shadow:0 0 0 3px rgba(246,154,103,.12)
}
.input-shell svg{
  width:18px;height:18px;
  fill:none;stroke:#9699a0;stroke-width:1.55;
  flex:0 0 auto
}
.input-shell input{
  width:100%;
  height:100%;
  border:0;
  outline:none;
  background:transparent;
  color:#1c1c1d;
  font-size:13px
}
.input-shell input::placeholder{color:#b1b2b5}
.field-error{
  display:block;
  min-height:12px;
  margin:4px 0 0 3px;
  color:#dc4d4d;
  font-size:9px
}
.checkout-field.has-error .input-shell{border-color:#e97979}
.pix-generate-btn{
  width:100%;
  height:49px;
  border:0;
  border-radius:999px;
  background:linear-gradient(90deg,#ff9247 0%,#ffb17c 50%,#f4a49b 100%);
  color:#111;
  font-weight:600;
  font-size:14px;
  margin-top:3px;
  box-shadow:0 8px 20px rgba(247,145,103,.16);
  transition:transform .15s,filter .18s
}
.pix-generate-btn:active{transform:scale(.992)}
.pix-generate-btn:disabled{opacity:.7;cursor:wait}
.btn-normal,.btn-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px
}
.btn-normal svg{width:18px;height:18px;fill:#111}
.btn-loading{display:none}
.pix-generate-btn.loading .btn-normal{display:none}
.pix-generate-btn.loading .btn-loading{display:flex}
.btn-loading i{
  width:16px;height:16px;
  border-radius:50%;
  border:2px solid rgba(17,17,17,.25);
  border-top-color:#111;
  animation:checkoutSpin .7s linear infinite
}
@keyframes checkoutSpin{to{transform:rotate(360deg)}}
.checkout-security{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:16px;
  padding:11px 12px;
  background:#faf9f8;
  border-radius:12px
}
.checkout-security>svg{
  width:18px;height:18px;
  fill:none;stroke:#38a169;stroke-width:1.65;
  flex:0 0 auto
}
.checkout-security>div{display:flex;flex-direction:column;gap:2px}
.checkout-security strong{font-size:10px}
.checkout-security span{font-size:9px;line-height:1.35;color:#85878c}
.pix-success{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-radius:13px;
  background:#f0fbf4
}
.success-icon{
  width:30px;height:30px;border-radius:50%;
  background:#29b765;
  display:grid;place-items:center;
  flex:0 0 auto
}
.success-icon svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.4}
.pix-success>div{display:flex;flex-direction:column;gap:2px}
.pix-success strong{font-size:12px}
.pix-success span{font-size:9px;color:#74777c;line-height:1.35}
.pix-amount{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:13px 0;
  padding:0 2px
}
.pix-amount span{font-size:10px;color:#888b90}
.pix-amount strong{font-size:18px}
.pix-copy-card{
  border:1px solid #ece8e4;
  border-radius:15px;
  background:#faf8f6;
  padding:12px
}
.pix-copy-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:9px
}
.pix-copy-title>span{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:600
}
.pix-copy-title svg{width:16px;height:16px;fill:#ff8a42}
.pix-copy-title small{font-size:8px;color:#96989d}
.pix-code-shell{
  border:1px solid #dedbd7;
  border-radius:12px;
  overflow:hidden;
  background:#fff
}
.pix-code-shell textarea{
  width:100%;
  height:78px;
  border:0;
  outline:none;
  resize:none;
  padding:11px;
  background:#fff;
  color:#565960;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9px;
  line-height:1.45;
  word-break:break-all
}
.pix-code-shell button{
  width:100%;
  height:39px;
  border:0;
  border-top:1px solid #ece9e6;
  background:#fff;
  color:#f47e40;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  font-weight:600
}
.pix-code-shell button.copied{background:#f0fbf4;color:#299b59}
.pix-code-shell button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.pix-instructions{
  margin-top:13px;
  padding:12px;
  border-radius:13px;
  background:#fbfaf9
}
.pix-instructions>strong{font-size:11px}
.pix-instructions ol{
  margin:7px 0 0;
  padding-left:18px;
  color:#74777c;
  font-size:9px;
  line-height:1.75
}
.pix-instructions b{color:#4a4c50}
.checkout-back-btn{
  display:block;
  margin:13px auto 0;
  border:0;
  background:none;
  color:#8b8d92;
  font-size:10px
}
.pix-api-status{
  margin-top:9px;
  min-height:0;
  text-align:center;
  font-size:9px;
  line-height:1.35;
  color:#c54f4f
}
@media(max-width:480px){
  .checkout-modal{align-items:flex-end;padding:0}
  .checkout-card{
    width:100%;
    max-width:none;
    max-height:94vh;
    border-radius:22px 22px 0 0;
    padding:18px 18px 22px
  }
}

/* === Post card igual ao reference === */
#postsPanel .ref-post-card{
  width:calc(100% - 16px);
  margin:16px auto 0;
  background:#fff;
  border:0;
  border-radius:16px;
  overflow:hidden;
  box-shadow:none;
}
.ref-post-head{
  height:81px;
  margin:0 0 16px;
  display:flex;
  justify-content:space-between;
  position:relative;
  background:#fff;
}
.ref-post-user{display:flex;min-width:0}
.ref-post-avatar{
  width:70px;
  height:70px;
  margin:22px 0 0 16px;
  border:4px solid #fff;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  flex:0 0 70px;
  background:linear-gradient(135deg,#57955f,#d78665);
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.ref-post-avatar img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:2;
}
.ref-post-avatar span{position:relative;z-index:1}
.ref-post-usercopy{
  margin:35px 0 0 18px;
  min-width:0;
}
.ref-post-name{
  height:18px;
  display:flex;
  align-items:center;
  gap:3px;
  color:#1e293b;
  font-size:14px;
  font-weight:500;
  line-height:16px;
  white-space:nowrap;
}
.ref-post-name .verified.mini{
  width:14px;
  height:14px;
  flex-basis:14px;
  margin-left:0;
  vertical-align:0;
}
.ref-post-name .verified.mini svg{width:14px;height:14px}
.ref-post-handle{
  display:block;
  margin-top:4px;
  color:#333;
  font-size:14px;
  font-weight:400;
  line-height:16px;
  white-space:nowrap;
}
.ref-post-options{
  width:20px;
  height:56px;
  margin:25px 16px 0 0;
  border:0;
  padding:0;
  background:transparent;
  color:#1e293b;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.ref-post-options svg{
  width:5px;
  height:19px;
  display:block;
  fill:currentColor;
}
.ref-post-media{
  width:100%;
  aspect-ratio:349 / 450;
  position:relative;
  overflow:hidden;
  margin:0 0 8px;
  background:#f4eee5;
}
.ref-post-watermark{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#f4eee5;
}
.ref-post-details{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:184px;
  height:108px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:#67748e;
  z-index:3;
}
.ref-lock-icon{
  width:44px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ref-lock-icon svg{
  width:44px;
  height:50px;
  display:block;
  fill:currentColor;
}
.ref-count-list{
  height:50px;
  display:flex;
  align-items:center;
  gap:12px;
}
.ref-count-item{
  height:50px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#67748e;
  font-size:14px;
  font-weight:400;
  white-space:nowrap;
}
.ref-count-item svg{
  width:17px;
  height:17px;
  display:block;
  fill:currentColor;
  flex:0 0 17px;
}
.ref-post-actions{
  height:54px;
  padding:16px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
}
.ref-actions-left{
  height:22px;
  display:flex;
  align-items:center;
  gap:8px;
}
.ref-post-actions button{
  width:22px;
  height:22px;
  padding:0;
  border:0;
  background:transparent;
  color:#656565;
  display:grid;
  place-items:center;
}
.ref-post-actions button svg{
  width:22px;
  height:22px;
  display:block;
  fill:currentColor;
}
.ref-post-actions>button:last-child svg{
  width:18px;
  height:22px;
}
@media(max-width:700px){
  #postsPanel .ref-post-card{width:calc(100% - 16px)}
}

@media(max-width:700px){
  #postsPanel .ref-post-card{
    width:min(349px,calc(100% - 16px));
    margin-left:8px;
    margin-right:0;
  }
  .ref-post-usercopy{margin-left:2px}
}

/* === R2 private media === */
.r2-media-tile{position:relative;overflow:hidden;background:#ece8e3}
.r2-media-tile>img,.r2-media-tile>video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.r2-preview>img,.r2-preview>video{
  filter:blur(13px);
  transform:scale(1.09);
  opacity:.82;
  pointer-events:none;
}
.r2-preview::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.08);
}
.r2-lock{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:24px;
  height:28px;
  color:#67748e;
  filter:none;
}
.r2-lock svg{width:100%;height:100%;display:block;fill:currentColor}
.r2-unlocked video{background:#000}
.pix-api-status.paid{
  color:#198754;
  font-weight:600;
}