.bottom-nav{width:100%;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#fff;border:1px solid #fff9;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #080a1e0d}.bottom-nav ul{justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.bottom-nav li{flex:1;justify-content:center;display:flex;position:relative}.bottom-nav .nav-link{color:#111322cc;border-radius:50%;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;text-decoration:none;transition:transform .2s,color .2s,box-shadow .2s,background .2s;display:inline-flex;position:relative;transform:translateY(0)}.bottom-nav .nav-link:hover,.bottom-nav .nav-link:focus-visible{color:#111322;transform:translateY(-2px)}.bottom-nav .nav-link.accent{color:#111322f2;background:#fff;border:1px solid #0000000a;width:3.6rem;height:3.6rem;position:relative;box-shadow:0 18px 30px #130f2640}.bottom-nav .nav-link.accent-raised,.bottom-nav .nav-link.accent-raised:hover,.bottom-nav .nav-link.accent-raised:focus-visible{width:4rem;height:4rem;transform:translateY(-18px);box-shadow:0 28px 45px #130f2659}.bottom-nav .nav-link.active{color:#3773ff}.bottom-nav .nav-link.active:after{content:"";position:absolute;inset:0}.bottom-nav .nav-link.disabled{opacity:.5;cursor:default}.bottom-nav .nav-link--profile{background:0 0;padding:0}.bottom-nav .nav-link__avatar-ring{border-radius:50%;justify-content:center;align-items:center;width:70%;height:70%;padding:2px;display:flex}.bottom-nav .nav-link__avatar-ring img{object-fit:cover;border-radius:50%;width:100%;height:100%}.bottom-nav .nav-link__avatar-ring--icon{color:#111322cc;justify-content:center;align-items:center;padding:0;display:flex}.bottom-nav .nav-link__avatar-ring--icon svg{width:auto;height:auto;padding:0}.bottom-nav .nav-link--profile:hover .nav-link__avatar-ring--icon,.bottom-nav .nav-link--profile:focus-visible .nav-link__avatar-ring--icon{color:#111322}.bottom-nav .nav-link--profile.active .nav-link__avatar-ring--icon{color:#3773ff}.bottom-nav .nav-highlight{pointer-events:none;background:#3773ff;border-radius:50%;width:.32rem;height:.32rem;transition:left .25s;position:absolute;bottom:.7rem;right:auto;transform:translate(-50%)}.bottom-nav .nav-highlight[data-initial=true]{transition:none}@media (min-width:768px){.bottom-nav{width:min(90%,540px);padding:.9rem 2rem}}