/* Mobile viewport guard: keep MissGPT pages sized to the device without clipping motion. */
html,
body{
  width:100%;
  max-width:100%;
  overscroll-behavior-x:none;
}

body{
  position:relative;
}

img,
video,
canvas,
svg{
  max-width:100%;
}

.missgpt-lite-shell,
.missgpt-chat-shell,
.pricing-shell,
.terms-shell,
main,
section{
  max-width:100%;
}

.missgpt-lite-shell,
.missgpt-chat-shell,
.pricing-shell,
.terms-shell{
  min-width:0;
}

@media (max-width:900px){
  header.fixed.top-0,
  .pricing-header,
  .missgpt-lite-header,
  .missgpt-chat-header,
  .terms-header{
    width:100%;
    max-width:100vw;
  }

  header.fixed.top-0 > div,
  .pricing-header,
  .missgpt-lite-header,
  .missgpt-chat-header,
  .terms-header{
    min-width:0;
  }

  .nav-container,
  .pricing-nav,
  .missgpt-lite-nav,
  .missgpt-chat-nav,
  .terms-menu{
    min-width:0;
    max-width:calc(100vw - 88px);
  }

  .nav-container .min-w-64{
    min-width:min(16rem,calc(100vw - 28px))!important;
  }

  .nav-menu-bg{
    max-width:calc(100vw - 28px)!important;
  }

  .pricing-nav a,
  .missgpt-lite-nav a,
  .missgpt-chat-nav a,
  .terms-menu a{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .missgpt-profile-hero,
  .missgpt-profile-content,
  .missgpt-profile-copy,
  .missgpt-detail-wrap,
  .missgpt-showcase,
  .missgpt-showcase-grid,
  .missgpt-chat-layout,
  .missgpt-chat-main,
  .missgpt-chat-top,
  .missgpt-chat-current,
  .missgpt-chat-stream,
  .missgpt-chat-composer-wrap,
  .missgpt-chat-composer,
  .pricing-hero,
  .plans,
  .usage-grid,
  .refill-grid,
  .terms-hero,
  .terms-content{
    min-width:0;
    max-width:100%;
  }

  .missgpt-bubble,
  .missgpt-chat-suggestion,
  .missgpt-mini-card,
  .missgpt-feature,
  .missgpt-proof-card,
  .plan,
  .faq-item,
  .terms-card,
  .terms-block{
    overflow-wrap:anywhere;
  }

  .mg-concierge-panel{
    max-width:calc(100vw - 16px);
  }

  .mg-concierge-card{
    min-width:0;
    max-width:100%;
    overflow-y:auto;
    overflow-x:visible;
  }

  .mg-concierge-chips,
  .missgpt-attachment-tray{
    overscroll-behavior-inline:contain;
    touch-action:pan-x pan-y;
  }
}