.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,0px));background:rgba(10,14,26,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,0.08);display:none;justify-content:space-around;align-items:center;z-index:9999;padding:0 8px calc(env(safe-area-inset-bottom,0px));box-sizing:border-box;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b94a7;text-decoration:none;font-size:9px;font-weight:600;flex:1 1 0;min-width:0;height:100%;gap:3px;transition:color 0.15s ease,transform 0.1s ease;background:none;border:none;padding:0 2px;font-family:inherit;cursor:pointer;white-space:nowrap}.bottom-nav-item .icon{font-size:20px;line-height:1;display:flex}.bottom-nav-item .icon svg{width:20px;height:20px;display:block}.bottom-nav-item.active{color:#00d4ff}.bottom-nav-item:active{transform:scale(0.95)}@media (max-width: 768px){.bottom-nav{display:flex}.top-nav{display:none!important}body{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}}@media (max-width: 768px) and (display-mode: standalone){.bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px) + 10px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px) + 10px)!important}}
