.bottom-nav{--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px));--spring: cubic-bezier(.34, 1.45, .5, 1);position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translate(-50%);width:calc(100% - 24px);max-width:406px;z-index:50;border-radius:32px;transition:width .45s var(--spring),bottom .45s var(--spring),transform .32s cubic-bezier(.34,1.1,.5,1),opacity .25s}.bottom-nav.compact{width:min(calc(100% - 24px),calc(var(--n) * 58px + 12px));bottom:calc(6px + var(--safe-bottom))}.bottom-nav.hidden{transform:translate(-50%,140%);opacity:0;pointer-events:none}.bottom-nav-glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;overflow:hidden;background:var(--glass-tint);-webkit-backdrop-filter:blur(20px) saturate(200%) brightness(1.12);backdrop-filter:blur(20px) saturate(200%) brightness(1.12);border:1px solid var(--glass-edge);box-shadow:0 8px 28px #00000024,0 1px 2px #00000014,inset 0 1px 0 var(--glass-shine),inset 0 -1px #ffffff0f}.bottom-nav-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.03) 45%,transparent 60%,rgba(255,255,255,.05) 100%)}.bottom-nav-track{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:6px;touch-action:none;user-select:none;-webkit-user-select:none}.bottom-nav-indicator{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / var(--n));border-radius:26px;background:color-mix(in srgb,var(--text) 10%,transparent);box-shadow:inset 0 1px #ffffff24;translate:calc(100% * var(--i)) 0;scale:1;transition:translate .55s cubic-bezier(.3,1.35,.45,1),scale .4s cubic-bezier(.3,1.6,.5,1),background .25s,box-shadow .25s;will-change:translate,scale}.bottom-nav.dragging .bottom-nav-indicator{translate:var(--drag-x) 0;scale:1.12 1.2;background:color-mix(in srgb,var(--text) 13%,transparent);box-shadow:0 6px 20px #0000002e,inset 0 1px #ffffff4d;transition:translate .12s cubic-bezier(.2,.8,.3,1),scale .4s cubic-bezier(.3,1.6,.5,1),background .25s,box-shadow .25s}.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:52px;min-width:0;padding:0;border-radius:26px;background:none;border:none;color:var(--text);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.1px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s ease,transform .35s var(--spring),height .45s var(--spring)}.bottom-nav-item span{max-height:14px;opacity:1;overflow:hidden;white-space:nowrap;transition:max-height .45s var(--spring),opacity .25s}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:active{transform:scale(.9)}.bottom-nav.dragging .bottom-nav-item{transition:color .12s}.bottom-nav.compact .bottom-nav-item{height:44px}.bottom-nav.compact .bottom-nav-item span{max-height:0;opacity:0}@media (prefers-reduced-motion: reduce){.bottom-nav,.bottom-nav-indicator,.bottom-nav-item,.bottom-nav-item span{transition:none}}