.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:stretch;padding:8px 4px max(8px,env(safe-area-inset-bottom));background-color:var(--app-bg-color,var(--tg-theme-bg-color,#fff));border-top:1px solid var(--app-border-color,rgba(0,0,0,.1));z-index:100}.bottom-nav__item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px;text-decoration:none;color:var(--app-hint-color,var(--tg-theme-hint-color,#999));font-size:10px;font-weight:500;transition:color .15s;min-width:0}.bottom-nav__item--active{color:var(--app-nav-active-color,#83007f)}.bottom-nav__icon{width:24px;height:24px;flex-shrink:0;color:currentColor}.bottom-nav__icon-wrap{position:relative;display:inline-flex;width:24px;height:24px}.bottom-nav__badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e11d48;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--app-bg-color,#fff)}.bottom-nav__item:not(.bottom-nav__item--active) .bottom-nav__icon{opacity:.7}.layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:56px}.layout__main{flex:1 1;overflow-x:hidden;overflow-y:auto}