/* 0.9.304 reference trial: floating pill navigation with a luminous active tile. */
.tim-makeup-app{--tm-footer-height:calc(96px + env(safe-area-inset-bottom,0px))}
.tim-makeup-app .tm-nav{left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:min(calc(100% - 24px),420px)!important;max-width:420px!important;height:78px!important;min-height:78px!important;padding:6px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;border:1px solid rgba(237,221,226,.92)!important;border-radius:31px!important;background:rgba(255,253,252,.94)!important;box-shadow:0 13px 30px rgba(103,54,67,.14),inset 0 1px rgba(255,255,255,.98)!important;backdrop-filter:blur(18px) saturate(1.08)!important;overflow:visible!important}
.tim-makeup-app .tm-nav a{position:relative!important;z-index:1!important;display:flex!important;height:66px!important;min-height:66px!important;padding:0!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;border:1px solid transparent!important;border-radius:26px!important;background:transparent!important;box-shadow:none!important;color:var(--tm-color-muted)!important;font-size:11px!important;font-weight:600!important;line-height:1!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important}
.tim-makeup-app .tm-nav a svg{display:block!important;width:27px!important;height:27px!important;flex:none!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important}
.tim-makeup-app .tm-nav a span{font-size:11px!important;line-height:13px!important;font-weight:600!important;white-space:nowrap!important}
.tim-makeup-app .tm-nav a .tm-nav-accent{color:var(--tm-color-primary)!important;fill:currentColor!important;stroke:currentColor!important}
.tim-makeup-app .tm-nav a[aria-current="page"]{z-index:2!important;border-color:rgba(255,255,255,.95)!important;background:radial-gradient(circle at 50% 70%,rgba(255,187,207,.53),rgba(255,239,244,.74) 58%,rgba(255,255,255,.9) 100%)!important;color:var(--tm-color-primary)!important;box-shadow:0 8px 18px rgba(239,104,144,.22),inset 0 0 18px rgba(255,255,255,.92),0 0 0 2px rgba(255,255,255,.5)!important}
.tim-makeup-app .tm-nav a[aria-current="page"]::before,.tim-makeup-app .tm-nav a[aria-current="page"]::after{position:absolute;color:var(--tm-color-soft);line-height:1;pointer-events:none}
.tim-makeup-app .tm-nav a[aria-current="page"]::before{content:'✦';right:17px;top:10px;font-size:8px}
.tim-makeup-app .tm-nav a[aria-current="page"]::after{content:'✦';right:12px;top:5px;font-size:5px}
.tim-makeup-app .tm-shell{padding-bottom:calc(var(--tm-footer-height) + 10px)!important}
@media(min-width:800px){.tim-makeup-app .tm-nav{bottom:30px!important}}

