/* Phase 119xt: restrained mobile PWA polish inspired by stronger social feed spacing */
html.sv-pwa-mobileApp,
html.sv-pwa-mobileApp body{
  overflow-x: clip !important;
}

html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage){
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media (max-width:980px){
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage){
    --sv119-page-pad: clamp(10px, 2.9vw, 14px);
    --sv119-card-gap: 8px;
    --sv119-hairline: rgba(0,0,0,.06);
    --sv119-shell-shadow: 0 6px 18px rgba(15,20,25,.05);
    --sv119-card-shadow: 0 1px 3px rgba(15,20,25,.06), 0 10px 24px rgba(15,20,25,.04);
  }

  html.sv-pwa-mobileApp body.sv-dark:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage){
    --sv119-hairline: rgba(255,255,255,.07);
    --sv119-shell-shadow: 0 10px 24px rgba(0,0,0,.20);
    --sv119-card-shadow: 0 1px 2px rgba(0,0,0,.28), 0 12px 28px rgba(0,0,0,.14);
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage),
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage) .sv-shell,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage) .sv-pad,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage) .sv-feed,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage) .sv-main,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage) .sv-page{
    overflow-x: clip !important;
    max-width: 100vw !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-shell,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-pad{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-top,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-homeTabs,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) #sv-stories,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom{
    border: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-top{
    margin: 0 !important;
    padding: calc(env(safe-area-inset-top, 0px) + 8px) var(--sv119-page-pad) 9px !important;
    background: var(--sv-card) !important;
    box-shadow: 0 1px 0 var(--sv119-hairline), var(--sv119-shell-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-topBrand{
    font-size: clamp(22px, 7.2vw, 28px) !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
    font-weight: 800 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-topPage{
    max-width: 50vw !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: var(--sv-muted) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-topLeft,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-topRight{
    gap: 6px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-icoBtn{
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-icoBtn .sv-ico,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-top .sv-ico{
    width: 23px !important;
    height: 23px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-homeTabs{
    margin: 0 !important;
    padding: 0 var(--sv119-page-pad) !important;
    min-height: 48px !important;
    background: var(--sv-card) !important;
    box-shadow: 0 1px 0 var(--sv119-hairline) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-homeTabs .sv-tab{
    min-height: 48px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--sv-muted) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-homeTabs .sv-tab.is-active{
    color: var(--sv-fg) !important;
  }

  html.sv-pwa-mobileApp body.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) #sv-stories,
  html.sv-pwa-mobileApp body.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) #sv-feed{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html.sv-pwa-mobileApp body.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) #sv-stories{
    padding: 8px var(--sv119-page-pad) 10px !important;
    margin: 0 !important;
    background: var(--sv-card) !important;
    box-shadow: 0 1px 0 var(--sv119-hairline) !important;
    overflow: auto hidden !important;
  }

  html.sv-pwa-mobileApp body.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-story{
    border-radius: 18px !important;
    box-shadow: 0 6px 18px rgba(15,20,25,.10) !important;
  }

  html.sv-pwa-mobileApp body.sv-dark.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-story{
    box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed{
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card{
    position: relative !important;
    margin: 0 0 var(--sv119-card-gap) !important;
    background: var(--sv-card) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: var(--sv119-card-shadow) !important;
    overflow: hidden !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card::before,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card::after{
    display: none !important;
    content: none !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card:last-child{
    margin-bottom: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-hd,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-gFbTop,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-gFbComposeTop{
    padding-left: var(--sv119-page-pad) !important;
    padding-right: var(--sv119-page-pad) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-hd{
    padding-top: 12px !important;
    padding-bottom: 10px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-name,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igName{
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-time,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-timeInline,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-spon,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igMeta .sv-note{
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-av{
    width: 38px !important;
    height: 38px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-media,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-gallery,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igMediaOuter{
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-media img,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-media video,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-gallery img,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-gallery video{
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igActions{
    padding: 10px var(--sv119-page-pad) 7px !important;
    gap: 8px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igActLeft,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igActRight{
    gap: 12px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igBtn .sv-ico,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igViews .sv-ico,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igViewsInline .sv-ico{
    width: 22px !important;
    height: 22px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igBtn small,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igViews small,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igViewsInline small{
    font-size: 12px !important;
    font-weight: 600 !important;
    opacity: .92 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igMeta{
    padding: 0 var(--sv119-page-pad) 12px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igLikes,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igLikedBy{
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-igCaption,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-text,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-cap{
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-repostBox,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-repostBoxV2,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed .sv-repostCard{
    margin: 0 var(--sv119-page-pad) 10px !important;
    border: 1px solid var(--sv-border) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-stories,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-homeTabs,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-shelf,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-groupSuggest,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-userSuggest,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-groupSugCard,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-gShelf{
    border: 0 !important;
    box-shadow: none !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-shelf,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-groupSuggest,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-userSuggest,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-gShelf{
    padding-left: var(--sv119-page-pad) !important;
    padding-right: var(--sv119-page-pad) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom{
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: var(--sv-card) !important;
    box-shadow: 0 -10px 28px rgba(15,20,25,.12) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.sv-pwa-mobileApp body.sv-dark:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom{
    box-shadow: 0 -12px 32px rgba(0,0,0,.34) !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom .sv-btmLink{
    min-height: 46px !important;
    padding: 7px 6px !important;
    gap: 3px !important;
    border-radius: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom .sv-btmIco,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom .sv-btmIco svg,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom .sv-ico{
    width: 22px !important;
    height: 22px !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom .sv-btmLbl{
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-fab{
    width: 50px !important;
    height: 50px !important;
    margin-top: -8px !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 22px rgba(29,155,240,.28) !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv109-reelProgress{
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.18) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv109-reelProgress > i{
    background: #ffffff !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-reelMute,
  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rBtn[data-ract="fullscreen"]{
    display: none !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-reelLeft{
    left: max(10px, env(safe-area-inset-left, 0px) + 10px) !important;
    right: 82px !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 74px) !important;
    gap: 8px !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-reelAuthorRow{
    padding: 6px 10px 6px 6px !important;
    border-radius: 16px !important;
    background: rgba(0,0,0,.28) !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-reelCap{
    max-width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: rgba(0,0,0,.24) !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
    font-size: 13px !important;
    line-height: 1.36 !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-reelRight{
    right: max(8px, env(safe-area-inset-right, 0px) + 8px) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 74px) !important;
    gap: 10px !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rBtn,
  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rViews{
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    background: rgba(0,0,0,.28) !important;
    border: 0 !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.18) !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rBtn .sv-ico,
  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rViews .sv-ico{
    width: 22px !important;
    height: 22px !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rBtn small,
  html.sv-pwa-mobileApp body.sv-reelsPage #sv-reels .sv-rViews small{
    font-size: 10px !important;
    font-weight: 700 !important;
    margin-top: 2px !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage .sv-bottom{
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
    bottom: 0 !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: rgba(8,12,18,.94) !important;
    box-shadow: 0 -12px 30px rgba(0,0,0,.32) !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage .sv-bottom .sv-btmLink{
    min-height: 46px !important;
    border-radius: 0 !important;
    padding: 7px 6px !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage .sv-bottom .sv-btmIco,
  html.sv-pwa-mobileApp body.sv-reelsPage .sv-bottom .sv-btmIco svg,
  html.sv-pwa-mobileApp body.sv-reelsPage .sv-bottom .sv-ico{
    width: 22px !important;
    height: 22px !important;
  }

  html.sv-pwa-mobileApp body.sv-reelsPage .sv-bottom .sv-btmLbl{
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
  }
}