/* One footer owner: ID scope wins over legacy per-page navigation styles. */
.tim-makeup-app{--tm-footer-height:calc(102px + env(safe-area-inset-bottom,0px))!important}
.tim-makeup-app #tm-global-footer{
  position:fixed!important;z-index:1000!important;left:50%!important;right:auto!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;
  box-sizing:border-box!important;width:min(calc(100% - 16px),414px)!important;max-width:414px!important;
  height:84px!important;min-height:84px!important;margin:0!important;padding:8px 10px!important;gap:0!important;
  border:1px solid var(--tm-color-border)!important;border-radius:24px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 28px rgba(26,108,67,.11),0 0 24px rgba(94,211,145,.08),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;overflow:visible!important;
}
.tim-makeup-app #tm-global-footer a{
  position:relative!important;display:grid!important;grid-template-rows:46px 14px!important;justify-items:center!important;align-content:start!important;
  box-sizing:border-box!important;width:100%!important;height:68px!important;min-height:68px!important;padding:0!important;gap:4px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--tm-color-muted)!important;text-decoration:none!important;animation:none!important;transform:none!important;
}
.tim-makeup-app #tm-global-footer a::before{content:""!important;position:absolute!important;z-index:0!important;left:50%!important;top:0!important;display:block!important;width:46px!important;height:46px!important;transform:translateX(-50%)!important;border-radius:50%!important;background:var(--tm-color-page)!important;box-shadow:none!important}
.tim-makeup-app #tm-global-footer a::after{content:none!important;display:none!important}
.tim-makeup-app #tm-global-footer a svg{position:relative!important;z-index:1!important;align-self:center!important;display:block!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;transform:none!important;filter:none!important}
.tim-makeup-app #tm-global-footer a span{position:relative!important;z-index:1!important;display:block!important;font-size:12px!important;font-weight:500!important;line-height:14px!important;color:currentColor!important;white-space:nowrap!important;transform:none!important}
.tim-makeup-app #tm-global-footer a .tm-nav-accent{display:none!important}
.tim-makeup-app #tm-global-footer a[aria-current="page"]{color:var(--tm-color-primary)!important;background:transparent!important;box-shadow:none!important;animation:none!important}
.tim-makeup-app #tm-global-footer a[aria-current="page"]::before{background:linear-gradient(145deg,var(--tm-color-page),var(--tm-color-soft))!important;box-shadow:0 5px 14px rgba(19,151,77,.10)!important}
.tim-makeup-app #tm-global-footer a[aria-current="page"] span{font-weight:700!important}
.tim-makeup-app #tm-global-footer a[data-nav="home"] .tm-nav-home-fill{fill:currentColor!important;stroke:currentColor!important}
.tim-makeup-app #tm-global-footer a:active{transform:scale(.97)!important}
.tim-makeup-app .tm-shell{padding-bottom:calc(var(--tm-footer-height) + 8px)!important}
.tim-makeup-app.tm-profile-route[data-green-profile-ready="1"] .tm-profile-cta-green{display:none!important}
.tim-makeup-app #tm-global-footer{display:grid!important}
.tim-makeup-app #tm-global-footer a[data-nav="inbox-post"]{display:none!important}
.tim-makeup-app #tm-global-footer a[data-nav="inbox-post"]{display:none!important}
.tim-makeup-app #tm-global-footer a[aria-current="page"]::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
@media(max-width:370px){.tim-makeup-app #tm-global-footer{width:calc(100% - 12px)!important;padding-inline:6px!important}.tim-makeup-app #tm-global-footer a::before{width:44px!important;height:44px!important}.tim-makeup-app #tm-global-footer a svg{width:28px!important;height:28px!important}.tim-makeup-app #tm-global-footer a span{font-size:11px!important}}
@media(min-width:800px){.tim-makeup-app #tm-global-footer{bottom:20px!important}}
@media(prefers-reduced-motion:reduce){.tim-makeup-app #tm-global-footer a{transition:none!important}}

/* Reset legacy active sparkles and unread styles before painting common circles. */
.tim-makeup-app #tm-global-footer a::before{content:""!important;display:block!important;right:auto!important;bottom:auto!important;top:0!important;left:50%!important;border:0!important;opacity:1!important;animation:none!important;pointer-events:none!important}
.tim-makeup-app #tm-global-footer a[aria-current="page"]::before{content:""!important;display:block!important;top:0!important;right:auto!important;width:46px!important;height:46px!important;background:linear-gradient(145deg,var(--tm-color-page),var(--tm-color-soft))!important}
.tim-makeup-app #tm-global-footer a.tm-inbox-unread::before{width:46px!important;height:46px!important;border:0!important}
.tim-makeup-app #tm-global-footer a.tm-inbox-unread::after{content:""!important;display:block!important;position:absolute!important;z-index:2!important;top:2px!important;right:calc(50% - 22px)!important;left:auto!important;bottom:auto!important;width:8px!important;height:8px!important;border:2px solid white!important;border-radius:50%!important;background:var(--tm-color-primary)!important;box-shadow:none!important;transform:none!important;animation:none!important}
@media(max-width:370px){.tim-makeup-app #tm-global-footer a[aria-current="page"]::before,.tim-makeup-app #tm-global-footer a.tm-inbox-unread::before{width:44px!important;height:44px!important}}

/* Conversation owns the bottom edge; never cover the message composer. */
.tim-makeup-app.tm-chat-detail-page #tm-global-footer{display:none!important}
.tim-makeup-app.tm-chat-detail-page{--tm-footer-height:0px!important}

/* Keep the footer in its own cross-document snapshot: no resize or white flash. */
@view-transition{navigation:auto}
.tim-makeup-app #tm-global-footer{view-transition-name:tm-footer}
::view-transition-group(tm-footer){animation:none}
::view-transition-old(tm-footer){animation:none;opacity:0}
::view-transition-new(tm-footer){animation:none;opacity:1}
::view-transition-group(root){animation-duration:100ms}
::view-transition-old(root),::view-transition-new(root){animation-duration:100ms}
.tim-makeup-app #tm-global-footer a:active{transform:none!important}
.tim-makeup-app #tm-global-footer a{transition:color 100ms ease!important}
.tim-makeup-app #tm-global-footer[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .tim-makeup-app #tm-global-footer a{transition:none!important}
}

/* Configuration owns its Next/Save action area. */
.tim-makeup-app.tm-config-mode #tm-global-footer{display:none!important}
.tim-makeup-app.tm-config-mode{--tm-footer-height:0px!important}