.mobile-bottom-nav{display:none}
@media(max-width:768px){
 body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 body>header{height:auto;min-height:58px}body>header .top{height:58px}body>header>nav{display:none}
 .mobile-bottom-nav{position:fixed;z-index:40;inset:auto 0 0;isolation:isolate;display:grid;grid-template-columns:1fr 1fr 1.16fr 1fr 1fr;height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);gap:0;background:#fff;border:1px solid var(--theme-f2e7ed,#f2e7ed);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -6px 24px var(--theme-50304209,#50304209);overflow:visible}
 .mobile-bottom-nav a{position:relative;min-width:0;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;margin:0;padding:0 0 9px;border:0;text-decoration:none;color:#958a94;font-size:11px;white-space:nowrap;line-height:18px;font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .mobile-bottom-nav .nav-icon{display:grid;place-items:center;width:42px;height:32px;border-radius:12px;transition:background .18s,color .18s,transform .18s}.mobile-bottom-nav svg{width:25px;height:25px}
 .mobile-bottom-nav a.active{color:var(--theme-ec3976,#ec3976);font-weight:600}.mobile-bottom-nav a.active:not(.publish-link) .nav-icon{background:var(--theme-fff0f6,#fff0f6)}.mobile-bottom-nav a.active:not(.publish-link) svg{fill:var(--theme-ffe4ef,#ffe4ef)}
 .mobile-bottom-nav .publish-link{color:var(--theme-49313e,#49313e);font-weight:700;font-size:12px;gap:5px}
 .mobile-bottom-nav .publish-link .nav-icon{position:absolute;left:50%;top:-25px;transform:translateX(-50%);width:70px;height:70px;border:5px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--theme-ff77a3,#ff77a3),var(--theme-ed3276,#ed3276));box-shadow:0 6px 16px var(--theme-e93a7826,#e93a7826)}
 .mobile-bottom-nav .publish-link svg{width:32px;height:32px;stroke-width:2}
 .mobile-bottom-nav .publish-link.active{color:var(--theme-ec3976,#ec3976)}
 .mobile-bottom-nav a:focus-visible{outline:2px solid var(--theme-ed3978,#ed3978);outline-offset:-3px;border-radius:15px}
 .mobile-bottom-nav a:active .nav-icon{background:var(--theme-ffe6f0,#ffe6f0)}.mobile-bottom-nav .publish-link:active .nav-icon{background:linear-gradient(145deg,var(--theme-f56496,#f56496),var(--theme-df2669,#df2669));transform:translateX(-50%) scale(.95)}
 #toast{bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:150;max-width:90vw;width:max-content}
}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav .nav-icon{transition:none}}

@media(max-width:360px){.mobile-bottom-nav{padding-left:3px;padding-right:3px;grid-template-columns:1fr 1fr 1.3fr 1fr 1fr}.mobile-bottom-nav .publish-link .nav-icon{width:62px;height:62px;top:-18px}.mobile-bottom-nav .publish-link svg{width:29px;height:29px}}