@media (max-width:899px){
  .nwm-chat-reaction-add,
  .nwm-chat-reaction{
    position:relative;
    z-index:2;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .nwm-chat-reaction-sheet{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(94px + env(safe-area-inset-bottom));
    z-index:2147483600;
    padding:14px;
    border:1px solid rgba(255,79,198,.28);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(12,17,34,.985),rgba(6,9,20,.995));
    box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 36px rgba(203,48,213,.12);
    backdrop-filter:blur(22px);
  }

  .nwm-chat-reaction-sheet>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
  }

  .nwm-chat-reaction-sheet>header>div{
    display:flex;
    flex-direction:column;
    gap:3px;
  }

  .nwm-chat-reaction-sheet>header strong{
    color:#ff69cb;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
  }

  .nwm-chat-reaction-sheet>header span{
    color:#9ca9bd;
    font-size:11px;
  }

  .nwm-chat-reaction-sheet>header button{
    width:38px;
    height:38px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:rgba(255,255,255,.05);
    color:#fff;
    font-size:22px;
  }

  .nwm-chat-reaction-sheet-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
  }

  .nwm-chat-reaction-sheet-grid button{
    height:54px;
    border:1px solid rgba(123,151,208,.13);
    border-radius:14px;
    background:rgba(10,16,32,.94);
    color:#fff;
    font-size:24px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.01);
    touch-action:manipulation;
  }

  .nwm-chat-reaction-sheet-grid button:active{
    transform:scale(.96);
    border-color:rgba(255,82,197,.42);
    background:rgba(90,25,79,.34);
  }

  .nwm-chat-reaction-sheet-grid button:disabled{opacity:.48}

  .nwm-chat-reaction-toast{
    position:fixed;
    left:50%;
    bottom:calc(174px + env(safe-area-inset-bottom));
    z-index:2147483640;
    max-width:calc(100vw - 32px);
    transform:translateX(-50%);
    padding:10px 14px;
    border:1px solid rgba(72,230,166,.24);
    border-radius:999px;
    background:rgba(7,20,19,.97);
    color:#a7f6d2;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 14px 36px rgba(0,0,0,.42);
  }

  .nwm-chat-reaction-toast.is-error{
    border-color:rgba(255,94,142,.26);
    background:rgba(34,9,18,.97);
    color:#ffb5ca;
  }

  html.nwm-reaction-open .nwm-chat-tools{
    z-index:20;
  }
}

@media (max-width:390px){
  .nwm-chat-reaction-sheet{
    left:8px;
    right:8px;
    bottom:calc(88px + env(safe-area-inset-bottom));
    padding:12px;
  }

  .nwm-chat-reaction-sheet-grid{gap:6px}
  .nwm-chat-reaction-sheet-grid button{height:50px;font-size:22px}
}