/* Expanded navigation geometry anchors content permanently. Only the pill scales. */
@property --tabbar-scale{syntax:'<number>';inherits:false;initial-value:1}
@property --nav-label-opacity{syntax:'<number>';inherits:true;initial-value:1}
@property --nav-material{syntax:'<number>';inherits:false;initial-value:1}
.phone{--tabbar-expanded-height:64px;--floating-nav-height:var(--tabbar-expanded-height);--floating-nav-duration:320ms;--floating-icon-duration:150ms;--floating-nav-ease:cubic-bezier(.32,.72,0,1);--floating-page-inset:calc(var(--tabbar-expanded-height) + 24px + var(--safe-bottom));--chart-bottom:calc(var(--safe-bottom) + var(--tabbar-expanded-height) + 24px)}
.reel-viewport{bottom:0}
.bottom-nav{--nav-material:1;--tabbar-scale:1;--nav-label-opacity:1;position:fixed;z-index:45;left:50%;right:auto;bottom:calc(var(--safe-bottom) + 12px);width:calc(100% - 32px - var(--safe-left) - var(--safe-right));height:var(--tabbar-expanded-height);padding:0 6px;transform:translateX(-50%) scale(var(--tabbar-scale));transform-origin:bottom center;contain:layout paint;border:0;border-radius:999px;background:rgba(14,14,16,.65);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden;justify-content:center;touch-action:manipulation;will-change:transform;transition:transform var(--floating-nav-duration) var(--floating-nav-ease),--nav-material var(--floating-nav-duration) ease,--nav-label-opacity var(--floating-nav-duration) ease}
.bottom-nav button{position:relative;flex:1 1 0;min-width:0;min-height:52px;max-width:100%;padding:3px 1px;gap:3px;border-radius:999px;color:var(--muted);touch-action:manipulation}
.bottom-nav button:after{display:none!important}.bottom-nav button.active{color:var(--text)}
.bottom-nav svg{width:24px;height:24px;flex:none}
.bottom-nav button>span{height:12px;overflow:hidden;font-size:10px;line-height:12px;font-weight:500;white-space:nowrap;opacity:var(--nav-label-opacity);transition:none}
.bottom-nav[data-state=mini]{--nav-material:0;--tabbar-scale:.85;--nav-label-opacity:.6}
.bottom-nav[data-motion=progress]{transition:none}
.bottom-nav[data-reduce-blur=true]{backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}
/* The pill owns overlapping contacts; the timeline stays at the safe-area edge. */
.video-timeline{z-index:44;bottom:calc(var(--safe-bottom) - 12px)}
.video-timeline-track{top:10px}.video-timeline[data-state=scrubbing] .video-timeline-track{top:8px}
.social-screen{inset:0 0 var(--keyboard);padding-bottom:var(--floating-page-inset);scroll-padding-bottom:var(--floating-page-inset)}
.social-screen.is-conversation,.social-screen.is-profile{padding-bottom:var(--floating-page-inset)}
.pro-page{scroll-padding-bottom:var(--floating-page-inset)}
.pro-page-content{padding-bottom:var(--floating-page-inset)}
#positionsScreen{inset:0}.positions-page{padding-bottom:var(--floating-page-inset);scroll-padding-bottom:var(--floating-page-inset)}
.route-page-sheet{inset:0;padding-bottom:var(--floating-page-inset)}
.route-page-sheet .sheet-content{padding-bottom:0}
.live-chat-layer:not([hidden]),.sheet:not(.route-page-sheet){z-index:65}
.is-conversation .message-composer{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav *{transition:none!important}}

/* Addendum28: this single pill is a sibling behind all five retained buttons. */
.tab-active-indicator{position:absolute;left:0;top:5px;z-index:0;border-radius:999px;background:rgb(255 255 255 / .10);border:0;pointer-events:none;transform-origin:center;will-change:transform}
.phone:not(.social-mode) .tab-active-indicator{background:rgb(255 255 255 / .12)}
.bottom-nav button{z-index:1}
.bottom-nav .tab-icon-states{display:block;position:relative;flex:none;width:24px;height:24px;font-style:normal}
.tab-icon-states svg{position:absolute;inset:0;color:var(--muted);transition:opacity 150ms linear}
.tab-icon-states .tab-icon-active{color:var(--text);stroke-width:2.2;opacity:0}
.tab-icon-states .tab-icon-inactive{opacity:1}
.bottom-nav button.active .tab-icon-active{opacity:1}
.bottom-nav button.active .tab-icon-inactive{opacity:0}
.bottom-nav button>span{color:#ffffff80;transition:color 150ms linear}
.bottom-nav button[data-indicator-active=true]>span{color:var(--text);transition-delay:210ms}

/* Addendum34: no safe-area/root backing behind the actual glass pill. */
html,body,.showcase,.phone{background:transparent}
.phone:not(.social-mode) .ambient-backdrop{background:transparent}
.reel-viewport{inset:0;bottom:0;background:none}
.reel-footer{position:absolute;z-index:0;left:0;right:0;bottom:0;width:100%;height:var(--chart-bottom);pointer-events:none;background:none;opacity:0}
.media-stage{z-index:1}
.bottom-nav:before{content:none;display:none}
.reel-footer[data-ready=true]{opacity:1}