/* Mobile keyboard layout: only the message history scrolls; the page stays still. */
@media(max-width:650px){
  html.mobile-chat,body.mobile-chat{
    overflow:hidden;overscroll-behavior:none;height:100%;
    background-color:var(--chat-page-background-color,#ff4085);
    background-image:var(--chat-page-background-image,linear-gradient(100deg,#ff4085,#ffcb48));
    background-position:center;background-size:cover;background-repeat:no-repeat;
  }
  body.mobile-chat{position:fixed;inset:0;width:100%;}
  body.mobile-chat #app{height:100%;overflow:hidden;}
  body.mobile-chat .studio-shell{
    position:fixed;left:0;right:0;top:var(--chat-viewport-top,0px);
    height:var(--chat-viewport-height,100dvh);min-height:0;overflow:hidden;
  }
  body.mobile-chat .stage{height:100%;min-height:0;overflow:hidden;}
  body.mobile-chat .phone{height:100%;min-height:0;max-height:none;background:transparent;}
  .mobile-header-layer{
    position:fixed;top:0;left:0;right:0;height:0;z-index:20;
    pointer-events:none;animation:none;transition:none;transform:none;
  }
  .mobile-header-layer>.phone-head{pointer-events:auto;}
  body.mobile-chat .wallpaper{
    height:var(--chat-wallpaper-height,100%);bottom:auto;
    top:calc(-1 * var(--chat-viewport-top,0px));
    transform:translateZ(0);
  }
  body.mobile-chat .phone-head{
    position:fixed;top:0;left:0;right:0;z-index:3;flex-shrink:0;
    margin:0;transform:none;translate:none;animation:none;transition:none;
    height:var(--chat-header-fixed-height,calc(18cqw + max(0px,env(safe-area-inset-top) - 12px)));
    min-height:var(--chat-header-fixed-height,calc(18cqw + max(0px,env(safe-area-inset-top) - 12px)));
    padding-top:var(--chat-header-fixed-padding,max(12px,env(safe-area-inset-top)));
  }
  body.mobile-chat .chat-history{min-height:0;flex:1 1 0;-webkit-overflow-scrolling:touch;}
  body.mobile-chat .composer-wrap{flex-shrink:0;}
  body.mobile-chat.keyboard-open .composer-wrap{padding-bottom:7px;}
  .composer textarea{font-size:max(16px,4.5cqw);}
  .field input,.field textarea,.field select,.search-box{font-size:16px;}
}
/* Match the reference's quieter pattern, warm secondary text and pill proportions. */
.gift-number,.gift-attrs .key{color:color-mix(in srgb,var(--gift-center) 25%,white);opacity:.78;}
.gift-title{font-weight:700;}
.gift-view{padding-left:5.3cqw;padding-right:5.3cqw;}
.sheet .gift-view{padding-left:20px;padding-right:20px;}
.composer-wrap>.round-icon,.composer-wrap>.send-button{flex-shrink:0;}
.chat-identity strong{font-weight:700;}