.bottom-tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10030;display:none;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:0 18px 40px rgba(22,32,48,.2),0 4px 14px rgba(22,32,48,.12);padding-bottom:2px}.bottom-tabbar.visible{display:block}.bottom-tabbar__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:stretch;padding:5px 10px}.bottom-tabbar__item{border:0;background:0 0;color:#4a525f;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;cursor:pointer;border-radius:16px;transition:transform .14s,background-color .18s,color .18s,box-shadow .18s}.bottom-tabbar__item:active{transform:scale(.98)}.bottom-tabbar__item.is-active{color:#f57c00;background:rgba(255,245,236,.95)}.bottom-tabbar__icon-wrap{position:relative;line-height:1}.bottom-tabbar__icon{font-size:18px}.bottom-tabbar__icon-image{width:50px;height:50px;display:block;object-fit:contain;box-shadow:1px 1px 4px gray;border-radius:50px}.bottom-tabbar__icon-image-cat{width:18px;height:18px;display:block;object-fit:contain}.bottom-tabbar__badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#d93025;color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700;display:none}.bottom-tabbar__label{font-size:11px;font-weight:600}body.tabbar-visible #app{padding-bottom:calc(96px + env(safe-area-inset-bottom))}@media (min-width:1024px){.bottom-tabbar{max-width:560px;left:50%;right:auto;transform:translateX(-50%);border-radius:24px}}