/* 0.9.305: softer depth and eased active-state motion. */
.tim-makeup-app .tm-nav{width:min(calc(100% - 28px),416px)!important;height:76px!important;min-height:76px!important;border-color:rgba(238,224,228,.78)!important;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,250,251,.94))!important;box-shadow:0 10px 27px rgba(91,48,61,.12),inset 0 1px rgba(255,255,255,1)!important}
.tim-makeup-app .tm-nav a{height:64px!important;min-height:64px!important;border-radius:25px!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease,background .28s ease,box-shadow .28s ease!important;-webkit-tap-highlight-color:transparent}
.tim-makeup-app .tm-nav a svg,.tim-makeup-app .tm-nav a span{transition:transform .28s cubic-bezier(.2,.9,.2,1),color .22s ease!important}
.tim-makeup-app .tm-nav a:active{transform:scale(.96)!important}
.tim-makeup-app .tm-nav a[aria-current="page"]{background:radial-gradient(ellipse at 50% 78%,rgba(255,180,203,.46),rgba(255,234,241,.68) 55%,rgba(255,255,255,.88) 100%)!important;color:var(--tm-color-primary)!important;box-shadow:0 7px 16px rgba(230,102,140,.18),inset 0 0 20px rgba(255,255,255,.96),0 0 0 1.5px rgba(255,255,255,.78)!important;animation:tmNavSettle .4s cubic-bezier(.18,.88,.3,1.12) both}
.tim-makeup-app .tm-nav a[aria-current="page"] svg{transform:translateY(-1px) scale(1.04)!important}
.tim-makeup-app .tm-nav a[aria-current="page"] span{transform:translateY(-1px)!important;font-weight:700!important}
.tim-makeup-app .tm-nav a[aria-current="page"]::before{animation:tmNavTwinkle 1.8s ease-in-out infinite}
@keyframes tmNavSettle{0%{opacity:.45;transform:translateY(5px) scale(.92)}65%{opacity:1;transform:translateY(-1px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes tmNavTwinkle{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.tim-makeup-app .tm-nav a,.tim-makeup-app .tm-nav a svg,.tim-makeup-app .tm-nav a span{transition:none!important}.tim-makeup-app .tm-nav a[aria-current="page"],.tim-makeup-app .tm-nav a[aria-current="page"]::before{animation:none!important}}

/* 0.9.306: final reference proportions and luminous selected quarter. */
.tim-makeup-app{--tm-footer-height:calc(100px + env(safe-area-inset-bottom,0px))}
.tim-makeup-app .tm-nav{bottom:max(10px,env(safe-area-inset-bottom,0px))!important;width:min(calc(100% - 24px),420px)!important;height:80px!important;min-height:80px!important;padding:6px!important;border:1px solid rgba(239,225,229,.9)!important;border-radius:33px!important;background:rgba(255,253,252,.96)!important;box-shadow:0 12px 30px rgba(190,103,128,.16),inset 0 1px rgba(255,255,255,1)!important;backdrop-filter:blur(18px) saturate(1.06)!important}
.tim-makeup-app .tm-nav a{width:100%!important;height:68px!important;min-height:68px!important;gap:5px!important;border-radius:28px!important;color:var(--tm-color-muted)!important}
.tim-makeup-app .tm-nav a svg{width:29px!important;height:29px!important;stroke-width:1.55!important}
.tim-makeup-app .tm-nav a span{font-size:12px!important;line-height:14px!important;font-weight:600!important}
.tim-makeup-app .tm-nav a[aria-current="page"]{border:1px solid rgba(255,255,255,.98)!important;background:radial-gradient(ellipse at 50% 74%,rgba(255,177,202,.58),rgba(255,231,239,.78) 57%,rgba(255,255,255,.92) 100%)!important;color:var(--tm-color-primary)!important;box-shadow:0 9px 21px rgba(236,94,137,.24),inset 0 0 22px rgba(255,255,255,.98),0 0 0 2px rgba(255,255,255,.55)!important;animation:tmNavReferenceIn .32s cubic-bezier(.2,.82,.24,1) both}
.tim-makeup-app .tm-nav a[aria-current="page"] svg{transform:none!important}
.tim-makeup-app .tm-nav a[aria-current="page"] span{transform:none!important;font-weight:650!important}
.tim-makeup-app .tm-nav a[aria-current="page"]::before{right:15px!important;top:9px!important;font-size:8px!important;animation:none!important}
.tim-makeup-app .tm-nav a[aria-current="page"]::after{right:10px!important;top:4px!important;font-size:5px!important}
@keyframes tmNavReferenceIn{from{opacity:.72;transform:scale(.965)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.tim-makeup-app .tm-nav a[aria-current="page"]{animation:none!important}}

/* 0.9.307: clean reference variant with a slim active underline. */
.tim-makeup-app{--tm-footer-height:calc(96px + env(safe-area-inset-bottom,0px))}
.tim-makeup-app .tm-nav{width:min(calc(100% - 24px),420px)!important;height:76px!important;min-height:76px!important;padding:6px 8px!important;border:1px solid rgba(236,229,231,.9)!important;border-radius:32px!important;background:rgba(255,254,253,.97)!important;box-shadow:0 10px 26px rgba(73,55,61,.11)!important;backdrop-filter:blur(17px)!important}
.tim-makeup-app .tm-nav a{height:64px!important;min-height:64px!important;gap:5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--tm-color-muted)!important;animation:none!important;transition:color .2s ease,transform .18s ease!important}
.tim-makeup-app .tm-nav a svg{width:28px!important;height:28px!important;stroke-width:1.55!important;transform:none!important}
.tim-makeup-app .tm-nav a span{font-size:12px!important;line-height:14px!important;font-weight:600!important;transform:none!important}
.tim-makeup-app .tm-nav a[data-nav="home"] .tm-nav-accent,.tim-makeup-app .tm-nav a[data-nav="community"] .tm-nav-accent,.tim-makeup-app .tm-nav a[data-nav="account"] .tm-nav-accent{display:none!important}
.tim-makeup-app .tm-nav a[data-nav="chat"] .tm-nav-accent{color:currentColor!important;fill:currentColor!important;stroke:none!important}
.tim-makeup-app .tm-nav a[aria-current="page"]{border:0!important;background:transparent!important;color:var(--tm-color-primary)!important;box-shadow:none!important;animation:none!important}
.tim-makeup-app .tm-nav a[aria-current="page"]::before{display:none!important;content:none!important}
.tim-makeup-app .tm-nav a[aria-current="page"]::after{content:''!important;display:block!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:-6px!important;width:44px!important;height:4px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:linear-gradient(90deg,var(--tm-color-soft),var(--tm-color-primary))!important;box-shadow:0 1px 4px rgba(238,113,143,.18)!important}
.tim-makeup-app .tm-nav a:active{transform:scale(.97)!important}
@media(max-width:370px){.tim-makeup-app .tm-nav{width:calc(100% - 18px)!important}.tim-makeup-app .tm-nav a span{font-size:11px!important}.tim-makeup-app .tm-nav a svg{width:27px!important;height:27px!important}}