.glass-navbar{position:fixed!important;left:20px!important;right:20px!important;bottom:calc(16px + clamp(0px,var(--safe-bottom,env(safe-area-inset-bottom,0px)),40px))!important;height:66px!important;max-width:380px!important;box-sizing:border-box;margin:0 auto!important;padding:4px!important;display:flex!important;align-items:stretch!important;gap:0!important;border:1px solid #ffffff20!important;border-radius:34px!important;background:#11141be8!important;backdrop-filter:blur(24px);z-index:1000;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.glass-navbar .nav-indicator{display:block!important;opacity:0;pointer-events:none!important;}
.glass-navbar .nav-item{flex:1!important;min-width:0;width:auto!important;max-width:none!important;height:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:30px!important;color:#858a91!important;text-decoration:none;transform:none!important;border:1px solid transparent;font-size:20px;}
.glass-navbar .nav-item span{font:11px/1.1 Arial,sans-serif!important;color:inherit!important;}
.glass-navbar .nav-item.active{color:#ffe477!important;background:radial-gradient(ellipse at 50% 100%,#b18d2830,transparent),#ffffff07!important;border-color:#ffffff12!important;box-shadow:inset 0 1px #ffffff10!important;}
.glass-navbar .nav-item:active{background-color:#ffffff10!important;}
.glass-navbar .nav-item:focus-visible{outline:2px solid #ffe477;outline-offset:-3px;}
.glass-navbar .nav-item{transition:color .22s ease,background-color .22s ease,transform .22s ease!important;}
.glass-navbar .nav-item.active{animation:nav-arrive .42s cubic-bezier(.2,1.3,.4,1) both;}
.glass-navbar .nav-item.active i{animation:nav-icon-arrive .5s cubic-bezier(.2,1.4,.4,1) both;}
@keyframes nav-arrive{from{opacity:.65;scale:.93}to{opacity:1;scale:1}}
@keyframes nav-icon-arrive{from{transform:translateY(5px) scale(.85)}to{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.glass-navbar .nav-item,.glass-navbar .nav-item.active,.glass-navbar .nav-item.active i{animation:none!important;transition:none!important;}}
.glass-navbar.nav-motion-ready .nav-indicator{display:block!important;top:4px!important;height:calc(100% - 8px)!important;transform:none!important;border-radius:30px;background:radial-gradient(ellipse at 50% 100%,#e0b74422,transparent),#ffffff08!important;border:1px solid #ffe6a022;box-shadow:inset 0 1px #ffffff12;pointer-events:none;opacity:1;transition:left .24s cubic-bezier(.22,1,.36,1),width .24s ease!important;}
.glass-navbar.nav-motion-ready .nav-item.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
@media(prefers-reduced-motion:reduce){.glass-navbar.nav-motion-ready .nav-indicator{transition:none!important;}}
/* The viewportHeight event can briefly report a collapsed Telegram sheet even
   after the Mini App has expanded. A computed top then strands the nav halfway
   up the screen and leaves a large empty area below it. */
html.nd-telegram-mobile .glass-navbar{top:auto!important;bottom:calc(16px + clamp(0px,var(--safe-bottom,env(safe-area-inset-bottom,0px)),40px))!important;}