/* V17.1 TARGETED POLISH */
.reply-quote-box{
  border-left:3px solid var(--quote-depth-color,var(--primary)) !important;
  background:color-mix(in srgb,var(--quote-depth-color,var(--primary)) 8%,var(--bg-header)) !important;
}
.reply-quote-depth-0{--quote-depth-color:#3b82f6 !important}
.reply-quote-depth-1{--quote-depth-color:#8b5cf6 !important}
.reply-quote-depth-2{--quote-depth-color:#14b8a6 !important}
.reply-quote-depth-3{--quote-depth-color:#ec4899 !important}
.reply-quote-depth-4{--quote-depth-color:var(--primary) !important}
.reply-quote-sender{color:var(--quote-depth-color,var(--primary)) !important}

/* Stickers: visually smaller, without changing the sticker grid or send logic. */
.v16-sticker-item{
  width:50% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:block !important;
}

/* Reaction: 3s, gentle horizontal drift, approximately 5x the old travel. */
.reaction-fly-up{
  animation:v171ReactionFly 3s cubic-bezier(.18,.72,.24,1) forwards !important;
  font-size:34px !important;
}
@keyframes v171ReactionFly{
  0%{opacity:0;transform:translate(-50%,12px) scale(.55) rotate(-8deg)}
  10%{opacity:1;transform:translate(calc(-50% - 2px),0) scale(1.08) rotate(4deg)}
  28%{opacity:1;transform:translate(calc(-50% + 34px),-190px) scale(1.02) rotate(7deg)}
  48%{opacity:.96;transform:translate(calc(-50% - 42px),-420px) scale(.98) rotate(-6deg)}
  68%{opacity:.78;transform:translate(calc(-50% + 48px),-680px) scale(.92) rotate(5deg)}
  84%{opacity:.45;transform:translate(calc(-50% - 30px),-900px) scale(.86) rotate(-4deg)}
  100%{opacity:0;transform:translate(calc(-50% + 12px),-1050px) scale(.72) rotate(7deg)}
}

/* Newly sent message: subtle 2s confirmation, not a permanent border. */
.msg-row.v171-just-sent .msg-bubble{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 55%,transparent) !important;
  animation:v171SentConfirm 2s ease-out forwards;
}
@keyframes v171SentConfirm{
  0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 65%,transparent)}
  55%{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent)}
  100%{box-shadow:0 0 0 0 transparent}
}

/* Mobile message action area: softer, compact, touch-friendly. */
@media(max-width:700px){
  .reaction-fly-up{font-size:32px !important}
  .msg-row.v171-just-sent .msg-bubble{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 55%,transparent) !important}
}