/* OBRA X WORK v3.3 — identidade + reações */
.brand{grid-template-columns:auto auto auto;align-items:end;column-gap:2px}
.brand-word,.brand-x{align-self:end}
.brand-work{
  align-self:end;margin:0 0 1px 7px;color:#111820;
  font-family:"Lucida Handwriting","Brush Script MT","Monotype Corsiva",cursive;
  font-size:25px;font-weight:600;letter-spacing:-.055em;line-height:.85;
  transform:rotate(-4deg);transform-origin:left bottom;white-space:nowrap;
  text-decoration:none!important;border:0!important;border-top:0!important;box-shadow:none!important;background:none!important;
}

.brand-work::before,.brand-work::after{content:none!important;display:none!important;}

.brand small{grid-column:1/4;margin-top:9px}

.obrax-emoji-reactions{
  display:flex;align-items:center;gap:9px;margin:10px 0 2px;padding:9px 2px 3px;
}
.obrax-emoji-reactions button{
  width:44px;height:40px;border:1px solid #ddd5ca;border-radius:13px;background:rgba(255,255,255,.96);
  font-size:22px;line-height:1;cursor:pointer;box-shadow:0 5px 13px rgba(17,24,32,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
  animation:obrax-emoji-breathe 3.8s ease-in-out infinite;
  animation-delay:calc(var(--emoji-index,0) * .22s);
}
.obrax-emoji-reactions button:hover,.obrax-emoji-reactions button:focus-visible{
  transform:translateY(-5px) scale(1.08);border-color:var(--app-gold);box-shadow:0 10px 20px rgba(183,136,51,.16);outline:none;
}
.obrax-emoji-reactions button.active{
  background:linear-gradient(135deg,#f5e5bf,#fff);border-color:var(--app-gold);
  box-shadow:0 8px 20px rgba(183,136,51,.2);animation:obrax-emoji-selected 1.1s ease-in-out infinite alternate;
}
.obrax-floating-emoji{z-index:120}
@keyframes obrax-emoji-breathe{0%,72%,100%{transform:translateY(0) scale(1)}82%{transform:translateY(-3px) scale(1.04)}90%{transform:translateY(0) scale(1)}}
@keyframes obrax-emoji-selected{from{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.07)}}

@media(max-width:700px){
  .brand{grid-template-columns:auto auto auto;column-gap:1px}
  .brand-word,.brand-x{font-size:28px}
  .brand-work{font-size:20px;margin-left:5px;margin-bottom:2px}
  .brand small{display:block!important;grid-column:1/4;margin-top:6px;font-size:6px;letter-spacing:.16em}
  .obrax-emoji-reactions{gap:7px;margin-top:8px}
  .obrax-emoji-reactions button{width:40px;height:38px;font-size:20px}
}