.bottom-nav-wrap{left:0;right:0;bottom:calc(var(--app-bottom) + var(--space-3));z-index:1000;padding:0 var(--space-4);pointer-events:none;justify-content:center;display:flex;position:fixed}.bottom-nav{align-items:center;gap:var(--space-1);width:fit-content;max-width:100%;padding:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);box-shadow:var(--shadow-float);pointer-events:auto;opacity:1;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-base) var(--ease-fast);background:#141414b8;display:flex;transform:translate(0,0)}.bottom-nav.hidden{opacity:0;transform:translate3d(0, calc(100% + var(--space-6)), 0) scale(.94);pointer-events:none}.bottom-nav .nav-item{border-radius:var(--radius-full);min-width:48px;height:48px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-slow) var(--ease-out),color var(--duration-base) var(--ease-fast),padding var(--duration-slow) var(--ease-out),gap var(--duration-slow) var(--ease-out),transform var(--duration-fast) var(--ease-fast);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:0;margin:0;padding:0;font-family:inherit;display:flex;overflow:hidden}.bottom-nav .nav-item svg{flex-shrink:0}.bottom-nav .nav-item:active{transform:scale(.94)}.bottom-nav .nav-item .nav-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:-.01em;white-space:nowrap;opacity:0;max-width:0;transition:max-width var(--duration-slow) var(--ease-out),opacity var(--duration-base) var(--ease-out),transform var(--duration-slow) var(--ease-out);transform:translate(-4px)}.bottom-nav .nav-item.active{background:var(--text-primary);color:var(--bg);padding:0 var(--space-4);gap:var(--space-2)}.bottom-nav .nav-item.active .nav-label{opacity:1;max-width:140px;transform:translate(0)}@media (max-width:380px){.bottom-nav .nav-item{min-width:44px;height:44px}.bottom-nav .nav-item.active{padding:0 var(--space-3)}.bottom-nav .nav-item .nav-label{font-size:var(--text-xs)}.bottom-nav .nav-item.active .nav-label{text-overflow:ellipsis;max-width:104px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav .nav-item,.bottom-nav .nav-label{transition:none!important}}