.public-bottom-nav{display:none}
@media(max-width:1024px){
 .guest #app-main{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .public-bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:55;min-height:64px;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 45px rgba(15,66,62,.2)}
 .public-bottom-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:1px;font-size:10px;font-weight:700;min-width:0;min-height:50px}
 .public-bottom-nav button span{font-size:20px;line-height:1}
 .public-bottom-nav button.active{color:var(--teal)}
}
@media(min-width:821px) and (max-width:1024px){
 .member .app-shell{display:block}.member .side-nav{position:fixed;left:0;top:0;width:270px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:15px 0 45px #1024}.member .side-nav.open{transform:none}
 .member .mobile-menu,.member .mobile-brand{display:flex}.member .mobile-menu{display:grid}.member .mobile-brand{margin-right:auto}.member .avatar-button{display:none}
 .member .bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;height:68px;padding-bottom:env(safe-area-inset-bottom);z-index:40;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 45px rgba(15,66,62,.18);display:grid;grid-template-columns:repeat(5,1fr)}
 .member .bottom-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;display:grid;place-items:center;align-content:center;gap:1px}.member .bottom-nav button span{font-size:20px}.member .bottom-nav button.active{color:var(--teal)}
 .member #app-main{padding-bottom:86px}.member .page{padding-bottom:100px}
}