.tabbar{z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--hv-surface,#fff);border-top:1px solid var(--hv-line,#e4e8f0);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1418210a}.tabbar:after{content:"";background:var(--hv-surface,#fff);pointer-events:none;height:100px;position:absolute;top:100%;left:0;right:0}@media (min-width:1024px){.tabbar{display:none}}.tabbar-inner{max-width:32rem;height:var(--nav-h);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex}.tabbar-tab{min-width:44px;min-height:44px;color:var(--hv-muted,#5d6474);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar-icon{width:52px;height:30px;transition:background-color .16s var(--ease-smooth,ease-out), transform .16s var(--ease-smooth,ease-out);border-radius:999px;place-items:center;display:grid}.tabbar-icon svg{width:24px;height:24px;display:block}.tabbar-label{letter-spacing:-.01em;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2}.tabbar-tab .tab-fill,.tabbar-tab .tab-solid,.tabbar-tab .tab-hub{fill:none;transition:fill .16s var(--ease-smooth,ease-out)}.tabbar-tab.is-active{color:var(--color-accent,#1d4ed8)}.tabbar-tab.is-active .tabbar-icon{color:var(--hv-brand-deep,#2563eb);background:#eaf1ff}.tabbar-tab.is-active .tab-fill{fill:#bfdbfe}.tabbar-tab.is-active .tab-solid{fill:currentColor}.tabbar-tab.is-active .tab-hub{fill:#fff}.tabbar-tab.is-active .tabbar-label{font-weight:800}.tabbar-tab:not(.is-active):hover{color:var(--hv-ink,#141821)}.tabbar-tab:active .tabbar-icon{transform:scale(.94)}.tabbar-tab:focus-visible{outline:none}.tabbar-tab:focus-visible .tabbar-icon{box-shadow:0 0 0 3px var(--hv-brand-deep,#2563eb)}@media (max-width:359px){.tabbar-icon{width:46px}}@media (prefers-reduced-motion:reduce){.tabbar-icon,.tabbar-tab .tab-fill,.tabbar-tab .tab-solid,.tabbar-tab .tab-hub{transition:none}.tabbar-tab:active .tabbar-icon{transform:none}}