/* Gabon Match - responsive global pass 2026-09-16
   Conservative overrides shared by every user-facing page. */
:root{--gm-safe-bottom:max(12px,env(safe-area-inset-bottom));--gm-page-pad:clamp(10px,2.2vw,24px)}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img,video,canvas,svg,iframe{max-width:100%}
img,video{height:auto}
input,select,textarea,button{max-width:100%;min-width:0}
textarea{resize:vertical}
pre,code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
table{max-width:100%}
form,.shell,.gm-page,.gm-pagewide,.public-shell,.simple-page,.stories-pro-page,.notifications-v2,.notifications-v3,.chat-shell,.profile-panel,.search-panel{min-width:0}
[class*="grid"]>* ,[class*="flex"]>* ,.desktop-columns>* ,.settings-grid>* ,.stories-layout>* ,.edit-profile-layout>*{min-width:0}

/* Header/navigation */
.topbar,.public-topbar{width:100%;max-width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.topbar .brand-mini,.public-topbar .landing-brand{min-width:0}
.top-actions,.landing-actions{display:flex;align-items:center;gap:8px;min-width:0}
.desktop-app-menu,.desktop-menu{min-width:0}
.bottom-nav{max-width:680px;padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right));height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav a{min-width:0;position:relative}
.app-drawer{max-width:min(360px,90vw)}
.drawer-profile,.app-drawer nav a{min-width:0}

