body{padding-bottom:96px}
.public-member-nav{position:fixed;z-index:70;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,780px);height:90px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 -12px 35px rgba(0,0,0,.12)}
.public-member-nav button{position:relative;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;min-width:0;padding:5px 4px 9px}
.public-member-nav button i{width:24px;height:24px;display:grid;place-items:center;font-style:normal;line-height:1}.public-member-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.public-member-nav button span{font-weight:700;letter-spacing:.01em}
.public-member-nav button.active{color:var(--text)}
.public-member-nav button.active:after{content:"";position:absolute;bottom:1px;width:42px;height:2px;border-radius:2px;background:var(--text)}
.public-member-nav button.active i{width:42px;height:44px;background:none;color:inherit;border-radius:0}.public-member-nav button.active svg{width:19px;height:19px}
.public-member-nav button.active .today-brand-mark{display:block;background:url("godswork-mark.png") center 25%/cover no-repeat;filter:invert(1);mix-blend-mode:multiply}
:root[data-theme="dark"] .public-member-nav .today-brand-mark{filter:none;mix-blend-mode:screen}
.public-member-nav button.active span{text-transform:uppercase;letter-spacing:.055em}
.public-member-nav [data-community-unread],.simple-nav [data-community-unread]{position:absolute;z-index:3;top:4px;left:calc(50% + 8px);display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--bg,#050607);border-radius:20px;background:#ed1c24;color:#fff;font:900 9px/1 Arial,sans-serif;font-style:normal;box-shadow:0 2px 8px rgba(237,28,36,.45)}
.public-member-nav [data-community-unread]:empty,.simple-nav [data-community-unread]:empty,.public-member-nav [data-community-unread][hidden],.simple-nav [data-community-unread][hidden]{display:none}
@media(max-width:800px){.public-member-nav{width:100%;border-left:0;border-right:0;border-radius:18px 18px 0 0}}