.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(62px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);display:flex;align-items:stretch;background:color-mix(in srgb,var(--vx-bg) 94%,transparent);border-top:1px solid var(--vx-line);font-family:var(--vx-font-body)}@media (min-width:900px){.tabbar{display:none}}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-top:2px solid transparent;margin-top:-1px;color:var(--vx-muted);text-decoration:none;min-height:44px;transition:color var(--vx-tap) ease}.tab.is-on{color:var(--vx-text);border-top-color:var(--vx-action)}.tab:hover{color:var(--vx-text-2)}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-label{font:600 var(--vx-t-micro)/1 var(--vx-font-body);white-space:nowrap}.tabbar-post{width:66px;flex:none;background:none;border:0;padding:0;cursor:pointer}.tabbar-post,.tabbar-post__disc{display:flex;align-items:center;justify-content:center}.tabbar-post__disc{width:50px;height:44px;border-radius:var(--vx-radius-card);background:var(--vx-action);color:#fff;flex-direction:column;gap:2px;box-shadow:var(--vx-glow-action);transition:background var(--vx-tap) ease,transform var(--vx-tap) ease}.tabbar-post:hover .tabbar-post__disc{background:var(--vx-action-2)}.tabbar-post:active .tabbar-post__disc{transform:translateY(1px);box-shadow:none}.tabbar-post__label{position:absolute;font:700 var(--vx-t-micro)/1 var(--vx-font-body);letter-spacing:.06em;color:var(--vx-action-3);transform:translateY(11px);pointer-events:none}@media (prefers-reduced-motion:reduce){.tab,.tabbar-post__disc{transition:none}}