/* Common content */
.shell,.gm-page,.gm-pagewide,.public-shell,.simple-page{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:var(--gm-page-pad);padding-right:var(--gm-page-pad)}
.section-title,.gm-titlebar,.page-hero,.stories-pro-head,.notification-titlebar{gap:12px}
.section-title h1,.section-title h2,.gm-titlebar h1,.page-hero h1,.stories-pro-head h1,.notification-titlebar h1{overflow-wrap:anywhere}
.btn{min-height:44px;white-space:normal;text-align:center;line-height:1.15}
.btn,.chip,.gm-chip{touch-action:manipulation}
.form-grid,.settings-grid,.edit-profile-layout,.stories-layout,.desktop-columns{min-width:0}
.input{min-height:44px}
.notice{overflow-wrap:anywhere}
.filter-bar,.gm-tabs,.notification-filters,.video-top-tabs,.story-viewer-actions,.stories,.story-bubbles{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-bar::-webkit-scrollbar,.gm-tabs::-webkit-scrollbar,.notification-filters::-webkit-scrollbar,.video-top-tabs::-webkit-scrollbar,.stories::-webkit-scrollbar,.story-bubbles::-webkit-scrollbar{display:none}

/* Cards / media */
.cards,.live-grid,.media-grid,.gm-match-grid,.story-grid-pro{max-width:100%}
.profile-card,.post,.live-card,.notification-pro-card,.notif-card,.settings-card,.search-panel,.profile-panel{max-width:100%}
.post-media img,.post-media video,.reel-media video,.reel-media img{max-width:100%;object-fit:cover}
.media-grid img,.media-grid video{display:block}

/* Messaging */
.chat-shell{width:100%;max-width:760px}
.chat-head{max-width:100%;min-width:0}
.chat-head .grow{min-width:0}
.chat-head .grow b,.chat-head .grow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-messages{min-width:0;overflow-x:hidden}
.bubble{overflow-wrap:anywhere;word-break:break-word}
.composer,.gm-chat-compose{max-width:100%;min-width:0}
.composer input,.gm-chat-compose input,.gm-chat-compose textarea{min-width:0}

/* Notifications */
.notification-pro-card,.notifications-v2 .notification-pro-card,.notifications-v3 .notif-card{max-width:100%;min-width:0}
.notification-main,.notification-copy,.notif-main,.notif-copy{min-width:0}
.notification-copy p,.notif-copy p{overflow-wrap:anywhere}

/* Live / video / stories */
.live-phone-preview,.live-stage,.live-video-shell,.story-media-stage,.pro-reel{max-width:100%}
.live-comment-form,.video-comment-form,.story-comment-form-pro{min-width:0}
.live-comment-form input,.video-comment-form input,.story-comment-form-pro input{min-width:0}
.live-panel-grid{max-width:100%}
.live-panel-tile{min-width:0}
.reel-info,.reel-actions{max-width:calc(100vw - 16px)}
.video-comments-panel{max-width:100vw}
.story-viewer-pro,.story-stage-pro,.story-comments-pro{min-width:0}

/* Profile / province / discover */
.profile-hero,.profile-stats,.profile-actions,.gm-match-actions,.province-actions{max-width:100%}
.profile-stats{flex-wrap:wrap}
.profile-actions,.gm-match-actions{gap:8px}
.profile-actions .btn,.gm-match-actions .btn{min-width:0}

/* Calls */
.call-stage{width:100%;max-width:100vw;min-height:100dvh;overflow:hidden}
.call-stage video{width:100%;height:100dvh;max-width:none}
.call-ui{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.call-actions{flex-wrap:wrap}

/* Tablet */
@media (min-width:701px) and (max-width:1024px){
  :root{--gm-page-pad:20px}
  .shell,.gm-page,.gm-pagewide,.public-shell,.simple-page{max-width:960px}
  .cards,.gm-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profile-photo{height:clamp(420px,58vw,560px)}
  .chat-shell{width:calc(100% - 40px)}
  .notification-pro-card,.notifications-v3 .notif-card{width:100%}
}

/* Phone */
@media (max-width:700px){
  :root{--nav:66px;--gm-page-pad:10px}
  body{padding-bottom:calc(var(--nav) + var(--gm-safe-bottom) + 8px)}
  .topbar{height:58px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:8px}
  .brand-mini{font-size:17px;gap:5px;min-width:0}
  .brand-mini b{white-space:nowrap}
  .top-actions{gap:5px}
  .top-avatar img{width:34px;height:34px}
  .notification-bell,.mobile-menu-btn,.page-exit-btn{min-width:38px;min-height:38px}
  .public-topbar{padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));gap:8px}
  .public-topbar .landing-brand small{display:none}
  .landing-actions{gap:5px}
  .landing-actions>.btn{display:none}
  .bottom-nav{width:100%;max-width:none;border-radius:0}
  .bottom-nav a{font-size:18px;padding:7px 2px 3px}
  .bottom-nav small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}

  .shell,.gm-page,.gm-pagewide,.public-shell,.simple-page{padding-left:10px!important;padding-right:10px!important;max-width:100%}
  .section-title,.gm-titlebar,.page-hero,.stories-pro-head,.notification-titlebar{align-items:flex-start;flex-wrap:wrap}
  .section-title h1,.section-title h2,.gm-titlebar h1,.page-hero h1,.stories-pro-head h1,.notification-titlebar h1{font-size:clamp(22px,7vw,30px);line-height:1.05}
  .section-title>*:last-child,.gm-titlebar>*:last-child{max-width:100%}
  .cards,.live-grid,.desktop-columns,.settings-grid,.edit-profile-layout,.stories-layout{grid-template-columns:1fr!important}
  .cards{display:grid!important;gap:12px}
  .profile-card,.post,.messages-list,.search-panel,.profile-panel,.settings-card{border-radius:18px}
  .profile-photo{height:min(68dvh,560px);min-height:380px}
  .profile-info{padding:54px 14px 14px}
  .profile-info h3{font-size:22px}
  .round{width:52px;height:52px}
  .swipe-actions{gap:12px;padding:12px}
  .post-head{padding:11px}
  .post-body{padding:11px 12px}
  .post-actions{gap:14px;flex-wrap:wrap}
  .post-media img,.post-media video{max-height:72dvh}
  .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}

  .form-grid{grid-template-columns:1fr!important}
  .form-row{margin:11px 0}
  .input,select.input,textarea.input{font-size:16px}
  .auth-shell{display:block;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))}
  .auth-card,.auth-card-wide{width:100%;max-width:520px;margin:0 auto;padding:20px 14px;border-radius:20px}
  .logo-big{margin-bottom:18px}
  .logo-big h1{font-size:30px}
  .logo-big .heart{font-size:52px}

  .messages-list{border-radius:16px}
  .message-item{padding:11px 10px;gap:10px}
  .message-item img{width:48px;height:48px}
  .chat-shell{max-width:none;width:100%;margin:0;min-height:calc(100dvh - 58px - var(--nav));border-radius:0!important;border-left:0!important;border-right:0!important}
  .chat-head{top:58px;padding:8px 10px;gap:7px}
  .chat-head img{width:38px;height:38px}
  .chat-head .call-link{font-size:20px;margin-left:4px}
  .chat-messages{padding:12px 10px;gap:8px}
  .bubble{max-width:88%;padding:10px 12px;border-radius:16px}
  .composer{bottom:calc(var(--nav) + env(safe-area-inset-bottom));padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));gap:6px}
  .composer .btn{padding:10px 12px;min-height:42px}

  .notifications-v2,.notifications-v3{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important}
  .notification-pro-card,.notifications-v2 .notification-pro-card,.notifications-v3 .notif-card{width:100%;max-width:100%;overflow:visible}
  .notification-main,.notifications-v2 .notification-main{min-width:0}
  .notification-row-actions{max-width:100%}

  .video-top-tabs{left:0;right:0;width:100%;max-width:100%;padding-left:10px;padding-right:10px}
  .pro-reels{width:100%;max-width:100%}
  .pro-reel{width:100%;max-width:100vw;height:calc(100dvh - 124px);min-height:480px}
  .pro-reel .reel-info{left:12px;right:74px;bottom:88px}
  .pro-reel .reel-actions{right:8px;bottom:84px}
  .video-comments-panel{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100vw!important;height:min(70dvh,620px)!important;border-radius:22px 22px 0 0!important}
  .video-comment-form{padding-bottom:max(10px,env(safe-area-inset-bottom))}

  .live-phone-preview{width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important;max-width:none!important}
  .live-phone-preview .camera-preview,.live-phone-preview video{height:calc(100dvh - 150px)!important;min-height:480px!important;max-height:none!important}
  .live-bottom-sheet{max-width:100vw!important;width:100%!important;left:0!important;right:0!important;border-radius:22px 22px 0 0!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
  .live-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
  .live-panel-tile{min-height:130px}
  .live-comment-form{grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px}

  .story-viewer-pro{width:100%;max-width:100vw}
  .story-stage-pro{padding-left:8px!important;padding-right:8px!important}
  .story-media-stage{width:100%;max-width:100%;height:min(66dvh,680px)}
  .story-comments-pro{width:100%;max-width:100%}
  .story-comment-form-pro{grid-template-columns:minmax(0,1fr) auto!important}

  .profile-stats{gap:14px 24px}
  .profile-stats b{font-size:20px}
  .profile-actions,.gm-match-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  .profile-actions .btn,.gm-match-actions .btn{width:100%;padding:11px 8px}
  .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .segmented label{min-width:0}

  .call-actions{gap:10px}
  .call-btn{width:58px;height:58px}
  .match-box{width:100%;max-width:360px}
  .match-avatars img{width:96px;height:96px}
  .match-heart{font-size:54px}
}

