/* One footer owner: ID scope wins over legacy per-page navigation styles. */
.tim-makeup-app{--tm-footer-height:calc(88px + 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(6px,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:72px!important;min-height:72px!important;margin:0!important;padding:6px 10px!important;gap:0!important;
  border:1px solid var(--tm-color-border)!important;border-radius:22px!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:40px 14px!important;justify-items:center!important;align-content:start!important;
  box-sizing:border-box!important;width:100%!important;height:60px!important;min-height:60px!important;padding:0!important;gap:2px!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:40px!important;height:40px!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:25px!important;height:25px!important;min-width:25px!important;min-height:25px!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:11px!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[data-nav="account"] svg,
.tim-makeup-app:is(.tm-account-mode,.tm-saved-mode,.tm-my-posts-mode) #tm-global-footer a[data-nav="account"][aria-current="page"] svg{
  fill:none!important;stroke:currentColor!important;stroke-width:1.75!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-profile-route{--tm-footer-height:0px!important}
.tim-makeup-app.tm-profile-route #tm-global-footer{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:38px!important;height:38px!important}.tim-makeup-app #tm-global-footer a svg{width:24px!important;height:24px!important}.tim-makeup-app #tm-global-footer a span{font-size:10.5px!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:40px!important;height:40px!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:40px!important;height:40px!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:38px!important;height:38px!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}

/* A fixed footer follows the visual viewport when the software keyboard opens.
   Hide it while typing so it never jumps above or covers the focused field. */
.tim-makeup-app.tm-keyboard-open{--tm-footer-height:0px!important}
.tim-makeup-app.tm-keyboard-open #tm-global-footer{display:none!important}
.tim-makeup-app #tm-global-footer .tm-order-nav-badge{position:absolute!important;z-index:3!important;top:-2px!important;left:calc(50% + 9px)!important;display:grid!important;min-width:18px!important;height:18px!important;padding:0 5px!important;place-items:center!important;border:2px solid #fff!important;border-radius:999px!important;background:#d99422!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:1!important;box-sizing:border-box!important}
.tim-makeup-app #tm-global-footer a.tm-orders-unread::before{background:#fff7e8!important;box-shadow:0 5px 14px rgba(217,148,34,.14)!important}
.tm-shop-order-toast{position:fixed;z-index:10020;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;display:flex;align-items:center;gap:11px;width:min(calc(100% - 32px),400px);min-height:66px;padding:10px 12px;box-sizing:border-box;transform:translate(-50%,-12px);border:1px solid #d7ebe4;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(22,73,59,.16);color:#183f37;text-decoration:none;opacity:0;transition:opacity .18s ease,transform .18s ease}.tm-shop-order-toast.is-visible{transform:translate(-50%,0);opacity:1}.tm-shop-order-toast-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:13px;background:#e1f4ed;color:#087b69}.tm-shop-order-toast-icon svg{width:24px;height:24px}.tm-shop-order-toast-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.tm-shop-order-toast-copy strong{display:flex;align-items:center;gap:7px;min-width:0;font-size:14px;line-height:18px;font-weight:750}.tm-shop-order-toast-copy em{overflow:hidden;padding:3px 6px;border-radius:999px;background:#fff3d9;color:#8a641a;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}.tm-shop-order-toast-copy>span{overflow:hidden;color:#687d76;font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.tm-shop-order-toast-arrow{flex:0 0 16px;color:#087b69;font-size:25px;line-height:1;text-align:center}.tm-shop-order-toast:focus-visible{outline:3px solid #087b69;outline-offset:2px}@media(max-width:370px){.tm-shop-order-toast{gap:8px;padding:9px}.tm-shop-order-toast-icon{flex-basis:38px;width:38px;height:38px}.tm-shop-order-toast-copy strong{font-size:13px}.tm-shop-order-toast-copy em{font-size:9px}}@media(prefers-reduced-motion:reduce){.tm-shop-order-toast{transition:none}}