.cmn-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99999}.cmn-nav-container{border-top:1px solid rgb(0 0 0 / .05);box-shadow:0 -2px 15px rgb(0 0 0 / .08);padding:8px 0;padding-bottom:env(safe-area-inset-bottom,8px)}.cmn-nav-items{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:0 8px}.cmn-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#8a7a9a;font-size:10px;transition:all .3s ease;padding:4px 8px;min-width:50px;position:relative;background:0 0;border:none;cursor:pointer}.cmn-nav-item .cmn-nav-icon{font-size:20px;line-height:1;margin-bottom:2px;transition:all .3s ease}.cmn-nav-item .cmn-nav-label{font-size:10px;font-weight:500;letter-spacing:.3px}.cmn-nav-item:hover{color:#7b2fbe;text-decoration:none}.cmn-nav-item.active{color:#7b2fbe}.cmn-nav-item.active .cmn-nav-icon{transform:scale(1.1)}.cmn-nav-item.cmn-center-item{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-28px;color:#fff;box-shadow:0 4px 20px rgb(123 47 190 / .4);transition:all .3s ease;text-decoration:none}.cmn-nav-item.cmn-center-item .cmn-nav-icon{font-size:28px;margin:0}.cmn-nav-item.cmn-center-item .cmn-nav-label{display:none}.cmn-nav-item.cmn-center-item:hover{transform:scale(1.08);box-shadow:0 6px 30px rgb(123 47 190 / .5)}.cmn-nav-item.cmn-center-item:active{transform:scale(.95)}.cmn-nav-item.cmn-center-item.active{transform:scale(1.05);box-shadow:0 4px 25px rgb(123 47 190 / .6)}.cmn-nav-item .cmn-badge{position:absolute;top:0;right:4px;background:#dc3545;color:#fff;font-size:9px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.cmn-nav-item.cmn-center-item{animation:cmn-pulse 2s infinite}@keyframes cmn-pulse{0%{box-shadow:0 4px 20px rgb(123 47 190 / .4)}50%{box-shadow:0 4px 30px rgb(123 47 190 / .6)}100%{box-shadow:0 4px 20px rgb(123 47 190 / .4)}}@media (max-width:768px){.cmn-mobile-nav{display:block}body{padding-bottom:80px}}@media (min-width:769px) and (max-width:1024px){.cmn-mobile-nav{display:none!important}}@media (prefers-color-scheme:dark){.cmn-nav-container{background:#1a1a2e;border-top-color:rgb(255 255 255 / .05)}.cmn-nav-item{color:#8a8a9a}.cmn-nav-item:hover,.cmn-nav-item.active{color:#9b6bcb}}