/* Very small phones */
@media (max-width:390px){
  :root{--gm-page-pad:8px}
  .shell,.gm-page,.gm-pagewide,.public-shell,.simple-page{padding-left:8px!important;padding-right:8px!important}
  .brand-mini b{font-size:15px}
  .heart-flag{font-size:19px}
  .top-actions{gap:3px}
  .bottom-nav small{font-size:8.5px}
  .btn{padding:10px 11px;font-size:13px}
  .chip,.gm-chip{font-size:11px;padding:8px 10px}
  .profile-photo{min-height:350px}
  .profile-actions,.gm-match-actions{grid-template-columns:1fr 1fr!important}
  .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .live-panel-grid{grid-template-columns:1fr 1fr!important}
  .bubble{max-width:92%}
  .composer{gap:4px}
  .composer input{padding-left:10px;padding-right:10px}
  .auth-card,.auth-card-wide{padding:17px 11px}
}

/* Short landscape phones */
@media (orientation:landscape) and (max-height:560px) and (max-width:950px){
  body{padding-bottom:0}
  .bottom-nav{height:54px}
  .bottom-nav span{font-size:16px}
  .bottom-nav small{display:none}
  .pro-reel{height:calc(100dvh - 58px);min-height:0}
  .live-phone-preview .camera-preview,.live-phone-preview video{height:100dvh!important;min-height:0!important}
  .call-btn{width:52px;height:52px}
}

