/* 对话结束态：整组输入控件向下收起，操作按钮从底部弹性上升。 */
#gua-control-stage{
  position:relative;
  width:100%;
  height:var(--gua-full-height,82px);
  overflow:hidden;
  transition:height .56s cubic-bezier(.32,.72,0,1);
  will-change:height;
}
#gua-composer-content,
#gua-scroll-actions{
  position:absolute;
  left:0;right:0;bottom:0;
  transform:translate3d(0,0,0);
  will-change:transform,opacity;
}
#gua-composer-content{
  opacity:1;
  visibility:visible;
  transition:transform .48s cubic-bezier(.32,0,.67,0),opacity .25s ease,visibility 0s linear 0s;
}
#gua-scroll-actions{
  min-height:82px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto 44px;
  gap:10px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,125%,0) scale(.96);
  transform-origin:50% 100%;
  transition:transform .32s ease,opacity .2s ease,visibility 0s linear .32s;
}
.gua-save-rule{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:28px;
  padding:0 8px;
  color:#fff4d1;
  font:500 11px/1.35 var(--fn,"Noto Sans SC",sans-serif);
  text-align:center;
}
.gua-save-rule b{color:#ffd875;white-space:nowrap;font-weight:800}
.gua-save-rule span{opacity:.94}
#gua-scroll-actions button{
  min-height:44px;
  border-radius:16px;
  font:700 14px/1 var(--fn,"Noto Sans SC",sans-serif);
  letter-spacing:1.5px;
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .18s ease,filter .18s ease;
}
#gua-scroll-actions button:active{transform:scale(.97);filter:brightness(.95)}
.gua-scroll-continue{
  border:1px solid rgba(226,208,255,.4);
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.16);
}
.gua-scroll-finish{
  border:1px solid rgba(255,223,144,.62);
  background:linear-gradient(135deg,#795018,#b9852b 52%,#d7b35a);
  color:#fff9e7;
  box-shadow:0 6px 18px rgba(67,31,4,.3),inset 0 1px rgba(255,255,255,.3);
}

#input-bar.gua-scroll-collapsed #gua-control-stage{height:82px}
#input-bar.gua-scroll-collapsed #gua-composer-content{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,115%,0) scale(.985);
  transition:transform .46s cubic-bezier(.32,0,.67,0),opacity .24s ease,visibility 0s linear .46s;
}
#input-bar.gua-scroll-collapsed #gua-scroll-actions{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
  animation:guaActionsSpringUp .7s cubic-bezier(.2,1.35,.35,1) both;
  transition:visibility 0s linear 0s;
}
@keyframes guaActionsSpringUp{
  0%{opacity:0;transform:translate3d(0,125%,0) scale(.94)}
  62%{opacity:1;transform:translate3d(0,-8px,0) scale(1.025)}
  80%{transform:translate3d(0,3px,0) scale(.992)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

#gua-quick-accept{
  position:absolute;
  right:15px;
  top:-46px;
  z-index:4;
  min-width:64px;
  height:36px;
  padding:0 15px;
  border:1px solid rgba(255,224,148,.78);
  border-radius:999px;
  background:linear-gradient(145deg,#6d4514 0%,#b88327 48%,#e1bd62 100%);
  color:#fff9e8;
  font:700 13px/1 var(--fn,"Noto Sans SC",sans-serif);
  letter-spacing:2px;
  text-shadow:0 1px 4px rgba(50,24,0,.65);
  box-shadow:0 8px 22px rgba(70,34,5,.3),inset 0 1px rgba(255,255,255,.38);
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .38s cubic-bezier(.32,0,.67,0),opacity .24s ease,visibility 0s linear 0s;
}
#gua-quick-accept::before{content:'☯';margin-right:5px;font-size:12px}
#gua-quick-accept:active{transform:scale(.94);filter:brightness(.94)}
#input-bar.gua-scroll-collapsed #gua-quick-accept{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,70px,0) scale(.86);
  transition:transform .38s cubic-bezier(.32,0,.67,0),opacity .2s ease,visibility 0s linear .38s;
}

/* 旧版消息气泡按钮永久停用，避免历史状态重复出现。 */
.gua-end-actions{display:none!important}

@media(max-width:370px){
  #gua-quick-accept{right:10px;min-width:58px;padding:0 11px;font-size:12px}
  #gua-scroll-actions{gap:7px}
  #gua-scroll-actions button{font-size:13px;letter-spacing:1px}
  .gua-save-rule{font-size:10px;gap:5px;padding:0 3px}
}
@media(prefers-reduced-motion:reduce){
  #gua-control-stage,#gua-composer-content,#gua-scroll-actions,#gua-quick-accept{transition-duration:.01ms!important;animation-duration:.01ms!important}
}