.vn-bn{bottom:calc(12px + env(safe-area-inset-bottom,0));z-index:80;-webkit-backdrop-filter:blur(24px)saturate(1.5);font-family:var(--font-sans-v2);background:#fbf7f2c7;border:1px solid #1f1a1614;border-radius:999px;align-items:center;gap:2px;padding:6px;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff9,0 12px 32px -8px #3c281e2e,0 4px 12px -4px #3c281e1a}.vn-tab{min-width:64px;min-height:44px;color:var(--mud-700);cursor:pointer;transition:all .2s var(--ease-out);font-family:var(--font-sans-v2);letter-spacing:.04em;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 12px 6px;font-size:10px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.vn-tab:hover{color:var(--ink-900);background:#1f1a160a}.vn-tab svg{width:22px;height:22px;transition:transform .2s var(--ease-spring)}.vn-tab:hover svg{transform:translateY(-1px)}.vn-tab.active{background:var(--ink-900);color:var(--clay-50)}.vn-tab.active:hover{background:var(--ink-900)}.vn-tab.active svg{transform:scale(1.04)}@media (max-width:380px){.vn-tab{min-width:56px;padding:6px 8px 5px;font-size:9px}.vn-tab svg{width:20px;height:20px}}