/* Motion/accessibility */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 2026-09-16 - verification finale responsive Live */
@media (max-width:700px){
  .gm-live-watch .live-topbar{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));gap:6px}
  .gm-live-watch .live-host{min-width:0;flex:1}
  .gm-live-watch .live-host>div{min-width:0}
  .gm-live-watch .live-host b,.gm-live-watch .live-host small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .gm-live-watch .live-host small{max-width:32vw}
  .gm-live-watch .live-pill,.gm-live-watch .viewer-pill{flex:0 0 auto;padding:5px 7px;font-size:10px}
  .gm-live-watch .live-bottom{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
  .gm-live-watch .live-comments{left:max(10px,env(safe-area-inset-left));width:min(72vw,460px);bottom:168px;max-height:48dvh}
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:158px}
  .gm-live-watch .live-side-actions{right:max(8px,env(safe-area-inset-right));bottom:174px;gap:9px}
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:42px;height:42px;font-size:18px}
  .gm-live-watch .host-live-controls{display:flex;flex-wrap:nowrap;gap:7px;justify-content:center;max-width:100%;overflow:visible}
  .gm-live-watch .host-live-controls>button{flex:0 0 38px;width:38px;height:38px}
  .gm-live-watch .host-live-controls form{flex:0 0 auto;margin:0}
  .gm-live-watch .viewer-live-tools{max-width:100%;padding-bottom:2px}
}
@media (max-width:430px){
  .gm-live-watch .live-close{width:34px;height:34px}
  .gm-live-watch .live-host img{width:36px;height:36px}
  .gm-live-watch .live-host small{display:none}
  .gm-live-watch .live-topbar{gap:5px}
  .gm-live-watch .live-pill{padding:4px 6px;font-size:9px}
  .gm-live-watch .viewer-pill{padding:4px 6px;font-size:9px}
  .gm-live-watch .host-live-controls{gap:5px}
  .gm-live-watch .host-live-controls>button{flex-basis:36px;width:36px;height:36px;font-size:15px}
  .gm-live-watch .live-comments{width:calc(100% - 62px);bottom:160px;max-height:44dvh}
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:150px}
  .gm-live-watch .live-side-actions{bottom:166px}
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:38px;height:38px;font-size:16px}
}
@media (max-width:360px){
  .gm-live-watch .live-host b{font-size:11px;max-width:88px}
  .gm-live-watch .viewer-pill{display:none}
  .gm-live-watch .host-live-controls{gap:4px}
  .gm-live-watch .host-live-controls>button{flex-basis:34px;width:34px;height:34px}
  .gm-live-watch .live-quick-reactions button,.gm-live-watch .viewer-live-tools button{padding:7px 9px;font-size:11px}
}
@media (orientation:landscape) and (max-height:560px) and (max-width:950px){
  .gm-live-watch .live-comments{bottom:92px;max-height:46dvh;width:58vw}
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:86px}
  .gm-live-watch .live-side-actions{bottom:96px;grid-auto-flow:column;grid-template-columns:repeat(7,36px);right:8px;gap:5px}
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:36px;height:36px}
  .gm-live-watch .live-quick-reactions{display:none}
}

/* 2026-09-16 - responsive Live final propre */
.gm-live-watch{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  overflow:hidden!important;
  isolation:isolate;
  overscroll-behavior:none;
}
.gm-live-watch .live-video-bg,
.gm-live-watch .live-faceless-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gm-live-watch .live-topbar,.gm-live-watch .live-bottom,.gm-live-watch .live-comments,.gm-live-watch .live-side-actions{max-width:100%}
.gm-live-watch .live-topbar>*{min-width:0}
.gm-live-watch .live-host{min-width:0;max-width:min(420px,45vw)}
.gm-live-watch .live-host>div{min-width:0}
.gm-live-watch .live-host b,.gm-live-watch .live-host small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm-live-watch .live-stop-top{flex:0 0 auto}
.gm-live-watch .live-bottom{padding-bottom:env(safe-area-inset-bottom)}
.gm-live-watch .live-comment-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%}
.gm-live-watch .live-comment-form .input{width:100%;min-width:0}
.gm-live-watch .host-live-controls{max-width:100%}
.gm-live-watch .live-bottom-sheet{max-height:min(78dvh,680px);overflow:auto}
.gm-live-watch .live-guests-panel{overscroll-behavior:contain}

@media (max-width:700px){
  .gm-live-watch .live-topbar{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:max(8px,env(safe-area-inset-top))!important;
    gap:6px!important;
  }
  .gm-live-watch .live-close{flex:0 0 36px;width:36px;height:36px}
  .gm-live-watch .live-host{flex:1 1 auto;max-width:none;overflow:hidden}
  .gm-live-watch .live-host img{flex:0 0 36px;width:36px;height:36px}
  .gm-live-watch .live-host b{font-size:12px}
  .gm-live-watch .live-host small{font-size:10px;max-width:30vw}
  .gm-live-watch .live-pill,.gm-live-watch .viewer-pill{flex:0 0 auto;padding:5px 7px;font-size:10px}
  .gm-live-watch .live-stop-btn{flex:0 0 36px;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}
  .gm-live-watch .live-stop-btn span{display:none!important}
  .gm-live-watch .live-tags{top:58px!important;left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;padding-right:4px}
  .gm-live-watch .live-tags span{font-size:10px!important;padding:6px 8px!important}
  .gm-live-watch .live-like-meter{top:96px!important;left:max(8px,env(safe-area-inset-left))!important;right:72px!important;transform:none!important;width:auto!important}
  .gm-live-watch .live-panel-stage{top:134px!important;left:max(8px,env(safe-area-inset-left))!important;transform:none!important;width:72vw!important;max-height:34dvh!important}
  .gm-live-watch .live-comments{
    left:max(8px,env(safe-area-inset-left))!important;
    width:calc(100% - 64px)!important;
    bottom:154px!important;
    max-height:42dvh!important;
    gap:6px!important;
  }
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:148px!important}
  .gm-live-watch .live-side-actions{
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:160px!important;
    gap:8px!important;
  }
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:40px!important;height:40px!important;font-size:17px!important}
  .gm-live-watch .live-bottom{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
  }
  .gm-live-watch .live-quick-reactions{margin-bottom:6px;gap:5px}
  .gm-live-watch .live-quick-reactions button{font-size:11px;padding:6px 9px}
  .gm-live-watch .live-comment-form{gap:6px}
  .gm-live-watch .live-emoji-trigger{width:38px!important;height:38px!important;flex-basis:38px!important}
  .gm-live-watch .live-comment-form>button[type="submit"]{width:40px!important;height:40px!important;flex-basis:40px!important}
  .gm-live-watch .live-comment-form .input{height:40px;padding:8px 10px;font-size:13px}
  .gm-live-watch .host-live-controls{display:flex!important;justify-content:flex-start!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;padding:2px 0 1px}
  .gm-live-watch .host-live-controls::-webkit-scrollbar{display:none}
  .gm-live-watch .host-live-controls>button{flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;font-size:15px!important}
  .gm-live-watch .host-live-controls form{flex:0 0 36px!important;margin:0!important}
  .gm-live-watch .host-live-controls .end-live-btn{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;font-size:0!important;overflow:hidden}
  .gm-live-watch .host-live-controls .end-live-btn::first-letter{font-size:14px}
  .gm-live-watch .viewer-live-tools{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .gm-live-watch .viewer-live-tools::-webkit-scrollbar{display:none}
  .gm-live-watch .viewer-live-tools button{flex:0 0 auto;font-size:11px;padding:7px 9px}
  .gm-live-watch .live-guests-panel{top:104px!important;right:8px!important;width:calc(100% - 16px)!important;max-height:68dvh!important}
  .gm-live-watch .live-bottom-sheet{width:100%!important;left:0!important;right:0!important;max-height:72dvh!important;border-radius:20px 20px 0 0!important}
  .gm-live-watch .live-effect-grid,.gm-live-watch .live-gift-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .gm-live-watch .live-invite-banner{left:8px!important;right:8px!important;top:104px!important;max-height:60dvh;overflow:auto}
}

@media (max-width:430px){
  .gm-live-watch .live-host small{display:none!important}
  .gm-live-watch .live-host b{font-size:11px;max-width:96px}
  .gm-live-watch .viewer-pill{font-size:9px!important}
  .gm-live-watch .live-like-meter{right:58px!important;top:91px!important;padding:6px 8px!important}
  .gm-live-watch .live-like-meter-head{font-size:9px!important;margin-bottom:4px!important}
  .gm-live-watch .host-reaction-totals{font-size:9px!important}
  .gm-live-watch .live-panel-stage{top:126px!important;width:74vw!important;max-height:30dvh!important}
  .gm-live-watch .live-comments{width:calc(100% - 58px)!important;bottom:148px!important;max-height:40dvh!important}
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:142px!important}
  .gm-live-watch .live-side-actions{bottom:154px!important;gap:7px!important}
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:38px!important;height:38px!important;font-size:16px!important}
  .gm-live-watch .live-comment img{width:28px!important;height:28px!important}
  .gm-live-watch .live-comment b{font-size:10px!important;max-width:130px!important}
  .gm-live-watch .live-comment span{font-size:12px!important}
  .gm-live-watch .live-quick-reactions{display:none!important}
  .gm-live-watch .live-effect-grid,.gm-live-watch .live-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .gm-live-watch .live-request-card{grid-template-columns:auto 34px minmax(0,1fr) auto!important}
  .gm-live-watch .live-request-card img{width:34px!important;height:34px!important}
}

@media (max-width:360px){
  .gm-live-watch .live-close{flex-basis:32px;width:32px;height:32px}
  .gm-live-watch .live-host img{flex-basis:32px;width:32px;height:32px}
  .gm-live-watch .live-host b{max-width:72px;font-size:10px}
  .gm-live-watch .viewer-pill{display:none!important}
  .gm-live-watch .live-pill{font-size:8px!important;padding:4px 5px!important}
  .gm-live-watch .live-stop-btn{width:32px!important;height:32px!important;min-height:32px!important}
  .gm-live-watch .live-comments{width:calc(100% - 52px)!important;bottom:142px!important;max-height:38dvh!important}
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:138px!important}
  .gm-live-watch .live-side-actions{bottom:148px!important}
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:34px!important;height:34px!important;font-size:15px!important}
  .gm-live-watch .live-comment-form{gap:4px}
  .gm-live-watch .live-emoji-trigger{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:17px!important}
  .gm-live-watch .live-comment-form>button[type="submit"]{width:36px!important;height:36px!important;flex-basis:36px!important}
  .gm-live-watch .live-comment-form .input{height:36px;font-size:12px}
  .gm-live-watch .host-live-controls>button,.gm-live-watch .host-live-controls form,.gm-live-watch .host-live-controls .end-live-btn{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
}

@media (orientation:landscape) and (max-height:560px) and (max-width:950px){
  .gm-live-watch .live-topbar{top:max(5px,env(safe-area-inset-top))!important}
  .gm-live-watch .live-tags{top:46px!important;right:48%!important}
  .gm-live-watch .live-like-meter{top:45px!important;left:auto!important;right:max(8px,env(safe-area-inset-right))!important;width:38vw!important;transform:none!important}
  .gm-live-watch .live-panel-stage{top:84px!important;left:8px!important;width:44vw!important;max-height:48dvh!important;transform:none!important}
  .gm-live-watch .live-comments{left:8px!important;bottom:58px!important;width:48vw!important;max-height:48dvh!important}
  .gm-live-watch[data-live-host="1"] .live-comments{bottom:54px!important}
  .gm-live-watch .live-side-actions{right:8px!important;bottom:58px!important;display:flex!important;flex-direction:row!important;gap:5px!important}
  .gm-live-watch .live-side-actions button,.gm-live-watch .live-side-actions a{width:34px!important;height:34px!important}
  .gm-live-watch .live-bottom{left:52%!important;right:8px!important;bottom:max(4px,env(safe-area-inset-bottom))!important}
  .gm-live-watch .live-quick-reactions{display:none!important}
  .gm-live-watch .host-live-controls{justify-content:flex-end!important}
  .gm-live-watch .live-comment-form .input{height:34px!important}
  .gm-live-watch .live-emoji-trigger,.gm-live-watch .live-comment-form>button[type="submit"]{width:34px!important;height:34px!important;flex-basis:34px!important}
  .gm-live-watch .live-guests-panel{top:48px!important;max-height:calc(100dvh - 56px)!important;width:min(390px,48vw)!important}
  .gm-live-watch .live-bottom-sheet{left:50%!important;width:50%!important;max-height:92dvh!important;border-radius:20px 0 0 0!important}
}